commit 7afdc2079c78eb5cf2698684dfad74383a44daab Author: argiro.kokogiannaki Date: Fri Sep 22 10:26:08 2017 +0000 Created branches and trunk folders git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@49061 d315682c-612b-4755-9ff5-7f18f6832af3 diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..c2f8a48 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2017 Stefanos Gatsios + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/app/app.component.html b/app/app.component.html new file mode 100644 index 0000000..7bae7f8 --- /dev/null +++ b/app/app.component.html @@ -0,0 +1,55 @@ +
+ + +
\ No newline at end of file diff --git a/app/app.component.ts b/app/app.component.ts new file mode 100644 index 0000000..1af7477 --- /dev/null +++ b/app/app.component.ts @@ -0,0 +1,15 @@ +/** + * Created by stefania on 3/21/16. + */ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'metadata-registry-service', + templateUrl: './app.component.html', +}) + +export class AppComponent { + title = 'Metadata Registry Service'; +} + diff --git a/app/app.module.ts b/app/app.module.ts new file mode 100644 index 0000000..9c16251 --- /dev/null +++ b/app/app.module.ts @@ -0,0 +1,65 @@ +/** + * Created by stefania on 9/16/16. + */ +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { HttpModule, JsonpModule } from '@angular/http'; +import { AppComponent } from "./app.component"; +import { routing, appRoutingProviders } from "./app.routing"; +import { DashboardComponent } from "./dashboard.component"; +import { TopicsComponent } from "./pages/faq/topics.components"; +import { QuestionsComponent } from "./pages/faq/questions.component"; +import { FAQService } from "./services/faq.service"; +import { ModalModule } from 'ngx-bootstrap'; +import { TopicsFormComponent } from "./pages/faq/topics-form.component"; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; +import { ModalFormComponent } from "./pages/modal-form.component"; +import { QuestionsFormComponent } from "./pages/faq/questions-form.component"; +import { DeleteConfirmationDialogComponent } from "./pages/delete-confirmation-dialog.component"; +import { JWBootstrapSwitchModule } from 'jw-bootstrap-switch-ng2'; +import { PagesComponent } from "./pages/helpcontent/pages.component"; +import { HelpContentService } from "./services/help-content.service"; +import { PageFormComponent } from "./pages/helpcontent/page-form.component"; +import { PageHelpContentsComponent } from "./pages/helpcontent/page-help-contents.component"; +import { NewPageHelpContentComponent } from "./pages/helpcontent/new-page-help-content.component"; +import { CKEditorModule } from 'ng2-ckeditor'; +import { PageContentFormComponent } from "./pages/helpcontent/page-help-content-form.component"; +import { EditPageHelpContentComponent } from "./pages/helpcontent/edit-page-help-content.component"; + +@NgModule({ + imports: [ + BrowserModule, + routing, + HttpModule, + JsonpModule, + ModalModule.forRoot(), + FormsModule, + ReactiveFormsModule, + JWBootstrapSwitchModule, + CKEditorModule + ], + declarations: [ + AppComponent, + DashboardComponent, + TopicsComponent, + QuestionsComponent, + TopicsFormComponent, + ModalFormComponent, + QuestionsFormComponent, + DeleteConfirmationDialogComponent, + PagesComponent, + PageFormComponent, + PageHelpContentsComponent, + NewPageHelpContentComponent, + PageContentFormComponent, + EditPageHelpContentComponent + ], + providers: [ + FAQService, + HelpContentService, + appRoutingProviders + ], + bootstrap: [ AppComponent ] +}) + +export class AppModule { } \ No newline at end of file diff --git a/app/app.routing.ts b/app/app.routing.ts new file mode 100644 index 0000000..676f409 --- /dev/null +++ b/app/app.routing.ts @@ -0,0 +1,54 @@ +/** + * Created by stefania on 9/16/16. + */ +import { ModuleWithProviders } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { DashboardComponent } from "./dashboard.component"; +import { TopicsComponent } from "./pages/faq/topics.components"; +import { QuestionsComponent } from "./pages/faq/questions.component"; +import { PagesComponent } from "./pages/helpcontent/pages.component"; +import { PageHelpContentsComponent } from "./pages/helpcontent/page-help-contents.component"; +import { NewPageHelpContentComponent } from "./pages/helpcontent/new-page-help-content.component"; +import { EditPageHelpContentComponent } from "./pages/helpcontent/edit-page-help-content.component"; + +const appRoutes: Routes = [ + { + path: '', + redirectTo: 'dashboard', + pathMatch: 'full' + }, + { + path: 'dashboard', + component: DashboardComponent, + }, + { + path: 'topics', + component: TopicsComponent, + }, + { + path: 'questions', + component: QuestionsComponent, + }, + { + path: 'pages', + component: PagesComponent, + }, + { + path: 'pageContents', + component: PageHelpContentsComponent, + }, + { + path: 'pageContents/new', + component: NewPageHelpContentComponent, + }, + { + path: 'pageContents/edit/:id', + component: EditPageHelpContentComponent, + } +]; + +export const appRoutingProviders: any[] = [ +]; + +export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes); \ No newline at end of file diff --git a/app/dashboard.component.html b/app/dashboard.component.html new file mode 100644 index 0000000..abd622b --- /dev/null +++ b/app/dashboard.component.html @@ -0,0 +1,17 @@ +
+
+
+
+ +
+ +
Dashboard
+
+ +
+

+ A list of tools to help the administrator of the OpenMinTeD to manage FAQs, help texts, etc... +

+
+
+
diff --git a/app/dashboard.component.ts b/app/dashboard.component.ts new file mode 100644 index 0000000..324c08a --- /dev/null +++ b/app/dashboard.component.ts @@ -0,0 +1,14 @@ +/** + * Created by stefania on 3/21/16. + */ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'dashboard', + templateUrl: 'dashboard.component.html', +}) + +export class DashboardComponent { + +} \ No newline at end of file diff --git a/app/domain/active-topic-questions.ts b/app/domain/active-topic-questions.ts new file mode 100644 index 0000000..eeee101 --- /dev/null +++ b/app/domain/active-topic-questions.ts @@ -0,0 +1,10 @@ +/** + * Created by stefania on 4/26/17. + */ +import { Topic } from "./topic"; +import { Question } from "./question"; + +export interface ActiveTopicQuestions { + topic: Topic; + questionList: Question[]; +} \ No newline at end of file diff --git a/app/domain/page-help-content.ts b/app/domain/page-help-content.ts new file mode 100644 index 0000000..4defe03 --- /dev/null +++ b/app/domain/page-help-content.ts @@ -0,0 +1,24 @@ +/** + * Created by stefania on 7/13/17. + */ +import { Page } from "./page"; + +export interface PageHelpContent { + _id: string; + page: Page | string; + placement : string; + order: number; + content: string; + isActive: boolean; +} + +export interface CheckPageHelpContent { + pageHelpContent : PageHelpContent; + checked : boolean; +} + +export interface PageHelpContentFilterOptions { + id : string; + active : Boolean; + text : RegExp; +} \ No newline at end of file diff --git a/app/domain/page.ts b/app/domain/page.ts new file mode 100644 index 0000000..a78b48a --- /dev/null +++ b/app/domain/page.ts @@ -0,0 +1,13 @@ +/** + * Created by stefania on 7/13/17. + */ +export interface Page { + _id: string; + route: string; + name: string; +} + +export interface CheckPage { + page : Page; + checked : boolean; +} \ No newline at end of file diff --git a/app/domain/question.ts b/app/domain/question.ts new file mode 100644 index 0000000..c4985ad --- /dev/null +++ b/app/domain/question.ts @@ -0,0 +1,26 @@ +/** + * Created by stefania on 4/26/17. + */ +import { Topic } from "./topic"; + +export interface Question { + _id: string; + question: string; + answer: string; + date : Date; + isActive: boolean; + weight: number; + hitCount: number; + topics: Topic[] | string[]; +} + +export interface CheckQuestion { + question : Question; + checked : boolean; +} + +export interface QuestionFilterOptions { + id : string; + active : Boolean; + text : RegExp; +} \ No newline at end of file diff --git a/app/domain/topic.ts b/app/domain/topic.ts new file mode 100644 index 0000000..b876a1a --- /dev/null +++ b/app/domain/topic.ts @@ -0,0 +1,16 @@ +/** + * Created by stefania on 4/26/17. + */ +export interface Topic { + _id: string; + name: string; + description: string; + date : Date; + weight: number; + questionOrder: string; +} + +export interface CheckTopic { + topic : Topic; + checked : boolean; +} \ No newline at end of file diff --git a/app/main.ts b/app/main.ts new file mode 100644 index 0000000..23407fe --- /dev/null +++ b/app/main.ts @@ -0,0 +1,13 @@ +/** + * Created by stefania on 10/3/16. + */ +import './polyfills.ts'; +//import './vendors.ts'; + +import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import { AppModule } from './app.module'; +import {enableProdMode} from "@angular/core"; + +const platform = platformBrowserDynamic(); +if(process.env.PRODUCTION) {enableProdMode();} +platform.bootstrapModule(AppModule); \ No newline at end of file diff --git a/app/pages/delete-confirmation-dialog.component.html b/app/pages/delete-confirmation-dialog.component.html new file mode 100644 index 0000000..2001bfc --- /dev/null +++ b/app/pages/delete-confirmation-dialog.component.html @@ -0,0 +1,21 @@ + \ No newline at end of file diff --git a/app/pages/delete-confirmation-dialog.component.ts b/app/pages/delete-confirmation-dialog.component.ts new file mode 100644 index 0000000..3ae8f22 --- /dev/null +++ b/app/pages/delete-confirmation-dialog.component.ts @@ -0,0 +1,55 @@ +/** + * Created by stefania on 5/2/17. + */ +import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core'; +import { ModalDirective } from 'ngx-bootstrap/modal'; + +@Component({ + selector: 'delete-confirmation-dialog', + templateUrl: './delete-confirmation-dialog.component.html' +}) +export class DeleteConfirmationDialogComponent { + + @ViewChild('autoShownModal') + public autoShownModal:ModalDirective; + + @Input() + public isModalShown:boolean = false; + + @Output() emmitObject: EventEmitter = new EventEmitter(); + + private _ids: string[] = []; + + public set ids(ids: string[]) { + this._ids = ids; + } + + public showModal():void { + this.isModalShown = true; + } + + public hideModal():void { + this.autoShownModal.hide(); + } + + public onHidden():void { + this.isModalShown = false; + } + + public confirmedAction() { + this.emmitObject.emit(this._ids); + this.hideModal(); + } + + // public saveCustom(obj : any) { + // if (this.type == 'topic') { + // this._faqService.saveTopic( obj).subscribe( + // data => this.emmitObject.emit(data), + // error => this.emmitError.emit(error) + // ); + // } else if (this.type == 'question') { + // return; + // } + // this.hideModal(); + // } +} \ No newline at end of file diff --git a/app/pages/faq/questions-form.component.html b/app/pages/faq/questions-form.component.html new file mode 100644 index 0000000..d7c08c5 --- /dev/null +++ b/app/pages/faq/questions-form.component.html @@ -0,0 +1,35 @@ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ + + Press ctrl + click to select more than one +
+ +
+ + + + \ No newline at end of file diff --git a/app/pages/faq/questions-form.component.ts b/app/pages/faq/questions-form.component.ts new file mode 100644 index 0000000..357845e --- /dev/null +++ b/app/pages/faq/questions-form.component.ts @@ -0,0 +1,51 @@ +/** + * Created by stefania on 5/2/17. + */ +import {Component, OnInit, Input} from '@angular/core'; +import {FormGroup, FormBuilder, Validators} from "@angular/forms"; +import {Topic} from "../../domain/topic"; + + +@Component({ + selector: 'questions-form', + templateUrl: './questions-form.component.html', +}) + +export class QuestionsFormComponent implements OnInit{ + + @Input('group') + myForm: FormGroup; + + @Input() availableTopics : Topic[] = []; + + constructor(private _fb: FormBuilder){} + + ngOnInit(): void { + } + + public get form() { + return this._fb.group({ + question : ['', Validators.required], + answer : ['', Validators.required], + topics : [[],Validators.required], + weight : ['0.0', Validators.required], + isActive : true, + _id : '', + // date : '' + }); + } + + public reset() { + this.myForm.patchValue({ + question : '', + answer : '', + topics : [], + weight : '0.0', + // date : '', + isActive : true, + _id : '' + }); + this.myForm.markAsPristine(); + } + +} \ No newline at end of file diff --git a/app/pages/faq/questions.component.html b/app/pages/faq/questions.component.html new file mode 100644 index 0000000..a214066 --- /dev/null +++ b/app/pages/faq/questions.component.html @@ -0,0 +1,154 @@ +
+
+
+
+ +
+ +
FAQ Questions
+
+ + + +
+ New Question +
+ +
+
+
+ + + +
+
+
+
Filter by topic:
+ +
+
+
+
+
Filter questions:
+ + All Questions ({{counter.all}}) + + + Active ({{counter.active}}) + + + Inactive ({{counter.inactive}}) + +
+
+
Bulk Actions + +
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + +
+ + +
+
No questions found
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + Are you sure you want to delete the selected question(s)? + + diff --git a/app/pages/faq/questions.component.ts b/app/pages/faq/questions.component.ts new file mode 100644 index 0000000..44b6883 --- /dev/null +++ b/app/pages/faq/questions.component.ts @@ -0,0 +1,243 @@ +/** + * Created by stefania on 4/26/17. + */ +import { Component, ViewChild, OnInit } from '@angular/core'; +import { FAQService } from "../../services/faq.service"; +import { FormGroup } from "@angular/forms"; +import { ModalFormComponent } from "../modal-form.component"; +import { QuestionsFormComponent } from "./questions-form.component"; +import { CheckQuestion, Question, QuestionFilterOptions } from "../../domain/question"; +import { Topic } from "../../domain/topic"; +import { DeleteConfirmationDialogComponent } from "../delete-confirmation-dialog.component"; + +@Component({ + selector: 'questions', + templateUrl: './questions.component.html', +}) + +export class QuestionsComponent implements OnInit { + + // @ViewChild(ModalFormComponent) + @ViewChild('saveModal') + public modal:ModalFormComponent; + + @ViewChild('updateModal') + public updateModal:ModalFormComponent; + + @ViewChild(QuestionsFormComponent) + public formComponent : QuestionsFormComponent; + + @ViewChild('deleteConfirmationModal') + public deleteConfirmationModal : DeleteConfirmationDialogComponent; + + public questionsCheckboxes : CheckQuestion[] = []; + + public questions : Question[] = []; + + public errorMessage: string = null; + + public successMessage: string = null; + + public formGroup : FormGroup; + + public topics: Topic[]; + + public checkboxAll : boolean = false; + + public filters : QuestionFilterOptions = {id : '', active : null, text : new RegExp('')}; + + public counter = {all : 0, active : 0, inactive : 0}; + + ngOnInit() { + this.getTopics(); + this.getQuestions(); + this.formGroup = this.formComponent.form; + } + + constructor(private _faqService: FAQService) {} + + getTopics() { + this._faqService.getTopics().subscribe( + topics => this.topics = topics, + error => this.errorMessage = error); + } + + public countQuestions() { + this.counter = {all : 0, active : 0, inactive : 0}; + let filter = Object.assign({},this.filters); + filter.active = null; + this.questions.forEach(_ => { + if(this.filterQuestion(_,filter)){ + if (_.isActive==true) this.counter.active++; + else this.counter.inactive++ + } + }); + this.counter.all = this.counter.active + this.counter.inactive; + } + + getQuestions() { + let self = this; + this._faqService.getQuestions().subscribe( + questions => { + self.questions = questions; + self.counter.all = questions.length; + questions.forEach(_ => { + self.questionsCheckboxes.push({question : _, checked : false}); + }); + self.countQuestions(); + }, + error => this.errorMessage = error); + } + + public showModal():void { + this.modal.showModal(); + } + + public toggleCheckBoxes(event) { + this.questionsCheckboxes.forEach(_ => _.checked = event.target.checked); + this.checkboxAll = event.target.checked; + } + + public applyCheck(flag : boolean) { + this.questionsCheckboxes.forEach(_ => _.checked = flag); + this.checkboxAll = false; + } + + public getSelectedQuestions() : string[] { + return this.questionsCheckboxes.filter(question => question.checked == true) + .map(checkedQuestion => checkedQuestion.question).map(res => res._id); + } + + public confirmDeleteQuestion(id : string) { + this.deleteConfirmationModal.ids = [id]; + this.deleteConfirmationModal.showModal(); + } + + public confirmDeleteSelectedQuestions() { + this.deleteConfirmationModal.ids = this.getSelectedQuestions(); + this.deleteConfirmationModal.showModal(); + } + + public confirmedDeleteQuestions(ids : string[]) { + this._faqService.deleteQuestions(ids).subscribe( + _ => this.deleteQuestionsFromArray(ids), + error => this.handleError(error) + ); + } + + private deleteQuestionsFromArray(ids : string[]) : void { + this.successMessage = `Successfully deleted Question(s)`; + for(let id of ids) { + let iqc = this.questionsCheckboxes.findIndex(_ => _.question._id == id); + let iq = this.questions.findIndex(_ => _._id == id); + this.questionsCheckboxes.splice(iqc, 1); + this.questions.splice(iqc, 1); + } + } + + public editQuestion(i : number) { + let question : Question = Object.assign({}, this.questionsCheckboxes[i].question); + // question.topics = Object.create(this.questionsCheckboxes[i].question.topics); + let topics : string[] = []; + for(let topic of question.topics) { + topics.push(topic._id) + } + question.topics = topics; + console.log(question); + this.formGroup.patchValue(question); + this.updateModal.showModal(); + } + + public toggleQuestion(status : boolean, ids : string[]) { + this._faqService.toggleQuestion(ids,status).subscribe( + ret => { + for(let id of ret) { + let i = this.questionsCheckboxes.findIndex(_ => _.question._id == id); + this.questionsCheckboxes[i].question.isActive=status; + } + this.countQuestions(); + this.applyCheck(false); + }, + error => this.handleError(error) + ); + } + + public saveQuestion(data : any):void { + console.log(data); + this._faqService.saveQuestion(data).subscribe( + question => this.questionSavedSuccessfully(question), + error => this.handleError(error) + ); + } + + public questionSavedSuccessfully(question: Question) { + this.questionsCheckboxes.push({question : question, checked : false}); + this.questions.push(question); + this.successMessage = `Question [${question.question}] saved successfully`; + this.applyCheck(false); + this.countQuestions(); + } + + public questionUpdatedSuccessfully(question : Question) { + this.questionsCheckboxes.find(checkItem => checkItem.question._id==question._id).question = question; + let index = this.questions.findIndex(checkItem => checkItem._id==question._id); + this.successMessage = `Question [${question.question}] updated successfully`; + this.questions[index] = question; + this.applyCheck(false); + this.countQuestions(); + } + + + public filterQuestion(question : Question, filters : QuestionFilterOptions) : boolean { + + let idFlag = filters.id == '' || (question.topics).map(_ => _._id).includes(filters.id); + let activeFlag = filters.active == null || question.isActive == filters.active; + let textFlag = filters.text.toString() == '' || (question.question + ' ' +question.answer).match(filters.text) != null; + return idFlag && activeFlag && textFlag; + } + + public applyFilter() { + this.questionsCheckboxes = []; + this.questions.filter(item => this.filterQuestion(item,this.filters)).forEach( + _ => this.questionsCheckboxes.push({question: _, checked: false}) + ); + this.countQuestions(); + } + + public filterByTopic(event: any) { + this.filters.id = event.target.value; + this.applyFilter(); + } + + public displayAllQuestions() { + this.filters.active = null; + this.applyFilter(); + } + + public displayActiveQuestions() { + this.filters.active = true; + this.applyFilter(); + } + + public filterBySearch(text : string) { + this.filters.text = new RegExp(text, "i"); + this.applyFilter(); + } + + public displayInactiveQuestions() { + this.filters.active = false; + this.applyFilter(); + } + + public getNames(question : Question) : string[]{ + return (question.topics).map(_ => _.name); + } + + handleError(error) { + if(error == null) { + this.formComponent.reset(); + }else { + this.errorMessage = 'System error saving topic (Server responded: ' + error + ')'; + } + } +} \ No newline at end of file diff --git a/app/pages/faq/topics-form.component.html b/app/pages/faq/topics-form.component.html new file mode 100644 index 0000000..52591ca --- /dev/null +++ b/app/pages/faq/topics-form.component.html @@ -0,0 +1,26 @@ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+ + + \ No newline at end of file diff --git a/app/pages/faq/topics-form.component.ts b/app/pages/faq/topics-form.component.ts new file mode 100644 index 0000000..79e1b70 --- /dev/null +++ b/app/pages/faq/topics-form.component.ts @@ -0,0 +1,46 @@ +/** + * Created by stefanos on 28/4/2017. + */ + +import {Component, OnInit, Input} from '@angular/core'; +import {FormGroup, FormBuilder, Validators} from "@angular/forms"; + + +@Component({ + selector: 'topics-form', + templateUrl: './topics-form.component.html', +}) + +export class TopicsFormComponent implements OnInit{ + + @Input('group') + myForm: FormGroup; + + constructor(private _fb: FormBuilder){} + + ngOnInit(): void { + } + + public get form() { + return this._fb.group({ + name : ['', Validators.required], + description : '', + weight : ['0.0', Validators.required], + questionOrder : 'hits', + _id : '' + // date : '', + }); + } + + public reset() { + this.myForm.patchValue({ + name : '', + description : '', + weight : '0.0', + questionOrder : 'hits', + _id : '' + }); + this.myForm.markAsPristine(); + } + +} \ No newline at end of file diff --git a/app/pages/faq/topics.component.html b/app/pages/faq/topics.component.html new file mode 100644 index 0000000..633e0c8 --- /dev/null +++ b/app/pages/faq/topics.component.html @@ -0,0 +1,111 @@ +
+
+
+
+ +
+ +
FAQ Topics
+
+ + + +
+ New Topic +
+ +
+
+
+ + + +
+
+
+
Bulk Actions + +
+
+
+
+
+
+
+
+
+
+
+ + + + + + +
+ + +
+
No topics found
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + Are you sure you want to delete the selected topic(s)? + diff --git a/app/pages/faq/topics.components.ts b/app/pages/faq/topics.components.ts new file mode 100644 index 0000000..aebf06f --- /dev/null +++ b/app/pages/faq/topics.components.ts @@ -0,0 +1,169 @@ +/** + * Created by stefania on 4/26/17. + */ +import { Component, ViewChild, OnInit } from '@angular/core'; +import { Topic, CheckTopic } from "../../domain/topic"; +import { FAQService } from "../../services/faq.service"; +import { FormGroup } from "@angular/forms"; +import { ModalFormComponent } from "../modal-form.component"; +import { TopicsFormComponent } from "./topics-form.component"; +import { DeleteConfirmationDialogComponent } from "../delete-confirmation-dialog.component"; + +@Component({ + selector: 'topics', + templateUrl: './topics.component.html', +}) + +export class TopicsComponent implements OnInit { + + // @ViewChild(ModalFormComponent) + @ViewChild('saveModal') + public modal:ModalFormComponent; + + @ViewChild('updateModal') + public updateModal:ModalFormComponent; + + @ViewChild('deleteConfirmationModal') + public deleteConfirmationModal : DeleteConfirmationDialogComponent; + + @ViewChild(TopicsFormComponent) + public formComponent : TopicsFormComponent; + + public topicsCheckboxes : CheckTopic[] = []; + + public topics : Topic[] = []; + + public errorMessage: string = null; + + public successMessage: string = null; + + public formGroup : FormGroup; + + private searchText : RegExp = new RegExp(''); + + ngOnInit() { + this.getTopics(); + this.formGroup = this.formComponent.form; + } + + constructor(private _faqService: FAQService) {} + + getTopics() { + let self = this; + this._faqService.getTopics().subscribe( + topics => { + self.topics = topics; + topics.forEach(_ => { + self.topicsCheckboxes.push({topic : _, checked : false}); + }); + }, + error => this.handleError('System error retrieving topics topics', error)); + } + + public showModal():void { + this.modal.showModal(); + } + + public toggleCheckBoxes(event) { + this.topicsCheckboxes.forEach(_ => _.checked = event.target.checked); + } + + public applyCheck(flag : boolean) { + this.topicsCheckboxes.forEach(_ => _.checked = flag); + } + + public getSelectedTopics() : string[] { + return this.topicsCheckboxes.filter(topic => topic.checked == true).map(checkedTopic => checkedTopic.topic).map(res => res._id); + } + + private deleteTopicsFromArray(ids : string[]) : void { + this.successMessage = `Successfully deleted Topic(s)`; + for(let id of ids) { + let i = this.topicsCheckboxes.findIndex(_ => _.topic._id == id); + this.topicsCheckboxes.splice(i, 1); + } + } + + public confirmDeleteTopic(id : string) { + this.deleteConfirmationModal.ids = [id]; + this.deleteConfirmationModal.showModal(); + } + + public confirmDeleteSelectedTopics() { + this.deleteConfirmationModal.ids = this.getSelectedTopics(); + this.deleteConfirmationModal.showModal(); + } + + public confirmedDeleteTopic(ids : string[]) { + this._faqService.deleteTopics(ids).subscribe( + _ => this.deleteTopicsFromArray(ids), + error => this.handleError('System error deleting the selected topics', error) + ); + } + + public sort(type : string) { + if(type=='weight') { + this.topicsCheckboxes.sort(function(a, b) { + return a.topic.weight - b.topic.weight; + }); + } else if (type == 'hits') { + + } + } + + public editTopic(i : number) { + let topic : Topic = this.topicsCheckboxes[i].topic; + this.formGroup.patchValue(topic); + this.updateModal.showModal(); + } + + public toggleTopic(order : string, ids : string[]) { + this._faqService.orderTopic(ids,order).subscribe( + ret => { + for(let id of ret) { + let i = this.topicsCheckboxes.findIndex(_ => _.topic._id == id); + this.topicsCheckboxes[i].topic.questionOrder=order; + } + }, + error => this.handleError('System error ordering topics', error) + ); + this.applyCheck(false); + } + + public topicSavedSuccessfully(topic: Topic) { + this.topicsCheckboxes.push({topic : topic, checked : false}); + this.successMessage = `Topic [${topic.name}] saved successfully`; + this.applyCheck(false); + } + + public topicUpdatedSuccessfully(topic : Topic) { + this.topicsCheckboxes.find(checkItem => checkItem.topic._id==topic._id).topic = topic; + this.successMessage = `Topic [${topic.name}] updated successfully`; + this.applyCheck(false); + } + + public filterBySearch(text : string) { + this.searchText = new RegExp(text,'i'); + this.applyFilter(); + } + + public applyFilter() { + this.topicsCheckboxes = []; + this.topics.filter(item => this.filterQuestion(item)).forEach( + _ => this.topicsCheckboxes.push({topic: _, checked: false}) + ); + } + + public filterQuestion(topic : Topic) : boolean { + let textFlag = this.searchText.toString() == '' || (topic.name + ' ' +topic.description).match(this.searchText) != null; + return textFlag; + } + + handleError(message: string, error) { + if(error == null) { + this.formComponent.reset(); + } else { + this.errorMessage = message + ' (Server responded: ' + error + ')'; + } + } +} \ No newline at end of file diff --git a/app/pages/helpcontent/edit-page-help-content.component.html b/app/pages/helpcontent/edit-page-help-content.component.html new file mode 100644 index 0000000..dc093ab --- /dev/null +++ b/app/pages/helpcontent/edit-page-help-content.component.html @@ -0,0 +1,20 @@ +
+
+
+
+ +
+ +
Edit Help Content
+
+ +
+ +
+
{{errorMessage}}
+ + Update page content +
+
+
+
diff --git a/app/pages/helpcontent/edit-page-help-content.component.ts b/app/pages/helpcontent/edit-page-help-content.component.ts new file mode 100644 index 0000000..52eebe5 --- /dev/null +++ b/app/pages/helpcontent/edit-page-help-content.component.ts @@ -0,0 +1,68 @@ +/** + * Created by stefania on 7/14/17. + */ +import { Component, ViewChild, OnInit, OnDestroy } from '@angular/core'; +import { PageContentFormComponent } from "./page-help-content-form.component"; +import { Subscription } from "rxjs/Subscription"; +import { HelpContentService } from "../../services/help-content.service"; +import { PageHelpContent } from "../../domain/page-help-content"; +import { ActivatedRoute, Router } from "@angular/router"; + +@Component({ + selector: 'edit-page-help-content', + templateUrl: 'edit-page-help-content.component.html', +}) + +export class EditPageHelpContentComponent implements OnInit, OnDestroy{ + + @ViewChild(PageContentFormComponent) + public formComponent : PageContentFormComponent; + + private sub: Subscription; + + private pageHelpContent: PageHelpContent; + + private errorMessage : string = null; + + constructor( + private route: ActivatedRoute, + private router: Router, + private _helpContentService: HelpContentService) {} + + ngOnInit() { + + this.sub = this.route.params.subscribe(params => { + let id = params['id']; + this._helpContentService.getPageHelpContent(id as string).subscribe( + pageHelpContent => this.updateForm(pageHelpContent), + error => this.handleError('System error retrieving page help content', error)); + }); + } + ngOnDestroy() { + this.sub.unsubscribe(); + } + + handleError(message: string, error) { + this.errorMessage = message + ' (Server responded: ' + error + ')'; + } + + private updateForm(pageHelpContent : PageHelpContent) { + this.pageHelpContent = pageHelpContent; + this.formComponent.myForm.patchValue((pageHelpContent)); + // console.log("patching",pageHelpContent); + } + + private saveCustom() { + + if(this.formComponent.myForm.valid) { + let pageHelpContent : PageHelpContent = this.formComponent.myForm.value; + this._helpContentService.savePageHelpContent(pageHelpContent).subscribe( + _ => this.router.navigate(['/pageContents']), + err => this.handleError('System error updating page content', err) + ); + } else { + this.errorMessage = "Please fill all required fields"; + } + + } +} \ No newline at end of file diff --git a/app/pages/helpcontent/new-page-help-content.component.html b/app/pages/helpcontent/new-page-help-content.component.html new file mode 100644 index 0000000..e6f5640 --- /dev/null +++ b/app/pages/helpcontent/new-page-help-content.component.html @@ -0,0 +1,20 @@ +
+
+
+
+ +
+ +
New Help Content
+
+ +
+ +
+
{{errorMessage}}
+ + Save page content +
+
+
+
diff --git a/app/pages/helpcontent/new-page-help-content.component.ts b/app/pages/helpcontent/new-page-help-content.component.ts new file mode 100644 index 0000000..28f488c --- /dev/null +++ b/app/pages/helpcontent/new-page-help-content.component.ts @@ -0,0 +1,46 @@ +/** + * Created by stefania on 7/13/17. + */ +import { Component, ViewChild } from '@angular/core'; +import { ActivatedRoute, Router } from "@angular/router"; +import { PageContentFormComponent } from "./page-help-content-form.component"; +import { PageHelpContent } from "../../domain/page-help-content"; +import { HelpContentService } from "../../services/help-content.service"; + +@Component({ + selector: 'new-page-help-content', + templateUrl: 'new-page-help-content.component.html', +}) + +export class NewPageHelpContentComponent { + + @ViewChild(PageContentFormComponent) + public formComponent : PageContentFormComponent; + + private errorMessage : string = null; + + constructor( + private route: ActivatedRoute, + private router: Router, + private _helpContentService: HelpContentService) {} + + private saveCustom() { + + this.errorMessage = null; + + if(this.formComponent.myForm.valid) { + let pageHelpContent : PageHelpContent = this.formComponent.myForm.value; + this._helpContentService.savePageHelpContent(pageHelpContent).subscribe( + _ => this.router.navigate(['/pageContents']), + err => this.handleError('System error saving page content', err) + ); + } else { + this.errorMessage = "Please fill all required fields"; + } + } + + handleError(message: string, error) { + this.errorMessage = message + ' (Server responded: ' + error + ')'; + + } +} \ No newline at end of file diff --git a/app/pages/helpcontent/page-form.component.html b/app/pages/helpcontent/page-form.component.html new file mode 100644 index 0000000..d88ab2c --- /dev/null +++ b/app/pages/helpcontent/page-form.component.html @@ -0,0 +1,14 @@ +
+
+ + +
+
+ + +
+ +
+ + + \ No newline at end of file diff --git a/app/pages/helpcontent/page-form.component.ts b/app/pages/helpcontent/page-form.component.ts new file mode 100644 index 0000000..0ea990c --- /dev/null +++ b/app/pages/helpcontent/page-form.component.ts @@ -0,0 +1,39 @@ +/** + * Created by stefania on 7/13/17. + */ +import {Component, OnInit, Input} from '@angular/core'; +import {FormGroup, FormBuilder, Validators} from "@angular/forms"; + + +@Component({ + selector: 'page-form', + templateUrl: './page-form.component.html', +}) + +export class PageFormComponent implements OnInit{ + + @Input('group') + myForm: FormGroup; + + constructor(private _fb: FormBuilder){} + + ngOnInit(): void { + } + + public get form() { + return this._fb.group({ + route : ['', Validators.required], + name : ['', Validators.required], + _id : '' + }); + } + + public reset() { + this.myForm.patchValue({ + route : '', + name : '', + _id : '' + }); + } + +} \ No newline at end of file diff --git a/app/pages/helpcontent/page-help-content-form.component.html b/app/pages/helpcontent/page-help-content-form.component.html new file mode 100644 index 0000000..688cb3f --- /dev/null +++ b/app/pages/helpcontent/page-help-content-form.component.html @@ -0,0 +1,54 @@ +
{{errorMessage}}
+
+
+ + +
+
+ + +
+
+ +
+ + + + + + + + +
+ + +
+
+ + +
+
+ + +
+ +
+ + + + \ No newline at end of file diff --git a/app/pages/helpcontent/page-help-content-form.component.ts b/app/pages/helpcontent/page-help-content-form.component.ts new file mode 100644 index 0000000..a3bd785 --- /dev/null +++ b/app/pages/helpcontent/page-help-content-form.component.ts @@ -0,0 +1,60 @@ +/** + * Created by stefania on 7/14/17. + */ +import { Component, OnInit, Input } from '@angular/core'; +import { FormGroup, FormBuilder, Validators } from "@angular/forms"; +import { Page } from "../../domain/page"; +import { HelpContentService } from "../../services/help-content.service"; + + +@Component({ + selector: 'page-content-form', + templateUrl: './page-help-content-form.component.html', +}) + +export class PageContentFormComponent implements OnInit{ + + @Input('group') + myForm: FormGroup; + + private availablePages : Page[] = []; + private errorMessage: string; + + private ckeditorContent : string; + + constructor(private _fb: FormBuilder, private _helpContentService: HelpContentService){} + + ngOnInit() { + this.myForm = this.form; + this._helpContentService.getPages().subscribe( + pages => this.availablePages = pages, + error => this.handleError('System error retrieving pages', error)); + } + + public get form() { + return this._fb.group({ + page : ['',Validators.required], + placement : ['', Validators.required], + content : ['', Validators.required], + order : ['1', Validators.required], + isActive : true, + _id : '', + }); + } + + public reset() { + this.myForm.patchValue({ + page : '', + placement : '', + content : [''], + order : '1', + isActive : true, + _id : '' + }); + this.myForm.markAsPristine(); + } + + handleError(message: string, error) { + this.errorMessage = message + ' (Server responded: ' + error + ')'; + } +} \ No newline at end of file diff --git a/app/pages/helpcontent/page-help-contents.component.html b/app/pages/helpcontent/page-help-contents.component.html new file mode 100644 index 0000000..1a6f311 --- /dev/null +++ b/app/pages/helpcontent/page-help-contents.component.html @@ -0,0 +1,127 @@ +
+
+
+
+ +
+ +
Page Help Contents
+
+ + + +
+ New Page Content +
+ +
+
+
+ + + +
+
+
+
Filter by page:
+ +
+
+
+
+
Filter page contents:
+ + All Page Contents ({{counter.all}}) + + + Active ({{counter.active}}) + + + Inactive ({{counter.inactive}}) + +
+
+
Bulk Actions + +
+
+
+
+
+
+
+
+
+
+
+ + + + + + +
+ + +
+
No page contents found
+
+
+
+
+
+
+
+
+
+
+ + + Are you sure you want to delete the selected page content(s)? + + diff --git a/app/pages/helpcontent/page-help-contents.component.ts b/app/pages/helpcontent/page-help-contents.component.ts new file mode 100644 index 0000000..3d10375 --- /dev/null +++ b/app/pages/helpcontent/page-help-contents.component.ts @@ -0,0 +1,222 @@ +/** + * Created by stefania on 7/13/17. + */ +import { Component, ViewChild, OnInit } from '@angular/core'; +import { FormGroup } from "@angular/forms"; +import { DeleteConfirmationDialogComponent } from "../delete-confirmation-dialog.component"; +import { HelpContentService } from "../../services/help-content.service"; +import { PageHelpContent, CheckPageHelpContent, PageHelpContentFilterOptions } from "../../domain/page-help-content"; +import { Page } from "../../domain/page"; +import {Router} from "@angular/router"; + +@Component({ + selector: 'page-help-contents', + templateUrl: './page-help-contents.component.html', +}) + +export class PageHelpContentsComponent implements OnInit { + + // @ViewChild(ModalFormComponent) + // @ViewChild('saveModal') + // public modal:ModalFormComponent; + // + // @ViewChild('updateModal') + // public updateModal:ModalFormComponent; + // + // @ViewChild(PageHelpContentsFormComponent) + // public formComponent : PageHelpContentsFormComponent; + + @ViewChild('deleteConfirmationModal') + public deleteConfirmationModal : DeleteConfirmationDialogComponent; + + public pageHelpContentsCheckboxes : CheckPageHelpContent[] = []; + + public pageHelpContents : PageHelpContent[] = []; + + public errorMessage: string; + + public formGroup : FormGroup; + + public pages: Page[]; + + public checkboxAll : boolean = false; + + public filters : PageHelpContentFilterOptions = {id : '', active : null, text : new RegExp('')}; + + public counter = {all : 0, active : 0, inactive : 0}; + + ngOnInit() { + this.getPages(); + this.getPageHelpContents(); + // this.formGroup = this.formComponent.form; + } + + constructor(private _helpService: HelpContentService, private router : Router) {} + + getPages() { + this._helpService.getPages().subscribe( + pages => this.pages = pages, + error => this.handleError('System error retrieving pages', error)); + } + + public countPageHelpContents() { + this.counter = {all : 0, active : 0, inactive : 0}; + let filter = Object.assign({},this.filters); + filter.active = null; + this.pageHelpContents.forEach(_ => { + if(this.filterPageHelpContent(_,filter)){ + if (_.isActive==true) this.counter.active++; + else this.counter.inactive++ + } + }); + this.counter.all = this.counter.active + this.counter.inactive; + } + + getPageHelpContents() { + let self = this; + this._helpService.getPageHelpContents().subscribe( + pageHelpContents => { + self.pageHelpContents = pageHelpContents as Array; + self.counter.all = self.pageHelpContents.length; + self.pageHelpContents.forEach(_ => { + self.pageHelpContentsCheckboxes.push({pageHelpContent : _, checked : false}); + }); + self.countPageHelpContents(); + }, + error => this.handleError('System error retrieving page contents', error)); + } + + // public showModal():void { + // this.modal.showModal(); + // } + + public toggleCheckBoxes(event) { + this.pageHelpContentsCheckboxes.forEach(_ => _.checked = event.target.checked); + this.checkboxAll = event.target.checked; + } + + public applyCheck(flag : boolean) { + this.pageHelpContentsCheckboxes.forEach(_ => _.checked = flag); + this.checkboxAll = false; + } + + public getSelectedPageHelpContents() : string[] { + return this.pageHelpContentsCheckboxes.filter(pageHelpContent => pageHelpContent.checked == true) + .map(checkedPageHelpContent => checkedPageHelpContent.pageHelpContent).map(res => res._id); + } + + public confirmDeletePageHelpContent(id : string) { + this.deleteConfirmationModal.ids = [id]; + this.deleteConfirmationModal.showModal(); + } + + public confirmDeleteSelectedPageHelpContents() { + this.deleteConfirmationModal.ids = this.getSelectedPageHelpContents(); + this.deleteConfirmationModal.showModal(); + } + + public confirmedDeletePageHelpContents(ids : string[]) { + this._helpService.deletePageHelpContents(ids).subscribe( + _ => this.deletePageHelpContentsFromArray(ids), + error => this.handleError('System error deleting the selected page content(s)', error) + ); + } + + private deletePageHelpContentsFromArray(ids : string[]) : void { + for(let id of ids) { + let iqc = this.pageHelpContentsCheckboxes.findIndex(_ => _.pageHelpContent._id == id); + let iq = this.pageHelpContents.findIndex(_ => _._id == id); + this.pageHelpContentsCheckboxes.splice(iqc, 1); + this.pageHelpContents.splice(iqc, 1); + } + } + + public editPageHelpContent(_id : string) { + this.router.navigate(['/pageContents/edit/', _id]); + } + + public togglePageHelpContents(status : boolean, ids : string[]) { + this._helpService.togglePageHelpContents(ids,status).subscribe( + ret => { + for(let id of ret) { + let i = this.pageHelpContentsCheckboxes.findIndex(_ => _.pageHelpContent._id == id); + this.pageHelpContentsCheckboxes[i].pageHelpContent.isActive=status; + } + this.countPageHelpContents(); + this.applyCheck(false); + }, + error => this.handleError('System error changing the status of the selected page content(s)', error) + ); + } + + public savePageHelpContent(data : any):void { + console.log(data); + this._helpService.savePageHelpContent(data).subscribe( + pageHelpContent => this.pageHelpContentSavedSuccessfully(pageHelpContent), + error => this.handleError('System error saving the specified help content', error) + ); + } + + public pageHelpContentSavedSuccessfully(pageHelpContent: PageHelpContent) { + this.pageHelpContentsCheckboxes.push({pageHelpContent : pageHelpContent, checked : false}); + this.pageHelpContents.push(pageHelpContent); + this.applyCheck(false); + this.countPageHelpContents(); + } + + public pageHelpContentUpdatedSuccessfully(pageHelpContent : PageHelpContent) { + this.pageHelpContentsCheckboxes.find(checkItem => checkItem.pageHelpContent._id==pageHelpContent._id).pageHelpContent = pageHelpContent; + let index = this.pageHelpContents.findIndex(checkItem => checkItem._id==pageHelpContent._id); + this.pageHelpContents[index] = pageHelpContent; + this.applyCheck(false); + this.countPageHelpContents(); + } + + + public filterPageHelpContent(pageHelpContent : PageHelpContent, filters : PageHelpContentFilterOptions) : boolean { + let idFlag = filters.id == '' || (pageHelpContent.page)._id == filters.id; + let activeFlag = filters.active == null || pageHelpContent.isActive == filters.active; + let textFlag = filters.text.toString() == '' || (pageHelpContent.content).match(filters.text) != null; + return idFlag && activeFlag && textFlag; + } + + public applyFilter() { + this.pageHelpContentsCheckboxes = []; + this.pageHelpContents.filter(item => this.filterPageHelpContent(item,this.filters)).forEach( + _ => this.pageHelpContentsCheckboxes.push({pageHelpContent: _, checked: false}) + ); + this.countPageHelpContents(); + } + + public filterByPage(event: any) { + this.filters.id = event.target.value; + this.applyFilter(); + } + + public displayAllPageHelpContents() { + this.filters.active = null; + this.applyFilter(); + } + + public displayActivePageHelpContents() { + this.filters.active = true; + this.applyFilter(); + } + + public filterBySearch(text : string) { + this.filters.text = new RegExp(text, "i"); + this.applyFilter(); + } + + public displayInactivePageHelpContents() { + this.filters.active = false; + this.applyFilter(); + } + + handleError(message: string, error) { + if(error == null) { + // this.formComponent.reset(); + } + this.errorMessage = message + ' (Server responded: ' + error + ')'; + } +} \ No newline at end of file diff --git a/app/pages/helpcontent/pages.component.html b/app/pages/helpcontent/pages.component.html new file mode 100644 index 0000000..1b954aa --- /dev/null +++ b/app/pages/helpcontent/pages.component.html @@ -0,0 +1,92 @@ +
+
+
+
+ +
+ +
Pages
+
+ + +
+ New Page +
+ +
+
+
+ + + +
+
+
+
Bulk Actions + +
+
+
+
+
+
+
+
+
+
+
+ + + +
+ + +
+
No pages found
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + Are you sure you want to delete the selected page(s)? + diff --git a/app/pages/helpcontent/pages.component.ts b/app/pages/helpcontent/pages.component.ts new file mode 100644 index 0000000..ae22037 --- /dev/null +++ b/app/pages/helpcontent/pages.component.ts @@ -0,0 +1,140 @@ +/** + * Created by stefania on 7/13/17. + */ +import { Component, ViewChild, OnInit } from '@angular/core'; +import { HelpContentService } from "../../services/help-content.service"; +import { FormGroup } from "@angular/forms"; +import { ModalFormComponent } from "../modal-form.component"; +import { DeleteConfirmationDialogComponent } from "../delete-confirmation-dialog.component"; +import { PageFormComponent } from "./page-form.component"; +import { CheckPage, Page } from "../../domain/page"; + +@Component({ + selector: 'pages', + templateUrl: './pages.component.html', +}) + +export class PagesComponent implements OnInit { + + // @ViewChild(ModalFormComponent) + @ViewChild('saveModal') + public modal:ModalFormComponent; + + @ViewChild('updateModal') + public updateModal:ModalFormComponent; + + @ViewChild('deleteConfirmationModal') + public deleteConfirmationModal : DeleteConfirmationDialogComponent; + + @ViewChild(PageFormComponent) + public formComponent : PageFormComponent; + + public pagesCheckboxes : CheckPage[] = []; + + public pages : Page[] = []; + + public errorMessage: string; + + public formGroup : FormGroup; + + private searchText : RegExp = new RegExp(''); + + ngOnInit() { + this.getPages(); + this.formGroup = this.formComponent.form; + } + + constructor(private _helpContentService: HelpContentService) {} + + getPages() { + let self = this; + this._helpContentService.getPages().subscribe( + pages => { + self.pages = pages; + pages.forEach(_ => { + self.pagesCheckboxes.push({page : _, checked : false}); + }); + }, + error => this.handleError('System error retrieving pages', error)); + } + + public showModal():void { + this.modal.showModal(); + } + + public toggleCheckBoxes(event) { + this.pagesCheckboxes.forEach(_ => _.checked = event.target.checked); + } + + public applyCheck(flag : boolean) { + this.pagesCheckboxes.forEach(_ => _.checked = flag); + } + + public getSelectedPages() : string[] { + return this.pagesCheckboxes.filter(page => page.checked == true).map(checkedPage => checkedPage.page).map(res => res._id); + } + + private deletePagesFromArray(ids : string[]) : void { + for(let id of ids) { + let i = this.pagesCheckboxes.findIndex(_ => _.page._id == id); + this.pagesCheckboxes.splice(i, 1); + } + } + + public confirmDeletePage(id : string) { + this.deleteConfirmationModal.ids = [id]; + this.deleteConfirmationModal.showModal(); + } + + public confirmDeleteSelectedPages() { + this.deleteConfirmationModal.ids = this.getSelectedPages(); + this.deleteConfirmationModal.showModal(); + } + + public confirmedDeletePages(ids : string[]) { + this._helpContentService.deletePages(ids).subscribe( + _ => this.deletePagesFromArray(ids), + error => this.handleError('System error deleting the selected pages', error) + ); + } + + public editPage(i : number) { + let page : Page = this.pagesCheckboxes[i].page; + this.formGroup.patchValue(page); + this.updateModal.showModal(); + } + + public pageSavedSuccessfully(page: Page) { + this.pagesCheckboxes.push({page : page, checked : false}); + this.applyCheck(false); + } + + public pageUpdatedSuccessfully(page : Page) { + this.pagesCheckboxes.find(checkItem => checkItem.page._id==page._id).page = page; + this.applyCheck(false); + } + + public filterBySearch(text : string) { + this.searchText = new RegExp(text,'i'); + this.applyFilter(); + } + + public applyFilter() { + this.pagesCheckboxes = []; + this.pages.filter(item => this.filterPages(item)).forEach( + _ => this.pagesCheckboxes.push({page: _, checked: false}) + ); + } + + public filterPages(page : Page) : boolean { + let textFlag = this.searchText.toString() == '' || (page.route + ' ' +page.name).match(this.searchText) != null; + return textFlag; + } + + handleError(message: string, error) { + if(error == null) { + this.formComponent.reset(); + } + this.errorMessage = message + ' (Server responded: ' + error + ')'; + } +} \ No newline at end of file diff --git a/app/pages/modal-form.component.html b/app/pages/modal-form.component.html new file mode 100644 index 0000000..da71c67 --- /dev/null +++ b/app/pages/modal-form.component.html @@ -0,0 +1,22 @@ + \ No newline at end of file diff --git a/app/pages/modal-form.component.ts b/app/pages/modal-form.component.ts new file mode 100644 index 0000000..3c4b3cd --- /dev/null +++ b/app/pages/modal-form.component.ts @@ -0,0 +1,85 @@ +/** + * Created by stefanos on 28/4/2017. + */ +import { Component, ViewChild, Input, Output, EventEmitter, OnInit } from '@angular/core'; +import { ModalDirective } from 'ngx-bootstrap/modal'; +import { FormGroup } from "@angular/forms"; +import { FAQService } from "../services/faq.service"; +import { Topic } from "../domain/topic"; +import { Question } from "../domain/question"; +import { HelpContentService } from "../services/help-content.service"; +import { Page } from "../domain/page"; + +@Component({ + selector: 'modal-form', + templateUrl: './modal-form.component.html' +}) +export class ModalFormComponent { + + constructor(private _faqService : FAQService, private _helpService: HelpContentService){ + } + + @ViewChild('autoShownModal') + public autoShownModal:ModalDirective; + + @Input() + public isModalShown:boolean = false; + + @Input() + public saveText : string; + + @Input() + public titleText : string; + + @Input() + public formGroup : FormGroup; + + @Input() + public type : string = 'topic'; + + public errorMessage : string = null; + + @Output() emmitObject: EventEmitter = new EventEmitter(); + + @Output() emmitError: EventEmitter = new EventEmitter(); + + public showModal():void { + this.isModalShown = true; + } + + public hideModal():void { + this.autoShownModal.hide(); + } + + public onHidden():void { + this.isModalShown = false; + this.emmitError.emit(null); + this.errorMessage = null; + } + + public saveCustom(obj : any) { + if(!this.formGroup.valid) { + this.errorMessage = "Please fill in all required fields marked with *" + } else { + + if (this.type == 'topic') { + this._faqService.saveTopic( obj).subscribe( + data => this.emmitObject.emit(data), + error => this.emmitError.emit(error) + ); + } else if (this.type == 'question') { + this._faqService.saveQuestion( obj).subscribe( + data => this.emmitObject.emit(data), + error => this.emmitError.emit(error) + ); + } else if (this.type == 'page') { + this._helpService.savePage( obj).subscribe( + data => this.emmitObject.emit(data), + error => this.emmitError.emit(error) + ); + } + this.hideModal(); + } + } +} + diff --git a/app/polyfills.ts b/app/polyfills.ts new file mode 100644 index 0000000..178c457 --- /dev/null +++ b/app/polyfills.ts @@ -0,0 +1,49 @@ +/** + * Created by stefanos on 25/4/2017. + */ +// Polyfills + +// import 'ie-shim'; // Internet Explorer 9 support +import 'reflect-metadata'; +// import 'core-js/es6'; +// Added parts of es6 which are necessary for your project or your browser support requirements. +import 'core-js/es6/symbol'; +import 'core-js/es6/object'; +import 'core-js/es6/function'; +import 'core-js/es6/parse-int'; +import 'core-js/es6/parse-float'; +import 'core-js/es6/number'; +import 'core-js/es6/math'; +import 'core-js/es6/string'; +import 'core-js/es6/date'; +import 'core-js/es6/array'; +import 'core-js/es6/regexp'; +import 'core-js/es6/map'; +import 'core-js/es6/set'; +import 'core-js/es6/weak-map'; +import 'core-js/es6/weak-set'; +import 'core-js/es6/typed'; +import 'core-js/es6/reflect'; +// see issue https://github.com/AngularClass/angular2-webpack-starter/issues/709 +// import 'core-js/es6/promise'; + +import 'intl'; +import 'intl/locale-data/jsonp/en' + +import 'core-js/es7/reflect'; +import 'zone.js/dist/zone'; + +import 'ng2-ckeditor/lib'; + +// if ('production' === ENV) { +// // Production +// +// } else { +// +// // Development +// Error.stackTraceLimit = Infinity; +// +// /* tslint:disable no-var-requires */ +// require('zone.js/dist/long-stack-trace-zone'); +// +// } \ No newline at end of file diff --git a/app/services/faq.service.ts b/app/services/faq.service.ts new file mode 100644 index 0000000..a575a4e --- /dev/null +++ b/app/services/faq.service.ts @@ -0,0 +1,132 @@ +/** + * Created by stefania on 4/26/17. + */ +import { Injectable } from '@angular/core'; +import { Http, Response, Headers, RequestOptions } from '@angular/http'; +import { Observable } from 'rxjs/Rx'; +import { Topic } from './../domain/topic'; +import { Question } from './../domain/question'; +import { ActiveTopicQuestions } from './../domain/active-topic-questions'; + +@Injectable() +export class FAQService { + + constructor (private http: Http) {} + + private _faqsUrl = process.env.API_ENDPOINT; + + static removeNulls(obj){ + var isArray = obj instanceof Array; + for (var k in obj){ + if (obj[k]===null || obj[k]==='') isArray ? obj.splice(k,1) : delete obj[k]; + else if (typeof obj[k]=="object") FAQService.removeNulls(obj[k]); + } + } + + getTopics() { + return this.http.get(this._faqsUrl + 'topic') + .map(res => > res.json()) + .catch(this.handleError); + } + + saveTopic(topic: Topic) { + + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + FAQService.removeNulls(topic); + + return this.http.post(this._faqsUrl + 'topic', JSON.stringify(topic), options) + .map(res => res.json()) + .catch(this.handleError); + } + + updateTopic(topic: Topic) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + FAQService.removeNulls(topic); + + return this.http.put(this._faqsUrl + 'topic', JSON.stringify(topic), options) + .map(res => res.json()) + .catch(this.handleError); + } + + deleteTopics(ids : string[]) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + return this.http.post(this._faqsUrl + 'topic/delete',JSON.stringify(ids), options) + .catch(this.handleError); + } + + orderTopic(ids: string[], order: string) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + return this.http.post(this._faqsUrl + 'topic/toggle?order='+ order, JSON.stringify(ids), options) + .map( res => res.json()) + .catch(this.handleError); + } + + getQuestions() { + return this.http.get(this._faqsUrl + 'question') + .map(res => > res.json()) + .catch(this.handleError); + } + + saveQuestion(question: Question) { + + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + FAQService.removeNulls(question); + + return this.http.post(this._faqsUrl + 'question', JSON.stringify(question), options) + .map(res => res.json()) + .catch(this.handleError); + } + + toggleQuestion(ids : string[],status : boolean) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + return this.http.post(this._faqsUrl + 'question/toggle?status='+ status.toString(), JSON.stringify(ids), options) + .map( res => res.json()) + .catch(this.handleError); + } + + deleteQuestion(id : string) { + return this.http.delete(this._faqsUrl + 'question/' + id) + .catch(this.handleError); + } + + deleteQuestions(ids : string[]) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + return this.http.post(this._faqsUrl + 'question/delete',JSON.stringify(ids), options) + .catch(this.handleError); + } + + // getResources() { + // return this.http.get(this._resourcesUrl) + // .map(res => res.json()) + // .catch(this.handleError); + // } + // + // getResource(resourceType: string, id: string) { + // return this.http.get(this._resourcesUrl + resourceType + "/" + id) + // .map(res => res.json()) + // .catch(this.handleError); + // } + + private handleError(error: Response) { + // in a real world app, we may send the error to some remote logging infrastructure + // instead of just logging it to the console + console.error(error); + return Observable.throw(error.json().error || 'Server error'); + } + + +} \ No newline at end of file diff --git a/app/services/help-content.service.ts b/app/services/help-content.service.ts new file mode 100644 index 0000000..4a6b1d0 --- /dev/null +++ b/app/services/help-content.service.ts @@ -0,0 +1,122 @@ +/** + * Created by stefania on 7/13/17. + */ +import { Injectable } from '@angular/core'; +import { Http, Response, Headers, RequestOptions } from '@angular/http'; +import { Observable } from 'rxjs/Rx'; +import { Page } from "../domain/page"; +import {PageHelpContent} from "../domain/page-help-content"; + +@Injectable() +export class HelpContentService { + + constructor(private http:Http) { + } + + private _helpContentUrl = process.env.API_ENDPOINT; + + static removeNulls(obj){ + var isArray = obj instanceof Array; + for (var k in obj){ + if (obj[k]===null || obj[k]==='') isArray ? obj.splice(k,1) : delete obj[k]; + else if (typeof obj[k]=="object") HelpContentService.removeNulls(obj[k]); + } + } + + getPages() { + return this.http.get(this._helpContentUrl + 'page') + .map(res => > res.json()) + .catch(this.handleError); + } + + savePage(page: Page) { + console.log("savePage",page); + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + HelpContentService.removeNulls(page); + + return this.http.post(this._helpContentUrl + 'page', JSON.stringify(page), options) + .map(res => res.json()) + .catch(this.handleError); + } + + updatePage(page: Page) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + HelpContentService.removeNulls(page); + + return this.http.put(this._helpContentUrl + 'page', JSON.stringify(page), options) + .map(res => res.json()) + .catch(this.handleError); + } + + deletePages(ids : string[]) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + return this.http.post(this._helpContentUrl + 'page/delete',JSON.stringify(ids), options) + .catch(this.handleError); + } + + getPageHelpContents() { + return this.http.get(this._helpContentUrl + 'pagehelpcontent') + .map(res => > res.json()) + .catch(this.handleError); + } + + getPageHelpContent(id : string) { + return this.http.get(this._helpContentUrl + 'pagehelpcontent/' + id) + .map(res => res.json()) + .catch(this.handleError); + } + + savePageHelpContent(pageHelpContent: PageHelpContent) { + + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + HelpContentService.removeNulls(pageHelpContent); + + return this.http.post(this._helpContentUrl + 'pagehelpcontent', JSON.stringify(pageHelpContent), options) + .map(res => res.json()) + .catch(this.handleError); + } + + updatePageHelpContent(pageHelpContent: PageHelpContent) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + HelpContentService.removeNulls(pageHelpContent); + + return this.http.put(this._helpContentUrl + 'pagehelpcontent', JSON.stringify(pageHelpContent), options) + .map(res => res.json()) + .catch(this.handleError); + } + + deletePageHelpContents(ids : string[]) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + return this.http.post(this._helpContentUrl + 'pagehelpcontent/delete',JSON.stringify(ids), options) + .catch(this.handleError); + } + + togglePageHelpContents(ids : string[],status : boolean) { + let headers = new Headers({'Content-Type': 'application/json'}); + let options = new RequestOptions({headers: headers}); + + return this.http.post(this._helpContentUrl + 'pagehelpcontent/toggle?status='+ status.toString(), JSON.stringify(ids), options) + .map( res => res.json()) + .catch(this.handleError); + } + + private handleError(error: Response) { + // in a real world app, we may send the error to some remote logging infrastructure + // instead of just logging it to the console + console.error(error); + return Observable.throw(error.json().error || 'Server error'); + } + +} \ No newline at end of file diff --git a/css/.sass-cache/4a19cf49ca39d0ca12d0eeede1f8c47985b3bbe2/_bootstrap-overrides.scssc b/css/.sass-cache/4a19cf49ca39d0ca12d0eeede1f8c47985b3bbe2/_bootstrap-overrides.scssc new file mode 100644 index 0000000..0ce18fd Binary files /dev/null and b/css/.sass-cache/4a19cf49ca39d0ca12d0eeede1f8c47985b3bbe2/_bootstrap-overrides.scssc differ diff --git a/css/.sass-cache/4f25e7470e383c6c18683fb82a17a050335e8155/_config.scssc b/css/.sass-cache/4f25e7470e383c6c18683fb82a17a050335e8155/_config.scssc new file mode 100644 index 0000000..9717b98 Binary files /dev/null and b/css/.sass-cache/4f25e7470e383c6c18683fb82a17a050335e8155/_config.scssc differ diff --git a/css/.sass-cache/4f25e7470e383c6c18683fb82a17a050335e8155/_layout.scssc b/css/.sass-cache/4f25e7470e383c6c18683fb82a17a050335e8155/_layout.scssc new file mode 100644 index 0000000..77af642 Binary files /dev/null and b/css/.sass-cache/4f25e7470e383c6c18683fb82a17a050335e8155/_layout.scssc differ diff --git a/css/.sass-cache/8694951a6926e32b2a543604d41915b342b7d36a/_custom_animations.scssc b/css/.sass-cache/8694951a6926e32b2a543604d41915b342b7d36a/_custom_animations.scssc new file mode 100644 index 0000000..4d1536e Binary files /dev/null and b/css/.sass-cache/8694951a6926e32b2a543604d41915b342b7d36a/_custom_animations.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_account.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_account.scssc new file mode 100644 index 0000000..2467920 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_account.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_billing_form.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_billing_form.scssc new file mode 100644 index 0000000..707c1f9 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_billing_form.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_calendar.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_calendar.scssc new file mode 100644 index 0000000..e9f409d Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_calendar.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_datatables.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_datatables.scssc new file mode 100644 index 0000000..026a690 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_datatables.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_docs.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_docs.scssc new file mode 100644 index 0000000..e0ad30a Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_docs.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_email_templates.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_email_templates.scssc new file mode 100644 index 0000000..9a26d16 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_email_templates.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_form.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_form.scssc new file mode 100644 index 0000000..7ae2bfe Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_form.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_form_product.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_form_product.scssc new file mode 100644 index 0000000..efd6152 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_form_product.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_gallery.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_gallery.scssc new file mode 100644 index 0000000..5ca5fad Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_gallery.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_index.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_index.scssc new file mode 100644 index 0000000..c68e23d Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_index.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_invoice.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_invoice.scssc new file mode 100644 index 0000000..ee472db Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_invoice.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_latest_activity.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_latest_activity.scssc new file mode 100644 index 0000000..a35fc0c Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_latest_activity.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_pricing.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_pricing.scssc new file mode 100644 index 0000000..4bf978d Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_pricing.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_pricing_alt.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_pricing_alt.scssc new file mode 100644 index 0000000..a7b3cd0 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_pricing_alt.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_projects.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_projects.scssc new file mode 100644 index 0000000..ce418ad Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_projects.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_reports.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_reports.scssc new file mode 100644 index 0000000..7582b68 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_reports.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_reports_alt.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_reports_alt.scssc new file mode 100644 index 0000000..a6b7c60 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_reports_alt.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_search.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_search.scssc new file mode 100644 index 0000000..f12ea0f Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_search.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_sidebar.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_sidebar.scssc new file mode 100644 index 0000000..5f66d69 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_sidebar.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_signin.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_signin.scssc new file mode 100644 index 0000000..ff983c0 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_signin.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_signup.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_signup.scssc new file mode 100644 index 0000000..cb176c9 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_signup.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_status.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_status.scssc new file mode 100644 index 0000000..d1beae0 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_status.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_steps.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_steps.scssc new file mode 100644 index 0000000..359d607 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_steps.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_ui.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_ui.scssc new file mode 100644 index 0000000..f013703 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_ui.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_user_profile.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_user_profile.scssc new file mode 100644 index 0000000..1a228e6 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_user_profile.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_users.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_users.scssc new file mode 100644 index 0000000..0aa4be8 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_users.scssc differ diff --git a/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_wizard.scssc b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_wizard.scssc new file mode 100644 index 0000000..2607c40 Binary files /dev/null and b/css/.sass-cache/93c5abef81e0ea962209c4387f7449bb54811ab3/_wizard.scssc differ diff --git a/css/.sass-cache/ad3dbc8ad8226153be3f634dee8e18f8714b9c90/theme.scssc b/css/.sass-cache/ad3dbc8ad8226153be3f634dee8e18f8714b9c90/theme.scssc new file mode 100644 index 0000000..29f1452 Binary files /dev/null and b/css/.sass-cache/ad3dbc8ad8226153be3f634dee8e18f8714b9c90/theme.scssc differ diff --git a/css/.sass-cache/f0632ccd65fa691aea741c6b048a4689022a673c/_elements.scssc b/css/.sass-cache/f0632ccd65fa691aea741c6b048a4689022a673c/_elements.scssc new file mode 100644 index 0000000..04cec4a Binary files /dev/null and b/css/.sass-cache/f0632ccd65fa691aea741c6b048a4689022a673c/_elements.scssc differ diff --git a/css/.sass-cache/f0632ccd65fa691aea741c6b048a4689022a673c/_mixins.scssc b/css/.sass-cache/f0632ccd65fa691aea741c6b048a4689022a673c/_mixins.scssc new file mode 100644 index 0000000..571c9e1 Binary files /dev/null and b/css/.sass-cache/f0632ccd65fa691aea741c6b048a4689022a673c/_mixins.scssc differ diff --git a/css/bootstrap/_bootstrap-overrides.scss b/css/bootstrap/_bootstrap-overrides.scss new file mode 100644 index 0000000..d8768b7 --- /dev/null +++ b/css/bootstrap/_bootstrap-overrides.scss @@ -0,0 +1,181 @@ +/* ============================================================================== +// Pagination +// ============================================================================== */ +.pagination>.active { + >a, + >span, + >a:hover, + >span:hover, + >a:focus, + >span:focus { + background-color: #5585B3; + border-color: #4477A3; + } +} +.pagination >li>a, +.pagination >li>span, +.pager li>a, +.pager li>span { + @include transition(all 0.25s linear); +} + +/* ============================================================================== +// Modal +// ============================================================================== */ +.modal-backdrop { + z-index: 10400; + &.in { + opacity: .35; + filter: alpha(opacity=35); + } +} + +.modal { + z-index: 10500; + + &.in { + .modal-dialog { + @include transform(translate(0,0) scale3d(1,1,1) !important); + } + } + + &.fade { + @include transition(all .1s ease-out); + + .modal-dialog { + @include transform(translate(0,0) scale3d(1.1,1.1,1.1)); + @include transitionPrefix(transform, .1s ease-out); + } + } + + .modal-dialog { + @include transform(translate(0,0) scale3d(1.1,1.1,1.1)); + margin-top: 80px; + } +} + + +/* ============================================================================== +// Tooltips +// ============================================================================== */ +.tooltip { + font-size: 13px; + + .tooltip-inner { + font-weight: 600; + } +} + +/* ============================================================================== +// Labels +// ============================================================================== */ +.label-danger { + background: #D66363; +} + + +/* ============================================================================== +// Buttons +// ============================================================================== */ +.btn { + &.btn-default { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2); + + @include transition(all .2s linear); + + &:focus, + &:active { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14); + } + } + + &.btn-primary { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.2); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); + + @include transition(all .2s linear); + + &:focus, + &:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); + } + } + + &.btn-success { + border: 1px solid #63a042; + background-color: #76b852; + + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.2); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); + + @include transition(all .2s linear); + + &:focus, + &:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); + } + + &:hover { + background-color: #47a447; + } + } + + &.btn-danger { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.3); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); + + @include transition(all .2s linear); + + &:focus, + &:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); + } + } + + &.btn-info { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.3); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); + + @include transition(all .2s linear); + + &:focus, + &:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); + } + } + + &.btn-warning { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.3); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); + + @include transition(all .2s linear); + + &:focus, + &:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); + } + } +} + +/* ============================================================================== +// Input groups +// ============================================================================== */ +.input-group-addon { + background-color: #F2F7FA; +} + + +/* ============================================================================== +// Forms related +// ============================================================================== */ +.form-horizontal .has-feedback .form-control-feedback { + right: 8px; +} + +/* ============================================================================== +// +// ============================================================================== */ +code { + color: #256CC7; + background-color: #F8F2F9; +} diff --git a/css/bootstrap/bootstrap.css b/css/bootstrap/bootstrap.css new file mode 100644 index 0000000..7f36651 --- /dev/null +++ b/css/bootstrap/bootstrap.css @@ -0,0 +1,5785 @@ +/*! + * Bootstrap v3.1.1 (http://getbootstrap.com) + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + margin: .67em 0; + font-size: 2em; +} +mark { + color: #000; + background: #ff0; +} +small { + font-size: 80%; +} +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -.5em; +} +sub { + bottom: -.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + margin: 0; + font: inherit; + color: inherit; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + padding: .35em .625em .75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} +legend { + padding: 0; + border: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-spacing: 0; + border-collapse: collapse; +} +td, +th { + padding: 0; +} +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 62.5%; + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333; + background-color: #fff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #428bca; + text-decoration: none; +} +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 6px; +} +.img-thumbnail { + display: inline-block; + max-width: 100%; + height: auto; + padding: 4px; + line-height: 1.42857143; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 36px; +} +h2, +.h2 { + font-size: 30px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 14px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 200; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +small, +.small { + font-size: 85%; +} +cite { + font-style: normal; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-muted { + color: #999; +} +.text-primary { + color: #428bca; +} +a.text-primary:hover { + color: #3071a9; +} +.text-success { + color: #3c763d; +} +a.text-success:hover { + color: #2b542c; +} +.text-info { + color: #31708f; +} +a.text-info:hover { + color: #245269; +} +.text-warning { + color: #8a6d3b; +} +a.text-warning:hover { + color: #66512c; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover { + color: #843534; +} +.bg-primary { + color: #fff; + background-color: #428bca; +} +a.bg-primary:hover { + background-color: #3071a9; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + margin-left: -5px; + list-style: none; +} +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} +dl { + margin-top: 0; + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.42857143; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + text-align: right; + border-right: 5px solid #eee; + border-left: 0; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +blockquote:before, +blockquote:after { + content: ""; +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857143; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + white-space: nowrap; + background-color: #f9f2f4; + border-radius: 4px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + color: #333; + word-break: break-all; + word-wrap: break-word; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 4px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +.row { + margin-right: -15px; + margin-left: -15px; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: 0; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: 0; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0; +} +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: 0; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: 0; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0; + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: 0; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: 0; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0; + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: 0; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: 0; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0; + } +} +table { + max-width: 100%; + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #ddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #ddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #ddd; +} +.table .table { + background-color: #fff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +table col[class*="col-"] { + position: static; + display: table-column; + float: none; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + display: table-cell; + float: none; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +@media (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-x: scroll; + overflow-y: hidden; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857143; + color: #555; +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); +} +.form-control::-moz-placeholder { + color: #999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999; +} +.form-control::-webkit-input-placeholder { + color: #999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + padding-left: 20px; + margin-top: 10px; + margin-bottom: 10px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + background-color: #dff0d8; + border-color: #3c763d; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #8a6d3b; +} +.has-warning .form-control-feedback { + color: #8a6d3b; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + background-color: #f2dede; + border-color: #a94442; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + padding-top: 7px; + margin-top: 0; + margin-bottom: 0; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-right: -15px; + margin-left: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: normal; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus { + color: #333; + text-decoration: none; +} +.btn:active, +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + pointer-events: none; + cursor: not-allowed; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; + opacity: .65; +} +.btn-default { + color: #333; + background-color: #fff; + border-color: #ccc; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #333; + background-color: #ebebeb; + border-color: #adadad; +} +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #fff; + border-color: #ccc; +} +.btn-default .badge { + color: #fff; + background-color: #333; +} +.btn-primary { + color: #fff; + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + color: #fff; + background-color: #3276b1; + border-color: #285e8e; +} +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary .badge { + color: #428bca; + background-color: #fff; +} +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + color: #fff; + background-color: #47a447; + border-color: #398439; +} +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success .badge { + color: #5cb85c; + background-color: #fff; +} +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + color: #fff; + background-color: #39b3d7; + border-color: #269abc; +} +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info .badge { + color: #5bc0de; + background-color: #fff; +} +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + color: #fff; + background-color: #ed9c28; + border-color: #d58512; +} +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff; +} +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + color: #fff; + background-color: #d2322d; + border-color: #ac2925; +} +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger .badge { + color: #d9534f; + background-color: #fff; +} +.btn-link { + font-weight: normal; + color: #428bca; + cursor: pointer; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #999; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +.btn-sm, +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity .15s linear; + transition: opacity .15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height .35s ease; + transition: height .35s ease; +} +@font-face { + font-family: 'Glyphicons Halflings'; + + src: url('../fonts/glyphicons-halflings-regular.eot'); + src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.glyphicon-asterisk:before { + content: "\2a"; +} +.glyphicon-plus:before { + content: "\2b"; +} +.glyphicon-euro:before { + content: "\20ac"; +} +.glyphicon-minus:before { + content: "\2212"; +} +.glyphicon-cloud:before { + content: "\2601"; +} +.glyphicon-envelope:before { + content: "\2709"; +} +.glyphicon-pencil:before { + content: "\270f"; +} +.glyphicon-glass:before { + content: "\e001"; +} +.glyphicon-music:before { + content: "\e002"; +} +.glyphicon-search:before { + content: "\e003"; +} +.glyphicon-heart:before { + content: "\e005"; +} +.glyphicon-star:before { + content: "\e006"; +} +.glyphicon-star-empty:before { + content: "\e007"; +} +.glyphicon-user:before { + content: "\e008"; +} +.glyphicon-film:before { + content: "\e009"; +} +.glyphicon-th-large:before { + content: "\e010"; +} +.glyphicon-th:before { + content: "\e011"; +} +.glyphicon-th-list:before { + content: "\e012"; +} +.glyphicon-ok:before { + content: "\e013"; +} +.glyphicon-remove:before { + content: "\e014"; +} +.glyphicon-zoom-in:before { + content: "\e015"; +} +.glyphicon-zoom-out:before { + content: "\e016"; +} +.glyphicon-off:before { + content: "\e017"; +} +.glyphicon-signal:before { + content: "\e018"; +} +.glyphicon-cog:before { + content: "\e019"; +} +.glyphicon-trash:before { + content: "\e020"; +} +.glyphicon-home:before { + content: "\e021"; +} +.glyphicon-file:before { + content: "\e022"; +} +.glyphicon-time:before { + content: "\e023"; +} +.glyphicon-road:before { + content: "\e024"; +} +.glyphicon-download-alt:before { + content: "\e025"; +} +.glyphicon-download:before { + content: "\e026"; +} +.glyphicon-upload:before { + content: "\e027"; +} +.glyphicon-inbox:before { + content: "\e028"; +} +.glyphicon-play-circle:before { + content: "\e029"; +} +.glyphicon-repeat:before { + content: "\e030"; +} +.glyphicon-refresh:before { + content: "\e031"; +} +.glyphicon-list-alt:before { + content: "\e032"; +} +.glyphicon-lock:before { + content: "\e033"; +} +.glyphicon-flag:before { + content: "\e034"; +} +.glyphicon-headphones:before { + content: "\e035"; +} +.glyphicon-volume-off:before { + content: "\e036"; +} +.glyphicon-volume-down:before { + content: "\e037"; +} +.glyphicon-volume-up:before { + content: "\e038"; +} +.glyphicon-qrcode:before { + content: "\e039"; +} +.glyphicon-barcode:before { + content: "\e040"; +} +.glyphicon-tag:before { + content: "\e041"; +} +.glyphicon-tags:before { + content: "\e042"; +} +.glyphicon-book:before { + content: "\e043"; +} +.glyphicon-bookmark:before { + content: "\e044"; +} +.glyphicon-print:before { + content: "\e045"; +} +.glyphicon-camera:before { + content: "\e046"; +} +.glyphicon-font:before { + content: "\e047"; +} +.glyphicon-bold:before { + content: "\e048"; +} +.glyphicon-italic:before { + content: "\e049"; +} +.glyphicon-text-height:before { + content: "\e050"; +} +.glyphicon-text-width:before { + content: "\e051"; +} +.glyphicon-align-left:before { + content: "\e052"; +} +.glyphicon-align-center:before { + content: "\e053"; +} +.glyphicon-align-right:before { + content: "\e054"; +} +.glyphicon-align-justify:before { + content: "\e055"; +} +.glyphicon-list:before { + content: "\e056"; +} +.glyphicon-indent-left:before { + content: "\e057"; +} +.glyphicon-indent-right:before { + content: "\e058"; +} +.glyphicon-facetime-video:before { + content: "\e059"; +} +.glyphicon-picture:before { + content: "\e060"; +} +.glyphicon-map-marker:before { + content: "\e062"; +} +.glyphicon-adjust:before { + content: "\e063"; +} +.glyphicon-tint:before { + content: "\e064"; +} +.glyphicon-edit:before { + content: "\e065"; +} +.glyphicon-share:before { + content: "\e066"; +} +.glyphicon-check:before { + content: "\e067"; +} +.glyphicon-move:before { + content: "\e068"; +} +.glyphicon-step-backward:before { + content: "\e069"; +} +.glyphicon-fast-backward:before { + content: "\e070"; +} +.glyphicon-backward:before { + content: "\e071"; +} +.glyphicon-play:before { + content: "\e072"; +} +.glyphicon-pause:before { + content: "\e073"; +} +.glyphicon-stop:before { + content: "\e074"; +} +.glyphicon-forward:before { + content: "\e075"; +} +.glyphicon-fast-forward:before { + content: "\e076"; +} +.glyphicon-step-forward:before { + content: "\e077"; +} +.glyphicon-eject:before { + content: "\e078"; +} +.glyphicon-chevron-left:before { + content: "\e079"; +} +.glyphicon-chevron-right:before { + content: "\e080"; +} +.glyphicon-plus-sign:before { + content: "\e081"; +} +.glyphicon-minus-sign:before { + content: "\e082"; +} +.glyphicon-remove-sign:before { + content: "\e083"; +} +.glyphicon-ok-sign:before { + content: "\e084"; +} +.glyphicon-question-sign:before { + content: "\e085"; +} +.glyphicon-info-sign:before { + content: "\e086"; +} +.glyphicon-screenshot:before { + content: "\e087"; +} +.glyphicon-remove-circle:before { + content: "\e088"; +} +.glyphicon-ok-circle:before { + content: "\e089"; +} +.glyphicon-ban-circle:before { + content: "\e090"; +} +.glyphicon-arrow-left:before { + content: "\e091"; +} +.glyphicon-arrow-right:before { + content: "\e092"; +} +.glyphicon-arrow-up:before { + content: "\e093"; +} +.glyphicon-arrow-down:before { + content: "\e094"; +} +.glyphicon-share-alt:before { + content: "\e095"; +} +.glyphicon-resize-full:before { + content: "\e096"; +} +.glyphicon-resize-small:before { + content: "\e097"; +} +.glyphicon-exclamation-sign:before { + content: "\e101"; +} +.glyphicon-gift:before { + content: "\e102"; +} +.glyphicon-leaf:before { + content: "\e103"; +} +.glyphicon-fire:before { + content: "\e104"; +} +.glyphicon-eye-open:before { + content: "\e105"; +} +.glyphicon-eye-close:before { + content: "\e106"; +} +.glyphicon-warning-sign:before { + content: "\e107"; +} +.glyphicon-plane:before { + content: "\e108"; +} +.glyphicon-calendar:before { + content: "\e109"; +} +.glyphicon-random:before { + content: "\e110"; +} +.glyphicon-comment:before { + content: "\e111"; +} +.glyphicon-magnet:before { + content: "\e112"; +} +.glyphicon-chevron-up:before { + content: "\e113"; +} +.glyphicon-chevron-down:before { + content: "\e114"; +} +.glyphicon-retweet:before { + content: "\e115"; +} +.glyphicon-shopping-cart:before { + content: "\e116"; +} +.glyphicon-folder-close:before { + content: "\e117"; +} +.glyphicon-folder-open:before { + content: "\e118"; +} +.glyphicon-resize-vertical:before { + content: "\e119"; +} +.glyphicon-resize-horizontal:before { + content: "\e120"; +} +.glyphicon-hdd:before { + content: "\e121"; +} +.glyphicon-bullhorn:before { + content: "\e122"; +} +.glyphicon-bell:before { + content: "\e123"; +} +.glyphicon-certificate:before { + content: "\e124"; +} +.glyphicon-thumbs-up:before { + content: "\e125"; +} +.glyphicon-thumbs-down:before { + content: "\e126"; +} +.glyphicon-hand-right:before { + content: "\e127"; +} +.glyphicon-hand-left:before { + content: "\e128"; +} +.glyphicon-hand-up:before { + content: "\e129"; +} +.glyphicon-hand-down:before { + content: "\e130"; +} +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} +.glyphicon-globe:before { + content: "\e135"; +} +.glyphicon-wrench:before { + content: "\e136"; +} +.glyphicon-tasks:before { + content: "\e137"; +} +.glyphicon-filter:before { + content: "\e138"; +} +.glyphicon-briefcase:before { + content: "\e139"; +} +.glyphicon-fullscreen:before { + content: "\e140"; +} +.glyphicon-dashboard:before { + content: "\e141"; +} +.glyphicon-paperclip:before { + content: "\e142"; +} +.glyphicon-heart-empty:before { + content: "\e143"; +} +.glyphicon-link:before { + content: "\e144"; +} +.glyphicon-phone:before { + content: "\e145"; +} +.glyphicon-pushpin:before { + content: "\e146"; +} +.glyphicon-usd:before { + content: "\e148"; +} +.glyphicon-gbp:before { + content: "\e149"; +} +.glyphicon-sort:before { + content: "\e150"; +} +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} +.glyphicon-sort-by-order:before { + content: "\e153"; +} +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} +.glyphicon-unchecked:before { + content: "\e157"; +} +.glyphicon-expand:before { + content: "\e158"; +} +.glyphicon-collapse-down:before { + content: "\e159"; +} +.glyphicon-collapse-up:before { + content: "\e160"; +} +.glyphicon-log-in:before { + content: "\e161"; +} +.glyphicon-flash:before { + content: "\e162"; +} +.glyphicon-log-out:before { + content: "\e163"; +} +.glyphicon-new-window:before { + content: "\e164"; +} +.glyphicon-record:before { + content: "\e165"; +} +.glyphicon-save:before { + content: "\e166"; +} +.glyphicon-open:before { + content: "\e167"; +} +.glyphicon-saved:before { + content: "\e168"; +} +.glyphicon-import:before { + content: "\e169"; +} +.glyphicon-export:before { + content: "\e170"; +} +.glyphicon-send:before { + content: "\e171"; +} +.glyphicon-floppy-disk:before { + content: "\e172"; +} +.glyphicon-floppy-saved:before { + content: "\e173"; +} +.glyphicon-floppy-remove:before { + content: "\e174"; +} +.glyphicon-floppy-save:before { + content: "\e175"; +} +.glyphicon-floppy-open:before { + content: "\e176"; +} +.glyphicon-credit-card:before { + content: "\e177"; +} +.glyphicon-transfer:before { + content: "\e178"; +} +.glyphicon-cutlery:before { + content: "\e179"; +} +.glyphicon-header:before { + content: "\e180"; +} +.glyphicon-compressed:before { + content: "\e181"; +} +.glyphicon-earphone:before { + content: "\e182"; +} +.glyphicon-phone-alt:before { + content: "\e183"; +} +.glyphicon-tower:before { + content: "\e184"; +} +.glyphicon-stats:before { + content: "\e185"; +} +.glyphicon-sd-video:before { + content: "\e186"; +} +.glyphicon-hd-video:before { + content: "\e187"; +} +.glyphicon-subtitles:before { + content: "\e188"; +} +.glyphicon-sound-stereo:before { + content: "\e189"; +} +.glyphicon-sound-dolby:before { + content: "\e190"; +} +.glyphicon-sound-5-1:before { + content: "\e191"; +} +.glyphicon-sound-6-1:before { + content: "\e192"; +} +.glyphicon-sound-7-1:before { + content: "\e193"; +} +.glyphicon-copyright-mark:before { + content: "\e194"; +} +.glyphicon-registration-mark:before { + content: "\e195"; +} +.glyphicon-cloud-download:before { + content: "\e197"; +} +.glyphicon-cloud-upload:before { + content: "\e198"; +} +.glyphicon-tree-conifer:before { + content: "\e199"; +} +.glyphicon-tree-deciduous:before { + content: "\e200"; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 14px; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); + box-shadow: 0 6px 12px rgba(0, 0, 0, .175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + color: #333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + color: #262626; + text-decoration: none; + background-color: #f5f5f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #fff; + text-decoration: none; + background-color: #428bca; + outline: 0; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + right: 0; + left: auto; +} +.dropdown-menu-left { + right: auto; + left: 0; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #999; +} +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: 4px solid; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto; + } + .navbar-right .dropdown-menu-left { + right: auto; + left: 0; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + display: table-cell; + float: none; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-right: 0; + padding-left: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 46px; + line-height: 46px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + margin-left: -1px; +} +.nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eee; +} +.nav > li.disabled > a { + color: #999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999; + text-decoration: none; + cursor: not-allowed; + background-color: transparent; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eee; + border-color: #428bca; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eee #eee #ddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555; + cursor: default; + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #fff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 4px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #fff; + background-color: #428bca; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #fff; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 20px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + max-height: 340px; + padding-right: 15px; + padding-left: 15px; + overflow-x: visible; + -webkit-overflow-scrolling: touch; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-right: 0; + padding-left: 0; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + height: 50px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + padding: 9px 10px; + margin-top: 8px; + margin-right: 15px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.navbar-toggle:focus { + outline: none; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 7.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + padding: 10px 15px; + margin-top: 8px; + margin-right: -15px; + margin-bottom: 8px; + margin-left: -15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + padding-top: 0; + padding-bottom: 0; + margin-right: 0; + margin-left: 0; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 8px; + margin-bottom: 8px; +} +.navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-right: 15px; + margin-left: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777; +} +.navbar-default .navbar-nav > li > a { + color: #777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #ddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #ddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + color: #555; + background-color: #e7e7e7; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777; +} +.navbar-default .navbar-link:hover { + color: #333; +} +.navbar-inverse { + background-color: #222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #999; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #999; +} +.navbar-inverse .navbar-nav > li > a { + color: #999; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #fff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + color: #fff; + background-color: #080808; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #999; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #999; +} +.navbar-inverse .navbar-link:hover { + color: #fff; +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + padding: 0 5px; + color: #ccc; + content: "/\00a0"; +} +.breadcrumb > .active { + color: #999; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.42857143; + color: #428bca; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: #2a6496; + background-color: #eee; + border-color: #ddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #fff; + cursor: default; + background-color: #428bca; + border-color: #428bca; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.pager { + padding-left: 0; + margin: 20px 0; + text-align: center; + list-style: none; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999; + cursor: not-allowed; + background-color: #fff; +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label[href]:hover, +.label[href]:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #999; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; +} +.label-primary { + background-color: #428bca; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #3071a9; +} +.label-success { + background-color: #5cb85c; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #449d44; +} +.label-info { + background-color: #5bc0de; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #31b0d5; +} +.label-warning { + background-color: #f0ad4e; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #ec971f; +} +.label-danger { + background-color: #d9534f; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #c9302c; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + background-color: #999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #fff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eee; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.container .jumbotron { + border-radius: 6px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-right: 60px; + padding-left: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-right: auto; + margin-left: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #428bca; +} +.thumbnail .caption { + padding: 9px; + color: #333; +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable { + padding-right: 35px; +} +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #2b542c; +} +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #245269; +} +.alert-warning { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #66512c; +} +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #843534; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); +} +.progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); + -webkit-transition: width .6s ease; + transition: width .6s ease; +} +.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #5cb85c; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #5bc0de; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #d9534f; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + padding-left: 0; + margin-bottom: 20px; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; +} +.list-group-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +a.list-group-item { + color: #555; +} +a.list-group-item .list-group-item-heading { + color: #333; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; +} +a.list-group-item.active .list-group-item-heading, +a.list-group-item.active:hover .list-group-item-heading, +a.list-group-item.active:focus .list-group-item-heading { + color: inherit; +} +a.list-group-item.active .list-group-item-text, +a.list-group-item.active:hover .list-group-item-text, +a.list-group-item.active:focus .list-group-item-text { + color: #e1edf7; +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} +a.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +a.list-group-item-success.active:hover, +a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} +a.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +a.list-group-item-info.active:hover, +a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} +a.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} +a.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 20px; + background-color: #fff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); +} +.panel-body { + padding: 15px; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table { + margin-bottom: 0; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 3px; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #ddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + margin-bottom: 0; + border: 0; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + overflow: hidden; + border-radius: 4px; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #ddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; +} +.panel-default { + border-color: #ddd; +} +.panel-default > .panel-heading { + color: #333; + background-color: #f5f5f5; + border-color: #ddd; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ddd; +} +.panel-default > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ddd; +} +.panel-primary { + border-color: #428bca; +} +.panel-primary > .panel-heading { + color: #fff; + background-color: #428bca; + border-color: #428bca; +} +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #428bca; +} +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #428bca; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ebccd1; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, .15); +} +.well-lg { + padding: 24px; + border-radius: 6px; +} +.well-sm { + padding: 9px; + border-radius: 3px; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + filter: alpha(opacity=20); + opacity: .2; +} +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + filter: alpha(opacity=50); + opacity: .5; +} +button.close { + -webkit-appearance: none; + padding: 0; + cursor: pointer; + background: transparent; + border: 0; +} +.modal-open { + overflow: hidden; +} +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: auto; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform .3s ease-out; + -moz-transition: -moz-transform .3s ease-out; + -o-transition: -o-transform .3s ease-out; + transition: transform .3s ease-out; + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} +.modal-backdrop.fade { + filter: alpha(opacity=0); + opacity: 0; +} +.modal-backdrop.in { + filter: alpha(opacity=50); + opacity: .5; +} +.modal-header { + min-height: 16.42857143px; + padding: 15px; + border-bottom: 1px solid #e5e5e5; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.42857143; +} +.modal-body { + position: relative; + padding: 20px; +} +.modal-footer { + padding: 19px 20px 20px; + margin-top: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-size: 12px; + line-height: 1.4; + visibility: visible; + filter: alpha(opacity=0); + opacity: 0; +} +.tooltip.in { + filter: alpha(opacity=90); + opacity: .9; +} +.tooltip.top { + padding: 5px 0; + margin-top: -3px; +} +.tooltip.right { + padding: 0 5px; + margin-left: 3px; +} +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; +} +.tooltip.left { + padding: 0 5px; + margin-left: -3px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + text-decoration: none; + background-color: #000; + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-right .tooltip-arrow { + right: 5px; + bottom: 0; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); + box-shadow: 0 5px 10px rgba(0, 0, 0, .2); +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover > .arrow, +.popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover > .arrow { + border-width: 11px; +} +.popover > .arrow:after { + content: ""; + border-width: 10px; +} +.popover.top > .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, .25); + border-bottom-width: 0; +} +.popover.top > .arrow:after { + bottom: 1px; + margin-left: -10px; + content: " "; + border-top-color: #fff; + border-bottom-width: 0; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, .25); + border-left-width: 0; +} +.popover.right > .arrow:after { + bottom: -10px; + left: 1px; + content: " "; + border-right-color: #fff; + border-left-width: 0; +} +.popover.bottom > .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, .25); +} +.popover.bottom > .arrow:after { + top: 1px; + margin-left: -10px; + content: " "; + border-top-width: 0; + border-bottom-color: #fff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, .25); +} +.popover.left > .arrow:after { + right: 1px; + bottom: -10px; + content: " "; + border-right-width: 0; + border-left-color: #fff; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: .6s ease-in-out left; + transition: .6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); + filter: alpha(opacity=50); + opacity: .5; +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-repeat: repeat-x; +} +.carousel-control.right { + right: 0; + left: auto; + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-repeat: repeat-x; +} +.carousel-control:hover, +.carousel-control:focus { + color: #fff; + text-decoration: none; + filter: alpha(opacity=90); + outline: none; + opacity: .9; +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); + border: 1px solid #fff; + border-radius: 10px; +} +.carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; +} +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-right: auto; + margin-left: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} +/*# sourceMappingURL=bootstrap.css.map */ diff --git a/css/bootstrap/bootstrap.min.css b/css/bootstrap/bootstrap.min.css new file mode 100644 index 0000000..679272d --- /dev/null +++ b/css/bootstrap/bootstrap.min.css @@ -0,0 +1,7 @@ +/*! + * Bootstrap v3.1.1 (http://getbootstrap.com) + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}} \ No newline at end of file diff --git a/css/compiled/theme.css b/css/compiled/theme.css new file mode 100644 index 0000000..805b707 --- /dev/null +++ b/css/compiled/theme.css @@ -0,0 +1,7309 @@ +/* config variables */ +/* roboto font */ +/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic);*/ +/* source sans pro */ +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic); +/* lato */ +@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic); +/* merriweather */ +/*@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300italic,300,400italic,700,700italic);*/ +/*$sidebarBg: #35485e;*/ +/* modules */ +/* this mixin makes possible to add transition to a specific vendor, example: */ +/* -webkit-transition: -webkit-transform 0.5s linear; */ +@import url(../bootstrap/bootstrap.min.css); +*:focus { + outline: none; } + +a:focus, +button:focus, +input[type="submit"]:focus { + outline: none !important; } + +.button { + -webkit-font-smoothing: antialiased; + border: 0; + outline: none; + padding: 1px; + display: inline-block; + text-decoration: none; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075); + -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075); + -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075); + height: 33px; + background: #adb2bb; + background: -webkit-linear-gradient(#ccd0d6, #adb2bb); + background: -moz-linear-gradient(#ccd0d6, #adb2bb); + background: -ms-linear-gradient(#ccd0d6, #adb2bb); + background: -o-linear-gradient(#ccd0d6, #adb2bb); + background: linear-gradient(#ccd0d6, #adb2bb); + -webkit-transition: all 0.1s linear; + -moz-transition: all 0.1s linear; + -ms-transition: all 0.1s linear; + -o-transition: all 0.1s linear; + transition: all 0.1s linear; + -moz-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + .button[disabled], .button.disabled { + pointer-events: none; + cursor: not-allowed; + box-shadow: none; } + .button[disabled] span, .button.disabled span { + box-shadow: none; + background: #E7EBF0; + background: #E7EBF0; + background: -webkit-linear-gradient(#e7ebf0, #e7ebf0); + background: -moz-linear-gradient(#e7ebf0, #e7ebf0); + background: -ms-linear-gradient(#e7ebf0, #e7ebf0); + background: -o-linear-gradient(#e7ebf0, #e7ebf0); + background: linear-gradient(#e7ebf0, #e7ebf0); } + .button:hover { + text-decoration: none; } + .button:active, .button.active { + background: #b5bac2; + background: -webkit-linear-gradient(#b5bac2, #b5bac2); + background: -moz-linear-gradient(#b5bac2, #b5bac2); + background: -ms-linear-gradient(#b5bac2, #b5bac2); + background: -o-linear-gradient(#b5bac2, #b5bac2); + background: linear-gradient(#b5bac2, #b5bac2); + -moz-transform: scale3d(0.95, 0.95, 0.95); + -o-transform: scale3d(0.95, 0.95, 0.95); + -ms-transform: scale3d(0.95, 0.95, 0.95); + -webkit-transform: scale3d(0.95, 0.95, 0.95); + transform: scale3d(0.95, 0.95, 0.95); } + .button:active span, + .button:active span, .button.active span, + .button.active span { + color: #444; + background: #eff1f4; + background: -webkit-linear-gradient(#e6e8eb, #eff1f4); + background: -moz-linear-gradient(#e6e8eb, #eff1f4); + background: -ms-linear-gradient(#e6e8eb, #eff1f4); + background: -o-linear-gradient(#e6e8eb, #eff1f4); + background: linear-gradient(#e6e8eb, #eff1f4); + -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); + -ms-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); + -o-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); } + .button span { + display: block; + font-size: 14px; + padding-left: 15px; + padding-right: 15px; + height: 31px; + line-height: 31px; + border-radius: 4px; + font-weight: bold; + font-family: "Helvetica Neue", Arial; + color: #333; + text-shadow: 0 1px 0 #fff; + background: #f6f9fc; + background: #eff1f4; + background: -webkit-linear-gradient(#f7f8fa, #eff1f4); + background: -moz-linear-gradient(#f7f8fa, #eff1f4); + background: -ms-linear-gradient(#f7f8fa, #eff1f4); + background: -o-linear-gradient(#f7f8fa, #eff1f4); + background: linear-gradient(#f7f8fa, #eff1f4); + -webkit-box-shadow: inset 0 1px 0 white; + -moz-box-shadow: inset 0 1px 0 white; + -ms-box-shadow: inset 0 1px 0 white; + -o-box-shadow: inset 0 1px 0 white; + box-shadow: inset 0 1px 0 white; + -webkit-transition: all 0.1s linear; + -moz-transition: all 0.1s linear; + -ms-transition: all 0.1s linear; + -o-transition: all 0.1s linear; + transition: all 0.1s linear; } + +.paging a { + position: relative; + font-size: 11px; + display: inline-block; + width: 28px; + height: 27px; + border: 1px solid #D7DADD; + text-align: center; + line-height: 26px; + border-radius: 5px; + color: #60A3D8; } + .paging a:active { + background: #fafafa; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); } + .paging a.disabled { + color: #B9B9B9; + cursor: default; } + .paging a i.fa-chevron-left { + position: relative; + left: -1px; } + .paging a i.fa-trash-o { + font-size: 14px; } + +#welcome-modal .modal-dialog { + margin-top: 65px; } +#welcome-modal .modal-content { + background: #f5f8fc; + background: -webkit-linear-gradient(white, #f5f8fc); + background: -moz-linear-gradient(white, #f5f8fc); + background: -ms-linear-gradient(white, #f5f8fc); + background: -o-linear-gradient(white, #f5f8fc); + background: linear-gradient(white, #f5f8fc); + font-family: "Helvetica Neue", Arial; } + #welcome-modal .modal-content .modal-header { + border-bottom: 0; } + #welcome-modal .modal-content .modal-body { + padding-bottom: 50px; } + #welcome-modal .modal-content .modal-body header { + text-align: center; + font-weight: 600; + font-size: 22px; + color: #444; + margin-bottom: 23px; } + #welcome-modal .modal-content .modal-body p { + font-size: 13px; + color: #555; + margin: 0 auto; + width: 80%; + text-align: center; + line-height: 20px; } + #welcome-modal .modal-content .modal-body .get-started { + margin-top: 40px; } + #welcome-modal .modal-content .modal-body .get-started .col-md-4 { + text-align: center; + padding-bottom: 50px; } + #welcome-modal .modal-content .modal-body .get-started .col-md-4 i { + font-size: 38px; + color: #7FA5BE; } + #welcome-modal .modal-content .modal-body .get-started .col-md-4 a { + color: #576C91; + display: block; + margin-top: 12px; + font-size: 13px; } + #welcome-modal .modal-content .modal-body .go-dashboard { + color: #008cdd; + text-align: center; + display: block; + margin-top: 10px; } + +input[type="text"].form-control, +input[type="email"].form-control, +input[type="password"].form-control { + /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);*/ + /*height: 39px;*/ + box-shadow: none; } + input[type="text"].form-control::-webkit-input-placeholder, + input[type="email"].form-control::-webkit-input-placeholder, + input[type="password"].form-control::-webkit-input-placeholder { + color: #B1B1B1; + font-weight: 400; + font-size: 14px; } + input[type="text"].form-control:-moz-placeholder, + input[type="email"].form-control:-moz-placeholder, + input[type="password"].form-control:-moz-placeholder { + color: #B1B1B1; + font-weight: 400; + font-size: 14px; } + input[type="text"].form-control::-moz-placeholder, + input[type="email"].form-control::-moz-placeholder, + input[type="password"].form-control::-moz-placeholder { + color: #B1B1B1; + font-weight: 400; + font-size: 14px; } + input[type="text"].form-control:-ms-input-placeholder, + input[type="email"].form-control:-ms-input-placeholder, + input[type="password"].form-control:-ms-input-placeholder { + color: #B1B1B1; + font-weight: 400; + font-size: 14px; } + input[type="text"].form-control:focus, + input[type="email"].form-control:focus, + input[type="password"].form-control:focus { + /*border-color: #98D2FF;*/ + outline: none; + /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(166, 205, 236, 0.6);*/ + box-shadow: none; } + +textarea.form-control { + /*box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);*/ + box-shadow: none; } + textarea.form-control::-webkit-input-placeholder { + color: #B1B1B1; + font-weight: 400; + font-size: 14px; } + textarea.form-control:-moz-placeholder { + color: #B1B1B1; + font-weight: 400; + font-size: 14px; } + textarea.form-control::-moz-placeholder { + color: #B1B1B1; + font-weight: 400; + font-size: 14px; } + textarea.form-control:-ms-input-placeholder { + color: #B1B1B1; + font-weight: 400; + font-size: 14px; } + textarea.form-control:focus { + /*border-color: #98D2FF;*/ + outline: none; + /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(166, 205, 236, 0.6);*/ + box-shadow: none; } + +/* + Create a custom select by adding a [data-smart-select] + to any select. e.g. + and it will automatically be converted into a customized select + that is wrapped inside a .fake-select-wrap +*/ +.fake-select-wrap { + position: relative; + display: inline-block; + width: 100%; + height: 34px; + line-height: 30px; + margin: 0; + + > select { + position: absolute !important; + z-index: 3; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; + padding: 0 !important; + margin: 0 !important; + width: 100% !important; + height: 100% !important; + cursor: pointer; + } + + > .fake-select { + position: relative; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + width: 100%; + margin: 0; + vertical-align: bottom; + padding: 0 10px; + white-space: nowrap; + padding-right: 20px; + text-overflow: ellipsis; + /*overflow: hidden;*/ + + border: 1px solid #ccc; + background: #fff; + height: 34px; + line-height: 30px; + cursor: pointer; + color: #444; + + &.focus { + border-color: #98c7f8; + + &:after { + color: #81B5EC; + } + } + + &:after { + font-family: 'FontAwesome'; + font-size: 13px; + content: "\f078"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-weight: 400; + color: #757575; + display: block; + position: absolute; + right: 13px; + height: 100%; + top: 17px; + line-height: 0; + } + } +} + + +/* ============================================================================== +// jQuery Validate messages +// ============================================================================== */ +form { + label.error { + position: relative !important; + display: inline-block !important; + margin-top: -2px !important; + margin-bottom: -8px !important; + color: #fff !important; + font-weight: normal !important; + font-size: 14px !important; + padding: 5px 8px !important; + background: #589BC9 !important; + border-radius: 4px !important; + &.valid { + display: none !important; + } + &:after { + bottom: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-bottom-color: #589BC9; + border-width: 5px; + left: 30px; + margin-left: -5px; + } + } +} + + +/* ============================================================================== +// Flot charts tooltip +// ============================================================================== */ +#flotTip { + background-color: #000; + color: #fff; + /*border: 1px solid rgb(204, 204, 204);*/ + /*box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px;*/ + padding: 3px 11px 4px; + border-radius: 4px; + z-index: 9999; + + .value { + display: block; + text-align: center; + font-weight: 600; + } +} + + +/* ============================================================================== +// Skin Switcher +// ============================================================================== */ +.skin-switcher { + position: fixed; + right: 0px; + top: 160px; + z-index: 999999; + + .toggler { + cursor: pointer; + /*padding: 10px 15px;*/ + padding: 8px 15px; + border-radius: 4px 0 0 4px; + background: #fff; + box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.25), 2px 2px 3px rgba(0, 0, 0, 0.12); + + .ion-settings { + color: #666; + font-size: 21px; + } + + .brankic-brush { + font-size: 25px; + color: #8C6DEC; + } + } + + .menu { + position: absolute; + right: 50px; + top: -4px; + background: #fff; + width: 165px; + border-radius: 3px; + padding: 8px 0; + list-style-type: none; + box-shadow: 0 8px 13px rgba(0,0,0,0.36),0 0 0 1px rgba(0,0,0,0.06); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.41,0.7,1)); + @include transform-origin(100% 15px); + + &.active { + opacity: 1; + @include transform(scale(1)); + } + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + right: -24px; + top: 20px; + background-image: url("../../images/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotate(90deg)); + } + + li { + padding: 8px 15px; + border-bottom: 1px solid #E6E6E6; + + &:last-child { + border-bottom: 0; + } + + a { + position: relative; + text-decoration: none; + display: block; + color: #4C5661; + font-size: 15px; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + + &.active { + .fa-check { + opacity: 1; + } + } + + .color { + width: 10px; + height: 10px; + border-radius: 50%; + display: inline-block; + margin-right: 5px; + + &.default { + border: 3px solid #319DDB; + } + + &.clear { + border: 3px solid #BFDFF1; + } + + &.dark { + border: 3px solid #808FCA; + } + + &.black { + border: 3px solid #3E4052; + } + + &.flat { + border: 3px solid #d8dfe6; + } + + &.flat-dark { + border: 3px solid #363e45; + } + } + + .fa-check { + color: #83C490; + font-size: 14px; + position: absolute; + top: 4px; + right: 4px; + opacity: 0; + + @include transition(all .2s linear); + } + } + } + } +} + + +/* ============================================================================== +// jQuery Datepicker +// ============================================================================== */ +.datepicker-dropdown { + z-index: 9999999 !important; +} + + + diff --git a/css/modules/_mixins.scss b/css/modules/_mixins.scss new file mode 100644 index 0000000..af505b2 --- /dev/null +++ b/css/modules/_mixins.scss @@ -0,0 +1,87 @@ +@mixin transition($transitions) { + -webkit-transition: $transitions; + -moz-transition: $transitions; + -ms-transition: $transitions; + -o-transition: $transitions; + transition: $transitions; +} + +/* this mixin makes possible to add transition to a specific vendor, example: */ +/* -webkit-transition: -webkit-transform 0.5s linear; */ +@mixin transitionPrefix($property, $values) { + -webkit-transition: -webkit-#{$property} #{$values}; + -moz-transition: -moz-#{$property} #{$values}; + -ms-transition: -ms-#{$property} #{$values}; + -o-transition: -o-#{$property} #{$values}; + transition: #{$property} #{$values}; +} + +@mixin background-gradient($from, $to) { + background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, $from), color-stop(100%, $to)); + background: -webkit-linear-gradient($from, $to); + background: -moz-linear-gradient($from, $to); + background: -o-linear-gradient($from, $to); + background: linear-gradient($from, $to); +} + +@mixin transform ($transforms) { + -moz-transform: $transforms; + -o-transform: $transforms; + -ms-transform: $transforms; + -webkit-transform: $transforms; + transform: $transforms; +} + +@mixin transform-origin ($values) { + -webkit-transform-origin: $values; + -moz-transform-origin: $values; + -o-transform-origin: $values; + -ms-transform-origin: $values; + transform-origin: $values; +} + +@mixin placeholder { + &::-webkit-input-placeholder {@content} + &:-moz-placeholder {@content} + &::-moz-placeholder {@content} + &:-ms-input-placeholder {@content} +} + +@mixin animation($animations) { + -webkit-animation: $animations; + -moz-animation: $animations; + -o-animation: $animations; + -ms-animation: $animations; + animation: $animations; +} + +@mixin animationDelay($value) { + -webkit-animation-delay: $value; + -moz-animation-delay: $value; + -o-animation-delay: $value; + -ms-animation-delay: $value; + animation-delay: $value; +} + +@mixin animationDuration($value) { + -webkit-animation-duration: $value; + -moz-animation-duration: $value; + -o-animation-duration: $value; + animation-duration: $value; +} + +@mixin keyFrame($name) { + @-webkit-keyframes $name{ + @content + } + @-moz-keyframes $name{ + @content + } + @-o-keyframes $name{ + @content + } + @keyframes $name{ + @content + } +} + diff --git a/css/partials/_config.scss b/css/partials/_config.scss new file mode 100644 index 0000000..3ecc746 --- /dev/null +++ b/css/partials/_config.scss @@ -0,0 +1,27 @@ +/* roboto font */ +/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic);*/ +/* source sans pro */ +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic); +/* lato */ +@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic); +/* merriweather */ +/*@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300italic,300,400italic,700,700italic);*/ + +$roboto: "Roboto"; +$arial: "Arial"; +$lato: 'Lato', 'Helvetica Neue', Arial; +$helvetica: "Helvetica Neue", Helvetica, Arial; +$myriad: Myriad Pro, Lato, Helvetica Neue, Arial; +$sourceSans: Source Sans Pro, Helvetica Neue, Arial; +$merriweather: "Merriweather", Georgia; +$helvetica: "Helvetica Neue", Arial; + + +$sidebarBg: #2F343D; +/*$sidebarBg: #35485e;*/ + +$imagesPath: '../../images'; + +$maxMedium: 991px; +$minMedium: 768px; +$maxSmall: 767px; \ No newline at end of file diff --git a/css/partials/_layout.scss b/css/partials/_layout.scss new file mode 100644 index 0000000..468199d --- /dev/null +++ b/css/partials/_layout.scss @@ -0,0 +1,3044 @@ +body { + font-family: $sourceSans; + -webkit-font-smoothing: antialiased; + background: #fff; + + &.open-sidebar { + #wrapper { + #content { + -webkit-perspective: 0px; + -ms-perspective: 0px; + -moz-perspective: 0px; + + @include transform(translate3d(230px, 0, 0)); + } + } + } +} + +#wrapper { + position: relative; + -webkit-backface-visibility: hidden; + margin: 0 auto; +} + +.main-sidebar { + bottom: 0px; + + @media screen and (min-height: 901px) { + position: fixed !important; + } +} + +/* ============================================================================== +// Sidebar dark +// ============================================================================== */ +#sidebar-dark { + background: $sidebarBg; + left: 0; + top: 0; + position: absolute; + width: 230px; + z-index: 999; + + @include transition(all .2s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + width: 80px; + } + + .current-user { + padding: 0px 20px; + height: 63px; + position: relative; + + .name { + position: relative; + padding: 10px 0; + display: block; + color: #DFE8F0; + font-size: 14px; + text-decoration: none; + + .avatar { + max-width: 41px; + border-radius: 50%; + position: relative; + top: 2px; + margin-right: 12px; + } + + span { + position: relative; + top: 4px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + + .fa-chevron-down { + font-size: 10px; + margin-left: 9px; + position: relative; + top: -1px; + } + } + } + + .menu { + position: absolute; + left: 35px; + top: 60px; + background: #fff; + width: 165px; + z-index: 999; + border-radius: 3px; + padding: 8px 0; + list-style-type: none; + box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 0); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + left: 80px; + top: 10px; + @include transform-origin(0 15px); + } + + &.active { + opacity: 1; + @include transform(scale(1)); + } + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + top: 16px; + left: -5px; + @include transform(rotate(270deg)); + } + } + + li { + padding: 8px 15px; + border-bottom: 1px solid #E6E6E6; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #4C5661; + font-size: 15px; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + + .menu-section { + h3 { + color: #A9B8C7; + text-transform: uppercase; + letter-spacing: .5px; + font-weight: bold; + font-size: 11px; + margin-bottom: 0; + margin-top: 0; + text-shadow: 1px 1px #000; + padding: 10px 25px; + background: #232830; + box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.64); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + ul { + list-style-type: none; + padding-left: 0; + margin-bottom: 0; + + li { + @media (min-width: $minMedium) and (max-width: $maxMedium) { + position: relative; + } + + a { + color: #e2e2e2; + font-weight: 400; + font-size: 14px; + box-shadow: inset 0px 1px #414852; + padding: 12px 0px 15px 23px; + border-top: 1px solid #1A2331; + background: $sidebarBg; + text-decoration: none; + display: inline-block; + width: 100%; + + @include transition(background .13s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + position: relative; + padding-left: 0px; + text-align: center; + + &:hover + .submenu { + visibility: visible; + opacity: 1; + @include transform(translateX(0px)); + } + } + + &.active, + &:hover, + &.toggled { + background: #3C424C; + } + + i { + min-width: 17px; + font-size: 19px; + margin-right: 9px; + position: relative; + top: 1px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + font-size: 23px; + margin: 0; + + &.fa-chevron-down { + display: none; + } + } + + &.ion-card, + &.ion-android-inbox { + font-size: 18px; + } + + &.ion-code-working { + font-size: 23px; + top: 4px; + } + + &.ion-usb { + font-size: 22px; + } + + &.fa-chevron-down { + float: right; + font-size: 11px; + top: 7px; + right: 11px; + } + } + + span { + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + .counter { + display: inline-block; + background: #479ccf; + height: 19px; + padding: 3px 8px; + line-height: 1; + text-align: center; + border-radius: 20px; + color: #fff; + font-family: $helvetica; + font-size: 11px; + font-weight: 600; + float: right; + position: relative; + top: 2px; + right: 13px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + } + + > .submenu { + display: none; + position: relative; + margin-top: 0; + margin-bottom: 10px; + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + background: #2a313a; + position: absolute; + display: block; + visibility: hidden; + opacity: 0; + @include transform(translateX(-20px)); + border-radius: 0 4px 4px 0; + + min-width: 185px; + top: 0px; + left: 79px; + padding-bottom: 0px; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include transition(all .15s ease-in); + + &:hover { + opacity: 1; + @include transform(translateX(0px)); + visibility: visible; + } + } + + &.active { + display: block; + } + + li { + a { + padding: 12px 0px 12px 52px; + font-size: 14px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 15px; + padding-right: 15px; + text-align: left; + border-radius: 0 4px 4px 0; + } + + &.active { + background: #232830; + box-shadow: none; + } + } + + > .submenu { + display: none; + position: relative; + border-bottom: 0px; + box-shadow: none; + margin-bottom: 10px; + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: block; + position: absolute; + top: 0px; + left: 185px; + } + + &.active { + display: block; + } + + li { + a { + padding-left: 75px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + } + } + } + } + } + } + } + } + } + + .bottom-menu { + position: fixed; + bottom: 0; + width: 230px; + z-index: 999; + + > ul { + list-style-type: none; + padding: 0; + margin: 0; + + > li { + float: left; + display: block; + width: 33.333%; + border-right: 1px solid #3E4E55; + border-top: 1px solid #3E4E55; + + &:last-child { + border-right: 0; + } + + > a { + display: block; + position: relative; + text-align: center; + padding: 6px 0; + background: #333D4B; + + &:hover { + i { + color: #89A2BB; + } + } + + &:hover + .menu { + opacity: 1; + @include transform(scale(1)); + } + + i { + color: #CBD3DB; + font-size: 19px; + + @include transition(all .1s linear); + } + + .flag { + width: 7px; + height: 7px; + display: block; + position: absolute; + background: #9ed166; + border-radius: 25px; + top: 4px; + right: 25px; + } + } + + .menu { + position: absolute; + left: 39px; + bottom: 34px; + background: #fff; + width: 155px; + z-index: 999; + border-radius: 3px; + padding: 7px 0; + list-style-type: none; + box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 100%); + + &:hover { + opacity: 1; + @include transform(scale(1)); + } + + &:after { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + bottom: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotateX(180deg)); + } + + li { + padding: 8px 0; + border-bottom: 1px solid #E6E6E6; + text-align: center; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #54A0E2; + font-weight: 600; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + } + } +} + +/* ============================================================================== +// Sidebar black +// ============================================================================== */ +#sidebar-black { + background: #111E22; + left: 0; + top: 0; + position: absolute; + width: 230px; + z-index: 999; + + @include transition(all .2s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + width: 80px; + } + + .current-user { + height: 63px; + color: #fff; + margin-bottom: 30px; + position: relative; + border-bottom: 1px solid #353A44; + padding: 0 20px; + + .name { + color: #D6DDEB; + font-size: 15px; + font-weight: 400; + text-decoration: none; + position: relative; + padding: 10px 0; + display: block; + + .avatar { + max-width: 41px; + border-radius: 50%; + position: relative; + top: 2px; + margin-right: 12px; + } + + span { + position: relative; + top: 4px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + + .fa-chevron-down { + font-size: 10px; + margin-left: 9px; + position: relative; + top: -1px; + } + } + } + + .menu { + position: absolute; + left: 35px; + top: 60px; + background: #fff; + width: 165px; + z-index: 999; + border-radius: 3px; + padding: 8px 0; + list-style-type: none; + box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 0); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + left: 80px; + top: 10px; + @include transform-origin(0 15px); + } + + &.active { + opacity: 1; + @include transform(scale(1)); + } + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + top: 16px; + left: -5px; + @include transform(rotate(270deg)); + } + } + + li { + padding: 8px 15px; + border-bottom: 1px solid #E6E6E6; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #4C5661; + font-size: 15px; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + + .menu-section { + margin-bottom: 35px; + + h3 { + color: #9E9E9E; + text-transform: uppercase; + font-weight: bold; + font-size: 11px; + margin-bottom: 0; + letter-spacing: .4px; + margin-top: 0; + text-shadow: 1px 1px #000; + padding-left: 25px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + ul { + list-style-type: none; + padding-left: 0; + margin-bottom: 0; + margin-top: 10px; + + li { + margin: 3px 0; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + margin-bottom: 7px; + position: relative; + } + + a { + color: #f8f8f8; + font-weight: 400; + font-size: 14px; + padding: 8px 10px; + background: transparent; + text-decoration: none; + display: inline-block; + width: 100%; + border-radius: 2px 0 0 2px; + padding-left: 23px; + + @include transition(background .13s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + position: relative; + padding-left: 10px; + text-align: center; + + &:hover + .submenu { + visibility: visible; + opacity: 1; + @include transform(translateX(0px)); + } + } + + &:hover { + color: #fff; + } + + &.active { + background: #43b9af; + color: #fff; + + i { + color: #fff; + } + } + + i { + font-size: 19px; + color: #ebebe8; + margin-right: 9px; + min-width: 17px; + text-align: center; + position: relative; + top: 1px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + font-size: 23px; + margin: 0; + + &.fa-chevron-down { + display: none; + } + } + + &.ion-card, + &.ion-android-inbox { + font-size: 18px; + } + + &.ion-code-working { + font-size: 23px; + top: 4px; + } + + &.ion-usb { + font-size: 22px; + } + + &.fa-chevron-down { + float: right; + font-size: 11px; + top: 7px; + right: 8px; + } + } + + span { + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + .counter { + display: inline-block; + background: #479ccf; + height: 19px; + padding: 3px 8px; + line-height: 1; + text-align: center; + border-radius: 20px; + color: #fff; + font-family: $helvetica; + font-size: 11px; + font-weight: 600; + float: right; + position: relative; + top: 2px; + right: 9px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + } + + > .submenu { + display: none; + position: relative; + top: 5px; + margin-top: 0; + margin-bottom: 30px; + padding-bottom: 15px; + border-bottom: 1px solid #000; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + background: #1A1E22; + position: absolute; + display: block; + visibility: hidden; + opacity: 0; + @include transform(translateX(-20px)); + border-radius: 0 4px 4px 0; + + min-width: 170px; + top: 0px; + left: 79px; + padding-bottom: 0px; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include transition(all .15s ease-in); + + &:hover { + opacity: 1; + @include transform(translateX(0px)); + visibility: visible; + } + } + + &.active { + display: block; + } + + li { + a { + padding-left: 53px; + font-size: 14px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + text-align: left; + } + + &.active { + background: #000; + box-shadow: none; + } + } + + > .submenu { + display: none; + position: relative; + top: 5px; + border-bottom: 0px; + box-shadow: none; + margin-bottom: 10px; + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: block; + position: absolute; + top: 0px; + left: 170px; + } + + &.active { + display: block; + } + + li { + a { + padding-left: 73px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + } + } + } + } + } + } + } + } + } + + .bottom-menu { + position: fixed; + bottom: 0; + width: 230px; + z-index: 999; + + > ul { + list-style-type: none; + padding: 0; + margin: 0; + + > li { + float: left; + display: block; + width: 33.333%; + border-right: 1px solid #2C3C44; + border-top: 1px solid #2C3C44; + + &:last-child { + border-right: 0; + } + + > a { + display: block; + position: relative; + text-align: center; + padding: 6px 0; + background: #142125; + + &:hover { + i { + color: #CBD3DB; + } + } + + &:hover + .menu { + opacity: 1; + @include transform(scale(1)); + } + + i { + color: #CBD3DB; + font-size: 19px; + + @include transition(all .1s linear); + } + + .flag { + width: 7px; + height: 7px; + display: block; + position: absolute; + background: #43b9af; + border-radius: 25px; + top: 4px; + right: 25px; + } + } + + .menu { + position: absolute; + left: 39px; + bottom: 34px; + background: #fff; + width: 155px; + z-index: 999; + border-radius: 3px; + padding: 7px 0; + list-style-type: none; + box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 100%); + + &:hover { + opacity: 1; + @include transform(scale(1)); + } + + &:after { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + bottom: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotateX(180deg)); + } + + li { + padding: 8px 0; + border-bottom: 1px solid #E6E6E6; + text-align: center; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #54A0E2; + font-weight: 600; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + } + } +} + +/* ============================================================================== +// Sidebar clear +// ============================================================================== */ +#sidebar-clear { + background: #F2F5F8; + box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.25); + left: 0; + top: 0; + position: absolute; + width: 230px; + z-index: 999; + + @include transition(all .2s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + width: 80px; + } + + .current-user { + position: relative; + padding: 0 20px; + margin-bottom: 20px; + height: 63px; + + .name { + color: #444; + font-size: 15px; + text-decoration: none; + padding: 10px 0; + display: block; + position: relative; + + .avatar { + max-width: 41px; + border-radius: 50%; + position: relative; + top: 2px; + margin-right: 12px; + } + + span { + position: relative; + top: 5px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + + .fa-chevron-down { + font-size: 10px; + margin-left: 7px; + position: relative; + top: -1px; + } + } + } + + .menu { + position: absolute; + left: 35px; + top: 60px; + background: #fff; + width: 165px; + z-index: 999; + border-radius: 3px; + padding: 8px 0; + list-style-type: none; + box-shadow: 0 6px 13px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.06); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 0); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + left: 80px; + top: 10px; + @include transform-origin(0 15px); + } + + &.active { + opacity: 1; + @include transform(scale(1)); + } + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + top: 16px; + left: -5px; + @include transform(rotate(270deg)); + } + } + + li { + padding: 8px 15px; + border-bottom: 1px solid #E6E6E6; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #4C5661; + font-size: 15px; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + + .menu-section { + margin-bottom: 40px; + + h3 { + color: #6D7785; + text-transform: uppercase; + letter-spacing: .5px; + font-weight: bold; + font-size: 11px; + margin-bottom: 0; + margin-top: 0; + padding-left: 25px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + ul { + list-style-type: none; + padding-left: 0; + margin-bottom: 0; + margin-top: 15px; + + li { + margin: 3px 0; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + margin-bottom: 7px; + position: relative; + } + + a { + color: #303030; + font-weight: 400; + font-size: 14px; + padding: 6px 10px; + padding-left: 25px; + background: transparent; + text-decoration: none; + display: inline-block; + width: 99%; + border-top: 1px solid #F2F5F8; + border-bottom: 1px solid #F2F5F8; + + @include transition(all .13s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + position: relative; + padding-left: 10px; + text-align: center; + + &:hover + .submenu { + visibility: visible; + opacity: 1; + @include transform(translateX(0px)); + } + } + + &.active, + &:hover { + background: #E7EDF3; + border-top: 1px solid #BED3EA; + border-bottom: 1px solid #BED3EA; + } + + &.toggled { + background: #E7EDF3; + } + + i { + font-size: 18px; + margin-right: 9px; + min-width: 17px; + text-align: center; + position: relative; + top: 1px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + font-size: 23px; + margin: 0; + + &.fa-chevron-down { + display: none; + } + } + + &.ion-card, + &.ion-android-inbox { + font-size: 18px; + } + + &.ion-code-working { + font-size: 23px; + top: 4px; + } + + &.ion-usb { + font-size: 22px; + } + + &.fa-chevron-down { + float: right; + font-size: 11px; + top: 6px; + right: 4px; + } + } + + span { + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + .counter { + display: inline-block; + background: #FFF; + height: 19px; + min-width: 25px; + line-height: 17px; + text-align: center; + border-radius: 5px; + font-size: 11px; + float: right; + position: relative; + top: 2px; + right: 9px; + border: 1px solid #BFDAF3; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + } + + > .submenu { + display: none; + position: relative; + top: 10px; + margin-top: 0; + margin-bottom: 30px; + padding-bottom: 15px; + border-bottom: 1px solid #D4DBE0; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + background: #F2F5F8; + border-top: 1px solid #D4DBE0; + border-right: 1px solid #D4DBE0; + position: absolute; + display: block; + visibility: hidden; + opacity: 0; + @include transform(translateX(-20px)); + border-radius: 0 4px 4px 0; + + min-width: 170px; + top: 0px; + left: 79px; + padding-bottom: 0px; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include transition(all .15s ease-in); + + &:hover { + opacity: 1; + @include transform(translateX(0px)); + visibility: visible; + } + } + + &.active { + display: block; + } + + li { + a { + padding-left: 54px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + text-align: left; + } + + &.active { + border: 0; + box-shadow: none; + } + } + + > .submenu { + display: none; + position: relative; + top: 10px; + border-bottom: 0px; + box-shadow: none; + margin-bottom: 10px; + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: block; + position: absolute; + top: 0px; + left: 170px; + } + + &.active { + display: block; + } + + li { + a { + padding-left: 75px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + } + } + } + } + } + } + } + } + } + + .bottom-menu { + position: fixed; + bottom: 0; + width: 230px; + z-index: 999; + + > ul { + list-style-type: none; + padding: 0; + margin: 0; + + > li { + float: left; + display: block; + width: 33.333%; + border-right: 1px solid #D1DFEC; + border-top: 1px solid #D1DFEC; + + &:last-child { + /*border-right: 0;*/ + } + + > a { + display: block; + position: relative; + text-align: center; + padding: 6px 0; + background: #E8EFF6; + + &:hover { + i { + color: #333; + } + } + + &:hover + .menu { + opacity: 1; + @include transform(scale(1)); + } + + i { + color: #677786; + font-size: 19px; + + @include transition(all .1s linear); + } + + .flag { + width: 7px; + height: 7px; + display: block; + position: absolute; + background: #9ed166; + border-radius: 25px; + top: 4px; + right: 25px; + } + } + + .menu { + position: absolute; + left: 39px; + bottom: 34px; + background: #fff; + width: 155px; + z-index: 999; + border-radius: 3px; + padding: 7px 0; + list-style-type: none; + box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 100%); + + &:hover { + opacity: 1; + @include transform(scale(1)); + } + + &:after { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + bottom: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotateX(180deg)); + } + + li { + padding: 8px 0; + border-bottom: 1px solid #E6E6E6; + text-align: center; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #54A0E2; + font-weight: 600; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + } + } +} + +/* ============================================================================== +// Sidebar flat +// ============================================================================== */ +#sidebar-flat { + background: #d8dfe6; + border-right: 1px solid #b2c1d0; + left: 0; + top: 0; + position: absolute; + width: 230px; + z-index: 999; + + @include transition(all .2s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + width: 80px; + } + + .current-user { + position: relative; + padding: 0 20px; + margin-bottom: 20px; + height: 63px; + + .name { + color: #444; + font-size: 15px; + text-decoration: none; + padding: 10px 0; + display: block; + position: relative; + + .avatar { + max-width: 41px; + border-radius: 50%; + position: relative; + top: 2px; + margin-right: 12px; + } + + span { + position: relative; + top: 5px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + + .fa-chevron-down { + font-size: 10px; + margin-left: 7px; + position: relative; + top: -1px; + color: #738597; + } + } + } + + .menu { + position: absolute; + left: 35px; + top: 60px; + background: #fff; + width: 165px; + z-index: 999; + border-radius: 3px; + padding: 8px 0; + list-style-type: none; + box-shadow: 0 6px 13px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.06); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 0); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + left: 80px; + top: 10px; + @include transform-origin(0 15px); + } + + &.active { + opacity: 1; + @include transform(scale(1)); + } + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + top: 16px; + left: -5px; + @include transform(rotate(270deg)); + } + } + + li { + padding: 8px 15px; + border-bottom: 1px solid #E6E6E6; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #4C5661; + font-size: 15px; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + + .menu-section { + margin-bottom: 40px; + + h3 { + color: #7E8C9E; + text-transform: uppercase; + letter-spacing: .5px; + font-weight: bold; + font-size: 11px; + margin-bottom: 0; + margin-top: 0; + padding-left: 25px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + ul { + list-style-type: none; + padding-left: 0; + margin-bottom: 0; + margin-top: 15px; + + li { + margin: 3px 0; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + margin-bottom: 7px; + position: relative; + } + + a { + color: #4B5F72; + font-weight: 400; + font-size: 14px; + padding: 6px 10px; + padding-left: 25px; + background: transparent; + text-decoration: none; + display: inline-block; + width: 99%; + + @include transition(all .13s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + position: relative; + padding-left: 10px; + text-align: center; + + &:hover + .submenu { + visibility: visible; + opacity: 1; + @include transform(translateX(0px)); + } + } + + &.active, + &:hover { + color: #181C20; + } + + &.active { + font-weight: 600; + } + + &.toggled { + color: #181C20; + background: #CBD4DD; + } + + i { + font-size: 18px; + margin-right: 9px; + min-width: 17px; + text-align: center; + position: relative; + top: 1px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + font-size: 23px; + margin: 0; + + &.fa-chevron-down { + display: none; + } + } + + &.ion-card, + &.ion-android-inbox { + font-size: 18px; + } + + &.ion-code-working { + font-size: 23px; + top: 4px; + } + + &.ion-usb { + font-size: 22px; + } + + &.fa-chevron-down { + float: right; + font-size: 10px; + top: 7px; + right: 4px; + color: #738597; + } + } + + span { + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + .counter { + display: inline-block; + background: #99aaba; + color: #fff; + font-family: $helvetica; + height: 20px; + min-width: 25px; + line-height: 19px; + text-align: center; + border-radius: 15px; + font-size: 11px; + font-weight: 600; + float: right; + position: relative; + top: 2px; + right: 9px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + } + + > .submenu { + display: none; + position: relative; + top: 10px; + margin-top: 0; + margin-bottom: 30px; + padding-bottom: 15px; + border-bottom: 1px solid #D4DBE0; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + background: #d8dfe6; + position: absolute; + display: block; + visibility: hidden; + opacity: 0; + @include transform(translateX(-20px)); + border-radius: 0 4px 4px 0; + + min-width: 170px; + top: 0px; + left: 79px; + padding-bottom: 0px; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include transition(all .15s ease-in); + + &:hover { + opacity: 1; + @include transform(translateX(0px)); + visibility: visible; + } + } + + &.active { + display: block; + } + + li { + a { + padding-left: 54px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + text-align: left; + color: #3C4C5C; + + &:hover { + color: #000; + } + } + + &.active { + background: #CBD4DD; + box-shadow: none; + } + } + + > .submenu { + display: none; + position: relative; + top: 10px; + border-bottom: 0px; + box-shadow: none; + margin-bottom: 10px; + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: block; + position: absolute; + top: 0px; + left: 170px; + } + + &.active { + display: block; + } + + li { + a { + padding-left: 75px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + } + } + } + } + } + } + } + } + } + + .bottom-menu { + position: fixed; + bottom: 0; + width: 230px; + z-index: 999; + + > ul { + list-style-type: none; + padding: 0; + margin: 0; + + > li { + float: left; + display: block; + width: 33.333%; + border-right: 1px solid #C1CFDD; + border-top: 1px solid #C1CFDD; + + &:last-child { + /*border-right: 0;*/ + } + + > a { + display: block; + position: relative; + text-align: center; + padding: 6px 0; + background: #E5EBF1; + + &:hover { + i { + color: #333; + } + } + + &:hover + .menu { + opacity: 1; + @include transform(scale(1)); + } + + i { + color: #677786; + font-size: 19px; + + @include transition(all .1s linear); + } + + .flag { + width: 7px; + height: 7px; + display: block; + position: absolute; + background: #9ed166; + border-radius: 25px; + top: 4px; + right: 25px; + } + } + + .menu { + position: absolute; + left: 39px; + bottom: 34px; + background: #fff; + width: 155px; + z-index: 999; + border-radius: 3px; + padding: 7px 0; + list-style-type: none; + box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 100%); + + &:hover { + opacity: 1; + @include transform(scale(1)); + } + + &:after { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + bottom: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotateX(180deg)); + } + + li { + padding: 8px 0; + border-bottom: 1px solid #E6E6E6; + text-align: center; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #54A0E2; + font-weight: 600; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + } + } +} + +/* ============================================================================== +// Sidebar flat dark +// ============================================================================== */ +#sidebar-flat-dark { + background: #363e45; + border-right: 1px solid #363e45; + left: 0; + top: 0; + position: absolute; + width: 230px; + z-index: 999; + + @include transition(all .2s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + width: 80px; + } + + .current-user { + position: relative; + padding: 0 20px; + margin-bottom: 20px; + height: 63px; + + .name { + color: #fff; + font-size: 15px; + text-decoration: none; + padding: 10px 0; + display: block; + position: relative; + + .avatar { + max-width: 41px; + border-radius: 50%; + position: relative; + top: 2px; + margin-right: 12px; + } + + span { + position: relative; + top: 5px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + + .fa-chevron-down { + font-size: 10px; + margin-left: 7px; + position: relative; + top: -1px; + color: #9BABBB; + } + } + } + + .menu { + position: absolute; + left: 35px; + top: 60px; + background: #fff; + width: 165px; + z-index: 999; + border-radius: 3px; + padding: 8px 0; + list-style-type: none; + box-shadow: 0 6px 13px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.06); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 0); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + left: 80px; + top: 10px; + @include transform-origin(0 15px); + } + + &.active { + opacity: 1; + @include transform(scale(1)); + } + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + top: 16px; + left: -5px; + @include transform(rotate(270deg)); + } + } + + li { + padding: 8px 15px; + border-bottom: 1px solid #E6E6E6; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #4C5661; + font-size: 15px; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + + .menu-section { + margin-bottom: 40px; + + h3 { + color: #A6AFBB; + text-transform: uppercase; + letter-spacing: .5px; + font-weight: bold; + font-size: 11px; + margin-bottom: 0; + margin-top: 0; + padding-left: 25px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + ul { + list-style-type: none; + padding-left: 0; + margin-bottom: 0; + margin-top: 15px; + + li { + margin: 3px 0; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + margin-bottom: 7px; + position: relative; + } + + a { + color: #C1D0DF; + font-weight: 400; + font-size: 14px; + padding: 6px 10px; + padding-left: 25px; + background: transparent; + text-decoration: none; + display: inline-block; + width: 99%; + + @include transition(all .13s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + position: relative; + padding-left: 10px; + text-align: center; + + &:hover + .submenu { + visibility: visible; + opacity: 1; + @include transform(translateX(0px)); + } + } + + &.active, + &:hover { + color: #fff; + } + + &.active { + font-weight: 600; + } + + &.toggled { + background: #3F4852; + } + + i { + font-size: 18px; + margin-right: 9px; + min-width: 17px; + text-align: center; + position: relative; + top: 1px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + font-size: 23px; + margin: 0; + + &.fa-chevron-down { + display: none; + } + } + + &.ion-card, + &.ion-android-inbox { + font-size: 18px; + } + + &.ion-code-working { + font-size: 23px; + top: 4px; + } + + &.ion-usb { + font-size: 22px; + } + + &.fa-chevron-down { + float: right; + font-size: 10px; + top: 7px; + right: 4px; + color: #9BABBB; + } + } + + span { + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + .counter { + display: inline-block; + background: #8796A5; + color: #fff; + font-family: $helvetica; + height: 20px; + min-width: 25px; + line-height: 19px; + text-align: center; + border-radius: 15px; + font-size: 11px; + font-weight: 600; + float: right; + position: relative; + top: 2px; + right: 9px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + } + + > .submenu { + display: none; + position: relative; + top: 10px; + margin-top: 0; + margin-bottom: 30px; + padding-bottom: 15px; + border-bottom: 1px solid #454F57; + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + background: #363e45; + position: absolute; + display: block; + visibility: hidden; + opacity: 0; + @include transform(translateX(-20px)); + border-radius: 0 4px 4px 0; + + min-width: 170px; + top: 0px; + left: 79px; + padding-bottom: 0px; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include transition(all .15s ease-in); + + &:hover { + opacity: 1; + @include transform(translateX(0px)); + visibility: visible; + } + } + + &.active { + display: block; + } + + li { + a { + padding-left: 54px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + text-align: left; + } + + &.active { + background: #3F4852; + box-shadow: none; + } + } + + > .submenu { + display: none; + position: relative; + top: 10px; + border-bottom: 0px; + box-shadow: none; + margin-bottom: 10px; + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: block; + position: absolute; + top: 0px; + left: 170px; + } + + &.active { + display: block; + } + + li { + a { + padding-left: 75px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + } + } + } + } + } + } + } + } + } + + .bottom-menu { + position: fixed; + bottom: 0; + width: 230px; + z-index: 999; + + > ul { + list-style-type: none; + padding: 0; + margin: 0; + + > li { + float: left; + display: block; + width: 33.333%; + border-right: 1px solid #68747E; + border-top: 1px solid #68747E; + + &:last-child { + border-right: 0; + } + + > a { + display: block; + position: relative; + text-align: center; + padding: 6px 0; + background: #4E5861; + + &:hover + .menu { + opacity: 1; + @include transform(scale(1)); + } + + i { + color: #C4D1DF; + font-size: 19px; + + @include transition(all .1s linear); + } + + .flag { + width: 7px; + height: 7px; + display: block; + position: absolute; + background: #9ed166; + border-radius: 25px; + top: 4px; + right: 25px; + } + } + + .menu { + position: absolute; + left: 39px; + bottom: 34px; + background: #fff; + width: 155px; + z-index: 999; + border-radius: 3px; + padding: 7px 0; + list-style-type: none; + box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 100%); + + &:hover { + opacity: 1; + @include transform(scale(1)); + } + + &:after { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + bottom: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotateX(180deg)); + } + + li { + padding: 8px 0; + border-bottom: 1px solid #E6E6E6; + text-align: center; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #54A0E2; + font-weight: 600; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + } + } +} + +/* ============================================================================== +// Sidebar default +// ============================================================================== */ +#sidebar-default { + background: #2a313a; + border-right: 1px solid #3C434D; + left: 0; + top: 0; + position: absolute; + width: 230px; + z-index: 999; + + @include transition(all .2s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + width: 80px; + } + + .current-user { + position: relative; + background: linear-gradient(#3D4A5D, #3F4C5C), #686e78; + -webkit-box-shadow: inset rgba(255,255,255,0.16) 0 1px 0; + -moz-box-shadow: inset rgba(255,255,255,0.16) 0 1px 0; + color: #fff; + padding: 0 20px; + height: 63px; + margin-bottom: 20px; + + .name { + color: #F0F5FA; + font-size: 15px; + padding: 10px 0; + display: block; + text-decoration: none; + position: relative; + text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0; + + .avatar { + max-width: 41px; + border-radius: 50%; + position: relative; + top: 2px; + margin-right: 12px; + } + + span { + position: relative; + top: 4px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + + .fa-chevron-down { + font-size: 10px; + margin-left: 7px; + position: relative; + top: -2px; + } + } + } + + .menu { + position: absolute; + left: 35px; + top: 60px; + background: #fff; + width: 165px; + z-index: 999; + border-radius: 3px; + padding: 8px 0; + list-style-type: none; + box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25); + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 0); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + left: 80px; + top: 10px; + @include transform-origin(0 15px); + } + + &.active { + opacity: 1; + @include transform(scale(1)); + } + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + top: 16px; + left: -5px; + @include transform(rotate(270deg)); + } + } + + li { + padding: 8px 15px; + border-bottom: 1px solid #E6E6E6; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #4C5661; + font-size: 15px; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + + .menu-section { + margin-bottom: 35px; + + h3 { + padding-left: 23px; + color: #fff; + text-transform: uppercase; + letter-spacing: .5px; + font-weight: bold; + font-size: 11px; + margin-bottom: 0; + margin-top: 0; + text-shadow: 1px 1px #000; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + ul { + list-style-type: none; + padding-left: 0; + margin-bottom: 0; + margin-top: 15px; + + li { + margin: 3px 0; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + margin-bottom: 7px; + position: relative; + } + + a { + color: #ECF6FF; + font-weight: 400; + font-size: 14px; + padding: 7px 10px 9px 10px; + padding-left: 23px; + background: transparent; + text-decoration: none; + display: inline-block; + width: 100%; + + @include transition(background .13s linear); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + position: relative; + padding-left: 10px; + text-align: center; + + &:hover + .submenu { + visibility: visible; + opacity: 1; + @include transform(translateX(0px)); + } + } + + &:hover, + &.toggled { + background: #343E4E; + } + + &.active { + background: #202E3F; + text-shadow: rgba(0,0,0,0.25) 0 -1px 0; + background-color: #545E6F; + background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5B6479), color-stop(100%, #4C5566)),#686e78; + background: -webkit-linear-gradient(#5B6479,#4C5566),#686e78; + background: -moz-linear-gradient(#5B6479,#4C5566),#686e78; + background: -o-linear-gradient(#5B6479,#4C5566),#686e78; + background: linear-gradient(#5B6479,#4C5566),#686e78; + -webkit-box-shadow: rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0; + -moz-box-shadow: rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0; + box-shadow: rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0; + + i.fa-chevron-down { + color: #ECF6FF; + } + } + + i { + font-size: 19px; + margin-right: 9px; + min-width: 17px; + text-align: center; + position: relative; + top: 1px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + font-size: 23px; + margin: 0; + + &.fa-chevron-down { + display: none; + } + } + + &.ion-card, + &.ion-android-inbox { + font-size: 18px; + } + + &.ion-code-working { + font-size: 23px; + top: 4px; + } + + &.ion-usb { + font-size: 22px; + } + + &.ion-earth { + top: 2px; + } + + &.fa-chevron-down { + float: right; + font-size: 10px; + top: 7px; + right: 7px; + min-width: inherit; + color: #C4CFDA; + } + } + + span { + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + + .counter { + display: inline-block; + background: #479ccf; + height: 19px; + padding: 3px 8px; + line-height: 1; + text-align: center; + border-radius: 20px; + color: #fff; + font-family: $helvetica; + font-size: 11px; + font-weight: 600; + float: right; + position: relative; + top: 2px; + right: 10px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: none; + } + } + } + + > .submenu { + display: none; + position: relative; + top: 10px; + margin-top: 0; + margin-bottom: 30px; + padding-bottom: 15px; + border-bottom: 1px solid #000; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + background: #2a313a; + position: absolute; + display: block; + visibility: hidden; + opacity: 0; + @include transform(translateX(-20px)); + border-radius: 0 4px 4px 0; + + min-width: 170px; + top: 0px; + left: 79px; + padding-bottom: 0px; + box-shadow: 0 1px 0px rgba(255, 255, 255, 0.09); + + @include transition(all .15s ease-in); + + &:hover { + opacity: 1; + @include transform(translateX(0px)); + visibility: visible; + } + } + + &.active { + display: block; + } + + li { + a { + padding-left: 53px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + text-align: left; + } + + &.active { + background: #343E4E; + box-shadow: none; + } + } + + > .submenu { + display: none; + position: relative; + top: 10px; + border-bottom: 0px; + box-shadow: none; + margin-bottom: 10px; + + @include animationDuration(.4s); + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + display: block; + position: absolute; + top: 0px; + left: 170px; + } + + &.active { + display: block; + } + + li { + a { + padding-left: 75px; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + padding-left: 10px; + } + } + } + } + } + } + } + } + } + + .bottom-menu { + position: fixed; + bottom: 0; + width: 230px; + z-index: 999; + + > ul { + list-style-type: none; + padding: 0; + margin: 0; + + > li { + float: left; + display: block; + width: 33.333%; + border-right: 1px solid #3E4E55; + border-top: 1px solid #3E4E55; + + &:last-child { + border-right: 0; + } + + > a { + display: block; + position: relative; + text-align: center; + padding: 6px 0; + background: #333D4B; + + &:hover { + i { + color: #89A2BB; + } + } + + &:hover + .menu { + opacity: 1; + @include transform(scale(1)); + } + + i { + color: #CBD3DB; + font-size: 19px; + + @include transition(all .1s linear); + } + + .flag { + width: 7px; + height: 7px; + display: block; + position: absolute; + background: #9ed166; + border-radius: 25px; + top: 4px; + right: 25px; + } + } + + .menu { + position: absolute; + left: 39px; + bottom: 34px; + background: #fff; + width: 155px; + z-index: 999; + border-radius: 3px; + padding: 7px 0; + list-style-type: none; + box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 100%); + + &:hover { + opacity: 1; + @include transform(scale(1)); + } + + &:after { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + bottom: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotateX(180deg)); + } + + li { + padding: 8px 0; + border-bottom: 1px solid #E6E6E6; + text-align: center; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + color: #54A0E2; + font-weight: 600; + + @include transition(all .2s linear); + + &:hover { + color: #000; + } + } + } + } + } + } + } +} + + +/* ============================================================================== +// Main Content +// ============================================================================== */ +#content { + background: #FFF; + margin-left: 230px; + padding: 40px; + padding-top: 67px; + position: relative; + min-height: 900px; + + @include transition(all .3s ease-out); + + @media (max-width: $maxMedium) { + margin-left: 80px; + } + + @media (max-width: $maxSmall) { + margin-left: 0px; + z-index: 9999; + padding-left: 20px; + padding-right: 20px; + } + + .menubar { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 63px; + padding: 20px 40px; + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); + background: rgb(255, 255, 255); + z-index: 99; + + @media(max-width: $maxSmall) { + padding: 20px; + } + + &.relative { + position: relative; + } + + &.fixed { + position: fixed; + padding-left: 230px; + + @media(max-width: $maxMedium) { + padding-left: 90px; + } + + @media(max-width: $maxSmall) { + padding-left: 20px; + } + } + + &.transparent { + background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.85) 100%); + background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.85) 100%); + background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.85) 100%); + background: linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.85) 100%); + } + + .sidebar-toggler { + float: left; + padding: 10px; + position: relative; + top: -15px; + left: -5px; + margin-right: 10px; + cursor: pointer; + + i { + font-size: 37px; + } + } + + .page-title { + float: left; + position: relative; + font-size: 17px; + line-height: 26px; + color: #333; + + @media (max-width: $maxSmall) { + font-size: 15px; + } + + small { + margin-left: 10px; + } + } + + .btn.pull-right { + position: relative; + top: -5px; + font-weight: bold; + letter-spacing: .3px; + } + } + + .content-wrapper { + margin-top: 20px; + } +} + + + + diff --git a/css/partials/pages/_account.scss b/css/partials/pages/_account.scss new file mode 100644 index 0000000..3c7b899 --- /dev/null +++ b/css/partials/pages/_account.scss @@ -0,0 +1,407 @@ +#account { + + #content { + padding: 0; + + #sidebar { + left: 0; + top: 0; + bottom: 0; + position: absolute; + width: 22%; + background: #fcfcfc; + border-right: 1px solid #E8ECF1; + + @media (max-width: $maxMedium) { + width: 28%; + } + + @media (max-width: $maxSmall) { + position: relative; + width: 100%; + } + + .sidebar-toggler { + position: absolute; + top: 8px; + left: 32px; + font-size: 36px; + cursor: pointer; + } + + h3 { + margin: 0; + text-align: center; + font-size: 19px; + padding: 22px 0; + + @media (max-width: $maxSmall) { + padding: 22px 0 0; + } + } + + .menu { + list-style-type: none; + padding: 0; + margin: 0; + + @media (max-width: $maxSmall) { + margin-top: 15px; + padding-bottom: 10px; + } + + li { + a { + display: block; + padding: 13px 30px; + font-size: 15px; + color: #555; + text-decoration: none; + + @include transition(all .2s linear); + + &.active, + &:hover { + color: #6787DA; + } + + i { + min-width: 30px; + + &.ion-ios7-person-outline { + font-size: 30px; + position: relative; + top: 4px; + } + + &.ion-ios7-email-outline { + font-size: 24px; + position: relative; + top: 4px; + } + + &.ion-ios7-help-outline { + font-size: 24px; + position: relative; + top: 4px; + } + + &.ion-card { + font-size: 21px; + position: relative; + top: 3px; + } + } + } + } + } + } + + #panel { + top: 0; + position: relative; + width: 78%; + margin-left: 22%; + padding: 24px 50px; + padding-bottom: 80px; + + @media (max-width: $maxMedium) { + width: 72%; + margin-left: 28%; + } + + @media (max-width: $maxSmall) { + position: relative; + width: 100%; + margin-left: 0; + padding: 24px; + } + + + /* account-profile.html specific styles */ + &.profile { + h3 { + margin: 0; + font-size: 18px; + } + + .intro { + margin-top: 25px; + color: #555; + } + + form { + width: 65%; + margin-top: 35px; + + @media (max-width: $maxMedium) { + width: 100%; + } + + .form-group { + margin-bottom: 25px; + } + + .avatar-field { + position: relative; + left: -15px; + margin-bottom: 35px; + + label { + margin-top: 22px; + color: #4F587A; + font-weight: 500; + margin-bottom: 10px; + } + } + + .action { + margin-top: 40px; + } + + } + } + + /* account-billing specific styles */ + &.billing { + h3 { + margin: 0; + font-size: 18px; + } + + .plan { + margin-top: 40px; + + .current-plan { + font-size: 15px; + + label { + margin-right: 20px; + font-weight: 600; + } + + .change-plan { + display: inline-block; + margin-left: 20px; + font-size: 14px; + + .ion-edit { + margin-left: 5px; + font-size: 13px; + } + } + + .status { + .value { + color: #3FA244; + font-weight: 600; + } + } + } + + .current-cc { + position: relative; + margin-top: 35px; + padding-top: 35px; + padding-bottom: 40px; + font-size: 15px; + color: #444; + + &:before { + content: ''; + position: absolute; + top: 0; + height: 2px; + width: 100px; + background: #eee; + } + + &:after { + content: ''; + position: absolute; + bottom: 0; + height: 2px; + width: 100px; + background: #eee; + } + + label { + margin-right: 20px; + font-weight: 600; + } + + img { + max-width: 25px; + margin-right: 8px; + position: relative; + top: -2px; + } + + .manage-cc { + display: inline-block; + margin-left: 20px; + font-size: 14px; + + .ion-edit { + margin-left: 5px; + font-size: 13px; + } + } + + .next { + font-size: 13px; + display: block; + margin-top: 4px; + } + } + + .invoices { + margin-top: 40px; + + h3 { + font-size: 17px; + font-weight: 600; + color: #555; + } + + table { + margin-top: 25px; + + tr:first-child { + td { + border-top: 0; + } + } + } + } + } + } + + /* account-notifications specific styles */ + &.notifications { + h3 { + margin: 0; + font-size: 18px; + } + + .settings { + margin-top: 40px; + + .digest { + h4 { + font-weight: 600; + font-size: 16px; + margin-bottom: 15px; + } + + p { + width: 80%; + font-size: 13px; + } + } + + .types { + margin-top: 40px; + + h4 { + font-weight: 600; + font-size: 16px; + margin-bottom: 30px; + } + + section { + margin-bottom: 30px; + + .title { + text-transform: uppercase; + color: #999; + font-weight: normal; + display: block; + margin-bottom: 10px; + font-size: 15px; + } + + .row { + margin-bottom: 5px; + + @media (max-width: $maxSmall) { + margin-bottom: 15px; + } + } + + .bootstrap-switch { + float: right; + font-family: $helvetica; + + @media (max-width: $maxSmall) { + float: left; + margin-top: 5px; + } + + .bootstrap-switch-default { + font-size: 13px; + } + } + } + } + + .actions { + margin-top: 40px; + } + } + } + + /* account-support specific styles */ + &.support { + h3 { + margin: 0; + font-size: 18px; + } + + .topics { + margin-top: 40px; + + .topic { + margin-top: 30px; + + i { + font-size: 36px; + /*color: #74A9E2;*/ + color: #9696D1; + position: relative; + top: 2px; + + &.ion-pie-graph { + font-size: 34px; + top: 4px; + } + + &.ion-archive { + font-size: 37px; + } + } + + a { + font-size: 16px; + color: #444; + font-weight: 600; + text-decoration: none; + } + + p { + font-size: 15px; + margin-top: 3px; + color: #444; + } + } + } + } + } + + } + +} + + + + diff --git a/css/partials/pages/_billing_form.scss b/css/partials/pages/_billing_form.scss new file mode 100644 index 0000000..8219bab --- /dev/null +++ b/css/partials/pages/_billing_form.scss @@ -0,0 +1,63 @@ +#billing-form { + + .billing { + max-width: 640px; + margin: 0 auto; + margin-top: 40px; + + .secure { + margin-bottom: 20px; + + .lock { + font-weight: 600; + color: #666; + + .fa-lock { + color: #ccc; + font-size: 17px; + margin-right: 7px; + position: relative; + top: 1px; + } + } + } + + #billing { + .control-label { + text-align: left; + } + + .instructions { + margin-top: 40px; + + strong { + font-size: 15px; + color: #454545; + } + } + + .mobile-margin-bottom { + @media (max-width: $maxSmall) { + margin-bottom: 15px; + } + } + + .action { + margin-top: 40px; + text-align: center; + + .btn { + font-size: 16px; + padding: 10px 14px; + @include transition(all .2s linear); + + i.fa-chevron-right { + font-size: 13px; + margin-left: 13px; + } + } + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_calendar.scss b/css/partials/pages/_calendar.scss new file mode 100644 index 0000000..dc7fd9a --- /dev/null +++ b/css/partials/pages/_calendar.scss @@ -0,0 +1,99 @@ +#calendar { + + .content-wrapper { + position: relative; + } + + /* calendar-wrapper popup */ + #new-event-popup { + position: absolute; + background: #fff; + text-align: left; + width: 300px; + border: 1px solid #CBD0D5; + box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.13); + border-radius: 4px; + padding: 14px 20px 14px 20px; + z-index: 999; + left: 194px; + top: 40px; + + h5 { + text-transform: uppercase; + font-weight: 600; + margin: 0 0 21px 0; + font-size: 14px; + color: #7e91aa; + } + + .field { + margin-bottom: 12px; + + .date { + margin-left: 15px; + } + + .event-input { + position: relative; + margin-left: 10px; + width: 75%; + display: inline-block; + } + } + + input[type="submit"] { + float: right; + margin-right: 15px; + margin-top: 7px; + margin-bottom: 5px; + } + + i.fa-times { + position: absolute; + right: 11px; + cursor: pointer; + top: 12px; + font-size: 13px; + color: #5B7683; + + @include transition(all .1s linear); + + &:hover { + color: #92A6AF; + } + } + + .pointer { + position: absolute; + bottom: 0; + left: 46%; + + .arrow, + .arrow_border { + border-color: #fff transparent transparent transparent; + border-width: 11px; + border-style: solid; + font-size: 0; + left: 50%; + line-height: 0; + margin: 0 auto; + position: absolute; + top: 0; + width: 0; + z-index: 1002; + left: 0; + margin-left: 45%; + } + + .arrow_border { + border-color: #BABDC0 transparent transparent transparent; + border-width: 12px; + margin-left: -1px; + border-style: solid; + z-index: 1001; + top: 0px; + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_datatables.scss b/css/partials/pages/_datatables.scss new file mode 100644 index 0000000..93dea2e --- /dev/null +++ b/css/partials/pages/_datatables.scss @@ -0,0 +1,50 @@ +#datatables { + + .content-wrapper { + margin-top: 40px; + padding-bottom: 40px; + + thead th { + border-top: 1px solid #dee3ea; + border-bottom: 1px solid #dee3ea; + padding: 10px 18px 15px 15px; + } + + td { + padding: 11px 15px; + } + + .dataTables_length { + float: right; + margin-bottom: 25px; + + @media (max-width: $maxSmall) { + float: none; + } + } + + .dataTables_filter { + float: left; + text-align: left; + + @media (max-width: $maxSmall) { + float: none; + margin-bottom: 25px; + } + } + + .dataTables_info { + display: none; + } + + .dataTables_paginate { + float: none; + text-align: center; + margin-top: 70px; + } + + #datatable-example { + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_docs.scss b/css/partials/pages/_docs.scss new file mode 100644 index 0000000..72363e3 --- /dev/null +++ b/css/partials/pages/_docs.scss @@ -0,0 +1,309 @@ +#docs { + font-family: $helvetica; + + #guide { + background: #F4F8FA; + border-right: 1px solid #DADFE5; + left: 0; + top: 0; + position: fixed; + overflow: hidden; + overflow-y: auto; + width: 210px; + z-index: 25; + height: 100%; + + .logo { + margin-top: 0; + font-size: 29px; + + a { + color: #000; + font-family: $myriad; + padding: 20px 0 15px 23px; + display: block; + border-bottom: 1px solid #D6DCE0; + box-shadow: 0px 1px #FFF; + @include transition(color .15s linear); + + &:hover { + color: #858585; + text-decoration: none; + } + } + } + + .menu { + > li { + + &.active { + > .nav { + display: block; + } + + > a { + background: #DEEAF1; + } + } + + a { + color: #3391C9; + font-weight: 500; + font-size: 13px; + padding: 10px 15px 10px 25px; + + @include transition(all .15s linear); + + &:hover { + background: #DEEAF1; + } + } + + > .nav { + margin-bottom: 7px; + display: none; + + li { + a { + font-weight: 400; + color: #48A0D6; + padding: 6px 15px 5px 35px; + } + } + } + } + } + } + + + #api-docs { + background: #FFF; + margin-left: 210px; + min-width: 750px; + + #methods { + background: #292E33; + position: relative; + margin-left: 50%; + + .languages { + position: fixed; + top: 0; + width: 100%; + padding: 5px 0 5px 20px; + background: #3B4249; + box-shadow: 2px 1px 3px #000; + z-index: 999; + + .language { + display: inline-block; + color: #C0CEDD; + padding: 5px 15px; + font-size: 13px; + + &.selected { + color: #fff; + } + } + } + + .method { + + &:nth-child(2) { + .method-section { + .method-description { + padding-top: 0px; + border-top: 0px; + } + + .method-example { + padding-top: 35px; + border-top: 0; + box-shadow: none; + } + } + } + + &:last-child { + .method-section { + padding-bottom: 70px; + } + } + + .method-section { + margin-left: -100%; + position: relative; + padding-top: 50px; + + .method-description { + width: 50%; + float: left; + padding: 0 30px; + border-top: 1px solid #E5E7EB; + padding-top: 40px; + + h3 { + font-size: 21px; + margin-top: 0; + margin-bottom: 20px; + } + + p { + font-size: 13px; + color: #666; + line-height: 21px; + margin-bottom: 20px; + } + + .info { + margin-top: 45px; + margin-bottom: 40px; + + h4 { + font-size: 14px; + border-bottom: 1px solid #E4E4E4; + padding-bottom: 15px; + } + + .field { + margin-top: 17px; + font-size: 13px; + + .key { + width: 40%; + float: left; + text-align: right; + padding-right: 10px; + font-weight: bold; + color: #333; + } + + .desc { + width: 60%; + float: right; + padding-left: 10px; + color: #555; + line-height: 21px; + + strong { + display: block; + color: #333; + margin-bottom: 5px; + } + } + } + } + } + + .method-example { + margin-left: 50%; + width: 50%; + padding: 75px 30px 0; + border-top: 1px solid #000; + box-shadow: inset 0px 1px rgba(255, 255, 255, 0.17); + color: #fff; + + pre { + background: none; + border: none; + margin: 0; + padding: 0; + + code { + background: none; + font-family: Monaco, Consolas, Menlo; + font-size: 12px; + + display: none; + + &.always-visible { + display: block !important; + } + + &.ruby { + display: block; + } + + color: #DAE4F2; + + > * { + color: #DAE4F2; + line-height: 20px; + } + } + + .ruby { + color: #DAE4F2; + + > * { + color: #DAE4F2; + line-height: 20px; + } + + [class*=keyword] { + color: #9AB4DB; + } + [class*=string] { + color: #DAD0C6; + } + [class*=comment] { + color: #B4B4B4; + } + [class*=constant] { + color: #FFDF9D; + } + [class*=symbol] { + color: #9ECBEE; + } + } + .python { + color: #DAE4F2; + + > * { + color: #DAE4F2; + line-height: 20px; + } + + [class*=keyword] { + color: #9AB4DB; + } + [class*=string] { + color: #DAD0C6; + } + [class*=comment] { + color: #B4B4B4; + } + [class*=class] { + color: #FFDF9D; + } + [class*=params] { + color: #9ECBEE; + } + } + .php { + color: #DAE4F2; + + > * { + color: #DAE4F2; + line-height: 20px; + } + + [class*=keyword] { + color: #9AB4DB; + } + [class*=string] { + color: #DAD0C6; + } + [class*=comment] { + color: #B4B4B4; + } + } + } + } + } + } + } + } +} + + diff --git a/css/partials/pages/_email_templates.scss b/css/partials/pages/_email_templates.scss new file mode 100644 index 0000000..f161413 --- /dev/null +++ b/css/partials/pages/_email_templates.scss @@ -0,0 +1,53 @@ +#email-templates { + + .header { + margin-top: 10px; + font-size: 18px; + margin-bottom: 50px; + } + + .emails { + text-align: center; + + .email { + display: inline-block; + position: relative; + margin-right: 45px; + margin-bottom: 55px; + + &:hover { + i { + opacity: 1; + } + } + + .name { + font-size: 19px; + margin-top: 10px; + text-align: center; + } + + i { + font-size: 35px; + position: absolute; + left: calc(50% - 9px); + top: calc(50% - 40px); + color: #AE92D1; + opacity: 0; + cursor: pointer; + + @include transition(all .2s linear); + } + + .wrapper { + border: 1px solid #eee; + } + + img { + max-height: 345px; + cursor: pointer; + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_form.scss b/css/partials/pages/_form.scss new file mode 100644 index 0000000..0fbddd7 --- /dev/null +++ b/css/partials/pages/_form.scss @@ -0,0 +1,41 @@ +#form { + + #content { + + form { + margin-top: 35px; + + input[type="file"] { + position: relative; + top: 7px; + height: 40px; + } + + .address { + margin: 25px 0; + + .form-group { + .col-sm-3 { + @media (max-width: $maxSmall) { + margin-bottom: 15px; + } + } + } + } + + .form-control-feedback { + color: #60B5EE; + font-size: 19px; + } + + .form-actions { + margin-top: 35px; + + .btn { + margin-right: 15px; + } + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_form_product.scss b/css/partials/pages/_form_product.scss new file mode 100644 index 0000000..c1435ce --- /dev/null +++ b/css/partials/pages/_form_product.scss @@ -0,0 +1,112 @@ +#form-product { + + form { + margin-top: 35px; + margin-bottom: 80px; + + input[type="file"] { + position: relative; + top: 7px; + height: 40px; + } + + .fake-select-wrap { + width: 250px; + margin-bottom: 8px; + } + + .help { + position: relative; + top: -6px; + left: 5px; + + .fa-question-circle { + color: #959595; + } + } + + .well { + .pic { + margin-bottom: 15px; + + img { + max-width: 300px; + } + } + + .remove-image { + display: inline-block; + margin-top: 15px; + } + } + + /* rating plugin */ + #raty { + margin-top: 6px; + margin-bottom: 8px; + } + + /* datepicker input */ + input.datepicker { + display: inline-block; + margin-right: 10px; + width: 150px; + color: #555; + padding-left: 15px; + } + + /* colorpicker input */ + div.minicolors { + width: 250px; + margin-bottom: 10px; + } + + .fa-calendar { + color: #789BCE; + } + + .form-control-feedback { + color: #60B5EE; + font-size: 19px; + } + + .form-actions { + margin-top: 55px; + + .btn { + margin-right: 15px; + } + } + } + + /* Description summernote plugin editor */ + .note-editor { + border: 1px solid #ccc; + border-radius: 4px; + + .note-toolbar { + border-radius: 4px 4px 0 0; + background: #FAFCFF; + border-bottom: 1px solid #ccc; + + .btn-default { + box-shadow: none; + } + } + + .note-statusbar { + border-radius: 0 0 4px 4px; + background: #FAFCFF; + + .note-resizebar { + border-top: 1px solid #ccc; + + .note-icon-bar { + width: 17px; + border-top: 1px solid #C9C9C9; + } + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_gallery.scss b/css/partials/pages/_gallery.scss new file mode 100644 index 0000000..2f692dd --- /dev/null +++ b/css/partials/pages/_gallery.scss @@ -0,0 +1,137 @@ +#gallery { + + #content { + padding: 0; + padding-top: 65px; + min-height: inherit; + padding-bottom: 55px; + + .content-wrapper { + margin-top: 0; + } + } + + .gallery-wrapper { + overflow: hidden; + + .image { + width: 25%; + height: 190px; + position: relative; + background-size: cover; + display: inline-block; + float: left; + + @include transition(all .15s ease-out); + + @media (max-width: $maxMedium) { + height: 150px; + } + + @media (max-width: $maxSmall) { + height: 130px; + width: 33.3333%; + } + + &:hover { + z-index: 2; + + &:after { + background: transparent; + } + + .mask { + opacity: 1; + } + } + + .mask { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + opacity: 0; + background: rgba(106, 101, 161, 0.87); + + @include transition(all .2s ease-in); + + .name { + color: #fff; + font-size: 18px; + text-align: center; + font-weight: 600; + margin-top: 25%; + + @media (max-width: $maxMedium) { + font-size: 15px; + } + } + + .date { + color: #fff; + font-size: 16px; + text-align: center; + margin-top: 3px; + + @media (max-width: $maxMedium) { + font-size: 14px; + } + } + } + } + } + + .filter { + position: fixed; + z-index: 99999; + left: 230px; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.85); + padding: 18px 30px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.21); + border-top: 1px solid #000; + font-size: 13px; + + @media (max-width: $maxMedium) { + left: 80px; + } + + @media (max-width: $maxSmall) { + left: 0; + padding: 15px; + } + + span { + color: #fff; + margin-right: 20px; + text-transform: uppercase; + font-weight: 600; + + @media (max-width: $maxSmall) { + display: none; + } + } + + a { + color: #fff; + text-transform: uppercase; + margin-right: 8px; + font-weight: 600; + padding: 4px 13px; + + @media (max-width: $maxSmall) { + text-transform: capitalize; + } + + &.active { + background: #6a65a1; + border-radius: 20px; + } + } + } + +} + + diff --git a/css/partials/pages/_index.scss b/css/partials/pages/_index.scss new file mode 100644 index 0000000..53a83b5 --- /dev/null +++ b/css/partials/pages/_index.scss @@ -0,0 +1,227 @@ +#dashboard { + .menubar { + .period-select { + float: right; + min-width: 350px; + position: relative; + top: -3px; + + .input-group { + width: 150px; + float: left; + + .input-group-addon { + background: #F0F4F8; + } + + i { + font-size: 14px; + color: #577FC7; + position: relative; + top: 1px; + } + + input[type="text"] { + height: 31px; + line-height: 18px; + font-size: 14px; + color: #777; + } + } + + p { + position: relative; + top: 4px; + margin: 0 12px; + } + } + } + + .metrics { + margin-top: 30px; + font-family: $helvetica; + border: 1px solid #000; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); + background-color: #363e4a; + background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #303d4f), color-stop(100%, #435266)),#686e78; + background: -webkit-linear-gradient(#303d4f,#435266),#686e78; + background: -moz-linear-gradient(#303d4f,#435266),#686e78; + background: -o-linear-gradient(#303d4f,#435266),#686e78; + background: linear-gradient(#303d4f,#435266),#686e78; + border-radius: 5px; + + .metric { + float: left; + width: 25%; + + padding: 23px 0; + text-align: center; + border-right: 1px solid #526075; + + @media(max-width: $maxSmall) { + width: 50%; + } + + .field { + color: #f4f4f4; + margin-bottom: 9px; + display: inline-block; + font-size: 14px; + + @media (max-width: $maxMedium) { + font-size: 14px; + } + } + + .data { + display: block; + color: #fff; + font-size: 27px; + text-shadow: 1px 1px #000; + + @media (max-width: $maxMedium) { + font-size: 21px; + } + } + } + } + + .chart { + margin: 40px 0 70px; + background: #fff; + + border: 1px solid #DFE3EB; + padding: 25px 25px; + border-radius: 5px; + box-shadow: inset 0 1px 0 #ededed; + + h3 { + font-size: 18px; + margin-bottom: 25px; + font-weight: 600; + margin-top: 0px; + + .total { + font-size: 14px; + position: relative; + top: 6px; + left: -8px; + color: #2D96BE; + + .change { + display: inline-block; + border-radius: 3px; + padding: 2px 5px; + margin-left: 7px; + font-size: 13px; + + &.up { + color: #3fb83f; + + i { + color: #3fb83f; + } + } + + &.down { + color: #CC4C4C; + + i { + color: #CC4C4C; + } + } + + i { + font-size: 11px; + position: relative; + top: -1px; + } + } + } + } + + #visitors-chart { + height: 230px; + position: relative; + } + } + + .charts-half { + margin-top: 50px; + + .chart { + width: 48%; + margin-top: 0; + + @media (max-width: $maxMedium) { + width: 100%; + } + + #payments-chart { + height: 200px; + position: relative; + } + + #signups-chart { + height: 200px; + position: relative; + } + } + } + + .barchart { + margin-bottom: 70px; + + h3 { + font-size: 18px; + margin-bottom: 25px; + font-weight: 600; + margin-top: 0; + } + + #bar-chart { + height: 200px; + width: 99%; + padding-right: 10px !important; + } + } + + .referrals { + padding-left: 15px; + + h3 { + font-size: 18px; + margin-bottom: 25px; + font-weight: 600; + margin-top: 0; + } + + .referral { + span { + color: #444; + + .data { + font-weight: 600; + margin-right: 5px; + border-right: 1px solid #e0e0e0; + padding-right: 7px; + } + } + + .progress { + margin-top: 5px; + height: 4px; + background: #f0f0f0; + box-shadow: none; + + .progress-bar { + background: #a5d15f; + } + } + } + } + +} + + + diff --git a/css/partials/pages/_invoice.scss b/css/partials/pages/_invoice.scss new file mode 100644 index 0000000..e965878 --- /dev/null +++ b/css/partials/pages/_invoice.scss @@ -0,0 +1,251 @@ +#invoice { + + #content { + padding: 40px 80px; + + @media (max-width: $maxMedium) { + padding: 40px; + } + + @media (max-width: $maxSmall) { + padding: 20px; + } + + .menubar { + padding: 20px 80px; + + @media (max-width: $maxMedium) { + padding: 20px 40px; + } + + @media (max-width: $maxSmall) { + padding: 20px; + } + + .options { + a { + margin-left: 25px; + color: #96AEC4; + text-decoration: none; + + @include transition(all .2s linear); + + @media (max-width: $maxSmall) { + position: relative; + top: 4px; + margin-left: 10px; + + i { + display: none; + } + } + + &:hover { + color: #344D63; + } + + i { + margin-right: 3px; + } + } + } + } + } + + .page-title { + padding-left: 10px; + + strong { + margin-left: 6px; + } + } + + .invoice-wrapper { + background: #FFF; + margin-top: 60px; + padding: 0 10px; + border-radius: 4px; + margin-bottom: 40px; + font-size: 15px; + + .intro { + line-height: 25px; + color: #444; + position: relative; + + .status { + position: absolute; + top: 0; + right: 0; + border: 2px solid rgb(155, 201, 112); + padding: 1px 12px; + border-radius: 4px; + color: rgb(107, 173, 44); + text-transform: uppercase; + font-weight: 600; + letter-spacing: 1.5px; + font-size: 16px; + } + } + + .payment-info { + margin-top: 25px; + padding-top: 15px; + + span { + color: #7C8594; + } + strong { + display: block; + color: #444; + margin-top: 3px; + } + + @media(max-width: 767px) { + .text-right { + text-align: left; + margin-top: 20px; + } + } + } + + .payment-details { + border-top: 2px solid #EBECEE; + margin-top: 30px; + padding-top: 20px; + line-height: 22px; + + span { + color: #7C8594; + display: block; + } + + a { + display: inline-block; + margin-top: 5px; + } + + @media(max-width: 767px) { + .text-right { + text-align: left; + margin-top: 20px; + } + } + } + + .line-items { + margin-top: 40px; + + .headers { + color: #7C8594; + font-size: 14px; + letter-spacing: .3px; + border-bottom: 2px solid #EBECEE; + padding-bottom: 4px; + } + + .items { + margin-top: 8px; + border-bottom: 2px solid #EBECEE; + padding-bottom: 8px; + + .item { + padding: 10px 0; + color: #696969; + + @media(max-width: 767px) { + font-size: 13px; + } + + .amount { + letter-spacing: 0.1px; + color: #84868A; + font-size: 16px; + + @media(max-width: 767px) { + font-size: 13px; + } + } + } + } + + .total { + margin-top: 30px; + + .extra-notes { + float: left; + width: 40%; + text-align: left; + color: #7A7A7A; + line-height: 20px; + + @media(max-width: 767px) { + width: 100%; + margin-bottom: 30px; + float: none; + } + + strong { + display: block; + margin-bottom: 5px; + color: #454545; + } + } + + .field { + margin-bottom: 7px; + font-size: 14px; + color: #555; + + &.grand-total { + margin-top: 10px; + font-size: 17px; + font-weight: 500; + + span { + color: #20A720; + font-size: 22px; + font-weight: 600; + } + } + + span { + display: inline-block; + margin-left: 20px; + min-width: 85px; + color: #84868A; + font-size: 15px; + } + } + } + + .print { + margin-top: 50px; + text-align: center; + + a { + display: inline-block; + border: 1px solid #9CB5D6; + padding: 13px 13px; + border-radius: 5px; + color: #708DC0; + font-size: 14px; + + @include transition(all .2s linear); + + &:hover { + text-decoration: none; + border-color: #333; + color: #333; + } + + i { + margin-right: 3px; + font-size: 14px; + } + } + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_latest_activity.scss b/css/partials/pages/_latest_activity.scss new file mode 100644 index 0000000..16c6f01 --- /dev/null +++ b/css/partials/pages/_latest_activity.scss @@ -0,0 +1,242 @@ +#latest-activity { + + .content-wrapper { + margin-bottom: 40px; + } + + .filter-user { + float: right; + + @media (max-width: $maxSmall) { + float: none; + } + + .dropdown-menu { + right: 0; + left: auto; + + @media (max-width: $maxSmall) { + left: 0; + right: auto; + } + } + } + + h3 { + margin-top: 30px; + margin-bottom: 40px; + font-size: 22px; + + small { + margin-left: 15px; + } + } + + .moment { + width: 100%; + padding-bottom: 50px; + position: relative; + + &.first { + &:before { + height: 130%; + top: -20px; + } + + &:after { + content: ''; + position: absolute; + left: 23px; + top: -20px; + width: 7px; + height: 7px; + background: #eee; + border-radius: 50%; + + @media (max-width: $maxMedium) { + left: 16px; + } + + @media (max-width: $maxMedium) { + display: none; + } + } + } + + &.last { + &:before { + background: #fff; + } + } + + &:before { + content: ''; + position: absolute; + left: 25px; + top: 5px; + width: 3px; + height: 100%; + background: #eee; + + @media (max-width: $maxMedium) { + left: 18px; + } + + @media (max-width: $maxMedium) { + display: none; + } + } + + .icon { + background: #90C7EC; + width: 35px; + height: 35px; + border-radius: 50%; + position: absolute; + left: 24px; + top: 4px; + + @media (max-width: $maxMedium) { + left: 17px; + } + + &.violet { + background: #E25495; + } + + &.yellow { + background: #EBC77B; + } + + &.dark { + background: #515C6E; + } + + &.purple { + background: #816DB4; + } + + .fa { + color: #fff; + position: absolute; + + &.fa-comment { + top: 10px; + left: 11px; + } + + &.fa-upload { + left: 11px; + top: 10px; + } + + &.fa-check { + top: 10px; + left: 10px; + } + + &.fa-files-o { + top: 10px; + left: 9px; + font-size: 17px; + } + + &.fa-quote-left { + top: 10px; + left: 11px; + } + } + } + + .message { + .avatar { + max-width: 53px; + border-radius: 5px; + float: left; + margin-right: 25px; + + @media (max-width: $maxSmall) { + margin-bottom: 10px; + } + } + + .content { + float: left; + width: 80%; + + @media (max-width: $maxSmall) { + width: 100%; + } + + p { + margin-top: 15px; + color: #555; + + &.border-bottom { + border-bottom: 1px solid #ECECEC; + padding-bottom: 20px; + } + + .date { + display: block; + color: #8F8F8F; + margin-bottom: 6px; + font-size: 13px; + } + } + + .files { + margin-top: 20px; + display: table; + + .file { + display: table-cell; + padding-right: 25px; + max-width: 190px; + vertical-align: top; + text-align: center; + + img { + border-radius: 3px; + } + + .name { + display: inline-block; + margin-top: 11px; + line-height: 17px; + font-size: 13px; + } + } + } + + .big-file { + margin-top: 20px; + padding: 10px; + border: 1px solid #ECECEC; + border-radius: 4px; + + img { + float: left; + max-width: 50px; + margin-right: 20px; + border: 1px solid #ECECEC; + padding: 5px; + border-radius: 4px; + } + + .name { + display: inline-block; + font-weight: 600; + margin-top: 5px; + color: #333; + } + + .size { + color: #A7A7A7; + } + } + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_pricing.scss b/css/partials/pages/_pricing.scss new file mode 100644 index 0000000..0b7f651 --- /dev/null +++ b/css/partials/pages/_pricing.scss @@ -0,0 +1,284 @@ +#pricing { + + #content { + min-height: 850px; + } + + .pricing-wizard { + h4 { + margin-top: 40px; + font-weight: 500; + text-transform: uppercase; + letter-spacing: .5px; + text-align: center; + font-size: 21px; + color: #59646F; + } + + .steps { + width: 660px; + margin: 0 auto; + margin-top: 55px; + border-bottom: 1px solid #ECECEC; + padding-bottom: 15px; + + .step { + display: inline-block; + font-size: 14px; + text-transform: uppercase; + font-weight: 600; + color: #ABBBC7; + position: relative; + padding-left: 50px; + margin-right: 40px; + + @include transition(all .2s linear); + + &.active { + color: #5A6A81; + + &:after { + content: ''; + height: 2px; + width: 100%; + background: #5D8DB9; + position: absolute; + top: 35px; + left: 25px; + } + } + } + } + + .step-panel { + position: absolute; + left: 0; + right: 0; + z-index: 1; + opacity: 0; + + @include transition(all .2s linear); + + @media (max-width: $maxSmall) { + position: relative; + display: none; + + &.active { + display: block; + } + } + + &.active { + opacity: 1; + z-index: 2; + } + } + + .choose-plan { + max-width: 640px; + margin: 0 auto; + margin-top: 40px; + + .instructions { + color: #444; + padding-bottom: 20px; + padding-left: 10px; + + strong { + font-size: 15px; + color: #555; + } + + span { + font-weight: 600; + display: block; + margin-top: 30px; + color: #929191; + border-bottom: 1px solid #E6E6E6; + padding-bottom: 15px; + } + } + + .plans { + .plan { + margin-top: 5px; + position: relative; + padding: 12px 0; + border-radius: 5px; + cursor: pointer; + + @include transition(all .15s linear); + + @media (max-width: $maxSmall) { + padding: 12px 8px; + } + + &.selected { + .select { + .fa-check { + display: inline-block; + } + } + } + + &.selected, + &:hover { + background: #ebf2fb; + + .price { + color: #458EDB; + } + + .info { + .details { + color: #73ACE9; + } + } + + .select { + border: 2px solid #8FC4FD; + } + } + + .price { + float: left; + width: 115px; + padding-left: 10px; + font-size: 20px; + position: relative; + top: 4px; + color: #81838A; + + @media (max-width: $maxSmall) { + font-size: 17px; + float: none; + padding-left: 0; + top: 0; + margin-bottom: 5px; + } + } + + .info { + float: left; + width: 260px; + + .name { + font-size: 17px; + font-weight: 600; + color: #3e95f1; + } + + .details { + color: #888; + } + } + + .select { + position: absolute; + right: 10px; + top: 18px; + width: 27px; + height: 27px; + border-radius: 25px; + border: 2px solid #ccc; + + .fa-check { + position: relative; + top: 2px; + left: 4px; + color: #057DFF; + display: none; + } + } + } + + .action { + text-align: right; + margin-top: 40px; + + @media (max-width: $maxSmall) { + text-align: center; + } + + .btn { + font-size: 17px; + + i { + font-size: 13px; + margin-left: 7px; + } + } + } + } + } + + .billing { + max-width: 640px; + margin: 0 auto; + margin-top: 40px; + + .secure { + margin-bottom: 20px; + + .lock { + font-weight: 600; + color: #666; + + .fa-lock { + color: #ccc; + font-size: 17px; + margin-right: 7px; + position: relative; + top: 1px; + } + } + } + + #billing-form { + .control-label { + text-align: left; + } + + .instructions { + margin-top: 40px; + + strong { + font-size: 15px; + color: #454545; + } + } + + .mobile-margin-bottom { + @media (max-width: $maxSmall) { + margin-bottom: 15px; + } + } + + .action { + margin-top: 40px; + + .btn { + font-size: 16px; + @include transition(all .2s linear); + + i.fa-chevron-right { + font-size: 13px; + margin-left: 7px; + } + + i.fa-chevron-left { + font-size: 13px; + margin-right: 7px; + color: #777; + } + } + } + } + } + } + +} + + + + diff --git a/css/partials/pages/_pricing_alt.scss b/css/partials/pages/_pricing_alt.scss new file mode 100644 index 0000000..61b2529 --- /dev/null +++ b/css/partials/pages/_pricing_alt.scss @@ -0,0 +1,263 @@ +#pricing-alt { + + #content { + padding: 40px; + + .content-wrapper { + margin-top: 0; + } + } + + .sidebar-toggler { + position: absolute; + font-size: 37px; + padding: 12px; + top: 0; + left: 8px; + cursor: pointer; + } + + #first-option { + margin-bottom: 100px; + + .header { + text-align: center; + + h3 { + font-size: 24px; + color: #444; + line-height: 25px; + font-weight: 500; + margin-bottom: 7px; + } + + p { + font-size: 16px; + font-weight: 400; + color: #888; + } + } + + .charts { + margin-top: 45px; + + .chart { + background-color: #fff; + border: 1px solid #D8D8D8; + border-radius: 5px; + box-shadow: 0px 0px 2px 0px rgba(181, 181, 181, 0.3); + padding: 20px 40px 30px; + position: relative; + text-align: center; + width: 97%; + + min-height: 315px; + position: relative; + top: 18px; + + @media(min-width: 992px) { + &.first { + float: right; + left: 45px; + } + + &.last { + left: -45px; + } + } + + @media (max-width: 991px) { + float: none !important; + left: 0px !important; + top: 0px !important; + margin: 0 auto; + width: 55%; + margin-bottom: 25px !important; + + &.last { + margin-bottom: 0px !important; + } + } + + @media (max-width: 600px) { + width: 90% !important; + } + + &.featured { + z-index: 999; + border-color: #C3DCEB; + box-shadow: 0 0 13px -2px #B4DAF1; + + @media(min-width: 992px) { + margin: 0 auto; + top: 5px; + min-height: 450px; + } + + .popular { + position: absolute; + top: 0px; + left: 0px; + } + + .quantity { + margin-top: 15px; + padding-bottom: 5px; + } + + .button { + margin-top: 22px; + } + } + + .plan-name { + text-align: center; + font-size: 20px; + font-weight: 400; + color: #444; + width: 90%; + margin: 0 auto; + margin-top: 5px; + } + + .quantity { + text-align: center; + border-bottom: 1px solid #d5d5d5; + margin-top: 10px; + + .dollar { + font-size: 19px; + position: relative; + top: -18px; + } + + .price { + font-size: 49px; + } + + .period { + font-size: 17px; + position: relative; + top: -8px; + margin-left: 4px; + } + } + + .specs { + margin-top: 20px; + + .spec { + font-size: 15px; + color: #5D636D; + text-align: center; + margin-bottom: 15px; + + .variable { + color: #1FAFE7; + font-weight: 600; + } + } + } + + .button { + margin-top: 20px; + height: 38px; + + span { + height: 36px; + line-height: 35px; + padding-left: 23px; + padding-right: 23px; + } + } + } + } + + .message { + p { + text-align: center; + color: #4A5366; + margin-top: 23px; + } + } + + .faq { + margin-top: 40px; + + .header h3 { + font-size: 22px; + color: #454545; + text-align: left; + } + + .questions { + margin-top: 30px; + + .question { + margin-bottom: 45px; + + @media(min-width: 992px) { + width: 90%; + } + + strong { + font-weight: 500; + font-size: 17px; + color: #333; + } + p { + color: #555; + margin-top: 12px; + font-size: 14px; + line-height: 22px; + } + } + } + } + + .contact { + margin-top: 40px; + + .wrapper { + background: #F7F8FB; + border: 1px solid #EAEDF7; + border-radius: 8px; + padding: 25px 60px; + box-shadow: inset rgba(100, 100, 100, 0.25) 0 1px 1px; + margin: 0 auto; + + @media (max-width: $maxSmall) { + padding: 20px; + } + } + + h4 { + font-size: 15px; + position: relative; + color: #373F46; + text-align: center; + font-weight: 500; + text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); + + @media (max-width: 991px) { + line-height: 26px; + } + + span { + position: relative; + font-size: 23px; + top: 4px; + margin-right: 4px; + color: #626E7A; + + @media (max-width: 991px) { + position: relative; + left: 0px; + top: 5px; + } + } + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_projects.scss b/css/partials/pages/_projects.scss new file mode 100644 index 0000000..94b7cad --- /dev/null +++ b/css/partials/pages/_projects.scss @@ -0,0 +1,173 @@ +#projects { + + .project-list { + margin-top: 20px; + } + + .project { + float: left; + width: 30%; + margin: 0 10px; + margin-bottom: 25px; + padding: 13px; + border: 1px solid #E4EAF1; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 5px; + min-height: 227px; + position: relative; + + @media (max-width: $maxMedium) { + width: 43%; + } + + @media (max-width: $maxSmall) { + width: 94%; + } + + &.new { + border: 2px dotted #BEDAF8; + box-shadow: none; + + a { + display: block; + text-align: center; + text-decoration: none; + } + + i { + font-size: 60px; + color: #C4DEF8; + margin-top: 40px; + display: block; + } + + .info { + display: inline-block; + font-size: 21px; + color: #9AC0E7; + padding-top: 10px; + } + } + + .info { + padding: 20px 0 30px; + text-align: center; + + .name { + font-size: 20px; + color: #8C5DAC; + color: #5D93AC; + font-weight: 600; + } + + .category { + font-weight: 600; + color: #444; + } + + .last-update { + font-size: 13px; + color: #8C939E; + margin-top: 7px; + } + } + + .members { + position: absolute; + bottom: 13px; + width: 91%; + + img { + margin: 0 3px 4px 3px; + max-width: 38px; + border-radius: 50%; + } + + .add-more { + display: inline-block; + width: 20px; + height: 20px; + background: #22B92E; + text-align: center; + float: right; + margin-top: 12px; + color: #fff; + border-radius: 3px; + font-size: 10px; + line-height: 22px; + + @include transition(all .15s linear); + + &:hover { + background: #8BDBA1; + } + } + + .menu { + position: absolute; + right: -70px; + bottom: 26px; + background: #fff; + width: 155px; + z-index: 999; + border-radius: 3px; + padding: 7px 0; + list-style-type: none; + box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.35); + + opacity: 0; + @include transform(scale(0)); + @include transition(all 300ms cubic-bezier(0.34,1.61,0.7,1)); + @include transform-origin(50% 100%); + + &.active { + opacity: 1; + @include transform(scale(1)); + } + + &:hover { + opacity: 1; + @include transform(scale(1)); + } + + &:after { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + bottom: -12px; + left: 49%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotateX(180deg)); + } + + li { + padding: 8px 0; + border-bottom: 1px solid #E6E6E6; + text-align: center; + + &:last-child { + border-bottom: 0; + } + + a { + text-decoration: none; + display: block; + font-weight: 600; + color: #54A0E2; + + @include transition(all .2s linear); + + &:hover { + color: #333; + } + } + } + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_reports.scss b/css/partials/pages/_reports.scss new file mode 100644 index 0000000..7c8a21e --- /dev/null +++ b/css/partials/pages/_reports.scss @@ -0,0 +1,155 @@ +#reports { + + .menubar { + .options { + a { + margin-left: 25px; + color: #96AEC4; + text-decoration: none; + + @include transition(all .2s linear); + + @media (max-width: $maxSmall) { + position: relative; + top: 4px; + } + + &:hover { + color: #344D63; + } + + i { + margin-right: 3px; + + @media (max-width: $maxSmall) { + display: none; + } + } + } + } + } + + .stats { + margin: 0 -40px; + margin-top: -24px; + padding: 26px 40px 29px; + background: #FAFBFD; + border-top: 3px solid #ADBDD5; + border-bottom: 1px solid #E2E4F5; + + @media (max-width: $maxSmall) { + margin-left: -20px; + margin-right: -20px; + padding-bottom: 15px; + } + + .stat { + float: left; + width: 25%; + + @media (max-width: $maxSmall) { + width: 50%; + margin-bottom: 20px; + } + + label { + font-weight: normal; + color: rgba(147, 156, 190, 1); + } + + .value { + font-size: 21px; + font-weight: 600; + color: #454545; + text-shadow: 1px 1px #fff; + + .change { + display: inline-block; + margin-left: 10px; + font-size: 13px; + + &.up { + color: rgb(72, 180, 63); + } + + &.down { + color: rgb(221, 94, 94); + } + + i { + font-size: 16px; + position: relative; + top: 1px; + } + } + } + } + } + + .chart { + margin-top: 35px; + + h3 { + font-size: 19px; + + .btn-group { + .btn { + border-color: #B7D5F5; + background: #fff; + color: #555F8A; + + &.active { + background: #F9FBFF; + box-shadow: inset 0 2px 4px rgba(0,0,0,.125); + } + } + } + } + + #sales-chart { + height: 230px; + margin-top: 30px; + } + } + + .dataTables_wrapper { + margin: 80px -40px; + + @media (max-width: $maxSmall) { + margin: 80px -20px; + } + + thead th { + border-top: 1px solid #D4DBE4; + border-bottom: 1px solid #dee3ea; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.79); + padding: 10px 18px 12px 20px; + text-shadow: 1px 1px #fff; + background: linear-gradient(#F7F8FC, #F8F9FC); + position: relative; + color: #444; + + &:after { + content: ''; + position: absolute; + width: 100%; + height: 1px; + left: 0; + bottom: -1px; + box-shadow: 0 1px 1px rgba(66, 85, 124, 0.14); + } + } + + td { + padding: 11px 20px; + } + + .dataTables_filter, + .dataTables_length, + .dataTables_paginate, + .dataTables_info { + display: none; + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_reports_alt.scss b/css/partials/pages/_reports_alt.scss new file mode 100644 index 0000000..74a672e --- /dev/null +++ b/css/partials/pages/_reports_alt.scss @@ -0,0 +1,145 @@ +#reports-alt { + + .menubar { + .options { + a { + position: relative; + top: 2px; + margin-left: 20px; + color: #96AEC4; + text-decoration: none; + + @include transition(all .2s linear); + + @media (max-width: $maxSmall) { + margin-left: 10px; + } + + &:hover { + color: #344D63; + } + + i { + margin-right: 3px; + } + } + } + + .date-range { + margin-right: 20px; + + .input-group { + width: 200px; + position: relative; + top: -3px; + + .input-group-addon { + background: #F0F4F8; + } + + i { + font-size: 14px; + color: #577FC7; + position: relative; + top: 1px; + } + + input[type="text"] { + height: 31px; + line-height: 18px; + font-size: 14px; + color: #777; + } + } + } + } + + .daterangepicker_start_input, + .daterangepicker_end_input { + display: none; + } + + .chart { + position: relative; + top: -24px; + padding-top: 30px; + margin: 0 -40px; + padding: 30px 30px 0px; + background: #fafafa; + border-bottom: 1px solid #ccc; + + @media (max-width: $maxSmall) { + margin: 0 -20px; + } + + .bar-chart-wrapper { + overflow: hidden; + + #bar-chart { + height: 240px; + padding: 0px; + position: relative; + top: 26px; + } + } + + label.yaxis { + text-align: center; + text-transform: uppercase; + color: #969696; + display: block; + margin-top: 12px; + position: absolute; + left: 0; + right: 0; + font-weight: 600; + font-size: 13px; + } + } + + .filters { + margin-top: 40px; + + .btn { + background: #FAFDFF; + color: #4C89B6; + + .caret { + margin-left: 5px; + } + } + } + + .data { + margin-top: 20px; + margin-bottom: 50px; + + thead th { + border-top: 1px solid #dee3ea; + border-bottom: 1px solid #dee3ea; + padding: 10px 18px 15px 15px; + } + + td { + padding: 11px 15px; + } + + .dataTables_length { + display: none; + } + + .dataTables_filter { + display: none; + } + + .dataTables_info { + display: none; + } + + .dataTables_paginate { + float: none; + text-align: center; + margin-top: 70px; + } + } +} \ No newline at end of file diff --git a/css/partials/pages/_search.scss b/css/partials/pages/_search.scss new file mode 100644 index 0000000..12bd8d9 --- /dev/null +++ b/css/partials/pages/_search.scss @@ -0,0 +1,222 @@ +#search { + + #content { + padding: 0; + padding-top: 64px; + min-height: 100%; + } + + .menubar { + .options { + @media(max-width: $maxSmall) { + display: none; + } + + a { + margin-left: 25px; + color: #96AEC4; + text-decoration: none; + + @include transition(all .2s linear); + + &:hover { + color: #344D63; + } + + i { + margin-right: 3px; + + + } + } + } + } + + .content-wrapper { + margin-top: 0; + position: relative; + overflow: hidden; + + @media(max-width: $maxSmall) { + overflow: auto; + } + + .results { + position: relative; + float: left; + width: 77%; + height: 100%; + min-height: 800px; + padding: 30px; + padding-bottom: 80px; + + @media(max-width: $maxSmall) { + width: 100%; + padding: 10px; + padding-bottom: 60px; + margin-top: 30px; + } + + /* bulk actions */ + .bulk-actions { + position: absolute; + left: 30px; + z-index: 99; + + @media(max-width: $maxSmall) { + position: relative; + left: 0px; + } + + .btn.disabled { + border-color: #E2E2E2; + color: #969696; + } + } + + /* datatable styles */ + + thead th { + border-top: 1px solid #D4DBE4; + border-bottom: 1px solid #dee3ea; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.79); + padding: 10px 18px 12px 20px; + text-shadow: 1px 1px #fff; + background: linear-gradient(#F7F8FC, #F8F9FC); + position: relative; + color: #444; + + &:after { + content: ''; + position: absolute; + width: 100%; + height: 1px; + /* background: #000; */ + left: 0; + bottom: -1px; + box-shadow: 0 1px 1px rgba(66, 85, 124, 0.14); + } + } + + td { + padding: 11px 20px; + } + + .dataTables_length, + .dataTables_info { + display: none; + } + + .dataTables_filter { + float: right; + text-align: left; + margin-bottom: 20px; + + @media(max-width: $maxSmall) { + float: left; + margin-top: 20px; + } + } + + .dataTables_paginate { + float: none; + text-align: center; + margin-top: 70px; + } + + input[type="checkbox"] { + cursor: pointer; + } + + /* product list styles */ + .product-img { + max-width: 100px; + } + + } + + + /* filters */ + + .filters { + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 23%; + border-left: 1px solid #E8EBF0; + + @media(max-width: $maxSmall) { + position: relative; + width: 100%; + margin-top: 20px; + } + + h3 { + padding: 0 20px; + margin: 20px 0; + font-size: 17px; + margin-bottom: 25px; + text-align: center; + } + + .filter { + border-bottom: 1px solid #eee; + margin-bottom: 9px; + + label { + display: block; + color: #454545; + font-weight: 600; + padding: 0 20px 5px; + + input { + margin-right: 3px; + position: relative; + top: -1px; + } + } + + .filter-option { + display: none; + + padding: 10px 20px 12px; + background: rgba(0,0,0,0.02); + position: relative; + box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); + + .field { + margin-top: 15px; + + input[type="text"] { + display: inline-block; + margin-right: 10px; + width: 100px; + height: 29px; + + &.small { + width: 60px; + } + + &.datepicker { + color: #555; + } + } + + .fa-calendar { + color: #B3B3B3; + margin-right: 5px; + } + } + } + } + + input[type="submit"] { + margin-top: 15px; + margin-left: 20px; + } + } + + } + +} \ No newline at end of file diff --git a/css/partials/pages/_sidebar.scss b/css/partials/pages/_sidebar.scss new file mode 100644 index 0000000..a4888d0 --- /dev/null +++ b/css/partials/pages/_sidebar.scss @@ -0,0 +1,369 @@ +#sidebar { + + #wrapper { + height: 100%; + } + + .main-sidebar { + overflow: hidden; + height: 100% !important; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + overflow: visible; + height: auto; + } + + .scroll-wrapper { + left: 0; + top: 0; + bottom: 0; + right: -30px; + padding-right: 15px; + position: absolute; + overflow-y: scroll; + + @media (min-width: $minMedium) and (max-width: $maxMedium) { + overflow-y: initial; + right: auto; + left: auto; + padding: 0; + position: relative; + } + } + } + + #content { + padding: 0; + position: relative; + min-height: 100%; + + #app-sidebar { + left: 0; + top: 0; + bottom: 0; + position: absolute; + width: 31%; + z-index: 99; + border-right: 1px solid #EBEEF1; + overflow: hidden; + background: #fff; + + @media (max-width: $maxSmall) { + width: 100%; + z-index: 999; + } + + .scroll-wrapper { + left: 0; + top: 0; + bottom: 0; + right: -30px; + padding-right: 15px; + position: absolute; + overflow-y: scroll; + } + + .menubar { + z-index: 99; + width: 100%; + + @media (max-width: $maxMedium) { + padding-left: 20px; + } + + form { + @media (max-width: $maxSmall) { + float: left; + margin-left: 10px; + } + + .fa-search { + position: absolute; + top: 24px; + z-index: 10; + color: #BBB; + font-size: 16px; + } + + input { + border: 0; + padding: 0; + padding-left: 25px; + line-height: 17px; + position: relative; + top: -4px; + } + + input[type="submit"] { + visibility: hidden; + position: absolute; + } + } + } + + .messages { + margin-top: 20px; + + .message { + padding: 15px; + border-bottom: 1px solid #EBEEF1; + position: relative; + + @include transition(all .2s linear); + + &.active, + &:hover { + background: #F7F9FD; + } + + .time { + position: absolute; + top: 13px; + right: 18px; + font-size: 12px; + font-weight: 600; + color: rgb(128, 155, 202); + } + + .avatar { + width: 23%; + + @media (max-width: $maxMedium) { + display: none; + } + + img { + width: 50px; + border-radius: 50%; + } + } + + .info { + width: 76%; + display: block; + text-decoration: none; + color: #444; + + @media (max-width: $maxMedium) { + width: 95%; + } + + .name { + font-weight: 600; + display: block; + } + + .subject { + font-weight: 600; + color: #7B8085; + margin-top: 3px; + display: block; + } + + .intro { + font-size: 13px; + line-height: 20px; + margin-top: 7px; + width: 80%; + color: #707780; + display: block; + + @media (max-width: $maxMedium) { + width: 90%; + } + } + } + } + } + + .paging { + margin: 40px 0 50px; + text-align: center; + } + } + + #app-message { + left: 0; + top: 0; + bottom: 0; + position: absolute; + width: 69%; + margin-left: 31%; + overflow: hidden; + background: #fff; + + @media (max-width: $maxSmall) { + width: 100%; + margin-left: 0; + z-index: 99; + } + + .scroll-wrapper { + left: 0; + top: 0; + bottom: 0; + right: -30px; + padding-right: 15px; + position: absolute; + overflow-y: scroll; + } + + .menubar { + z-index: 99; + width: 100%; + + .page-title { + @media (max-width: $maxSmall) { + font-size: 15px; + } + } + + .paging { + float: right; + } + } + + section { + padding-bottom: 50px; + + .message { + padding: 0 40px; + padding-bottom: 60px; + border-bottom: 1px solid #EBEEF1; + + @media (max-width: $maxSmall) { + padding-left: 20px; + padding-right: 20px; + } + + &.collapsed { + padding: 25px 40px; + margin: 0; + border-bottom: 1px solid #EBEEF1; + + a { + text-decoration: none; + + .sender { + font-weight: 600; + color: #333; + } + + .receiver { + margin-left: 10px; + color: #8294A5; + } + + .date { + font-size: 12px; + font-weight: 600; + color: #868A91; + } + } + } + + .header { + margin-top: 30px; + margin-bottom: 30px; + + .subject { + font-size: 24px; + color: #454545; + } + + .info { + margin-top: 5px; + font-size: 12px; + color: #7B8FA5; + + .avatar { + max-width: 45px; + border-radius: 50%; + margin-right: 15px; + } + + strong { + font-weight: 600; + } + + i { + display: inline-block; + margin: 0 3px; + } + } + } + + .body { + line-height: 22px; + color: #484A4B; + + p { + margin-bottom: 20px; + } + } + + .attachments { + margin-top: 28px; + padding-top: 18px; + padding-bottom: 3px; + border-top: 1px solid #EAEDF1; + border-bottom: 1px solid #EAEDF1; + + .attachment { + margin-bottom: 15px; + + a { + text-decoration: none; + + .file-type { + font-family: $arial; + display: inline-block; + border-radius: 4px; + font-size: 11px; + font-weight: 600; + padding: 3px 5px; + min-width: 40px; + text-align: center; + text-transform: uppercase; + position: relative; + top: -1px; + margin-right: 4px; + color: #fff; + + &.zip { + background: #000; + } + + &.html { + background: #00bbb4; + } + } + + .name { + font-size: 14px; + color: #484A4B; + + .size { + font-size: 12px; + display: inline-block; + margin-left: 2px; + } + } + } + } + } + + .reply { + margin-top: 50px; + + textarea { + margin-bottom: 25px; + } + } + } + } + } + } + +} + diff --git a/css/partials/pages/_signin.scss b/css/partials/pages/_signin.scss new file mode 100644 index 0000000..966679a --- /dev/null +++ b/css/partials/pages/_signin.scss @@ -0,0 +1,178 @@ +#signin { + background: #9795bb; + background-image: -webkit-radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + background-image: -moz-radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + background-image: -o-radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + background-image: -ms-radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + background-image: radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + + &.clear { + background-image: none; + background: #F2F5F8; + + .logo { + .brankic-pen { + color: #8CAAC0; + } + } + + h3 { + color: #323438; + } + + .content { + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25); + border-radius: 4px; + } + + .bottom-wrapper { + .message { + text-shadow: 1px 1px #fff; + border: 1px solid #C7CFD3; + color: #333; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1px 0 rgba(255, 255, 255, 0.83); + + a { + color: #428bca; + } + } + } + } + + .signup-switcher { + position: absolute; + top: 170px; + right: 0; + + a { + display: block; + background: #fff; + padding: 5px 20px; + margin-bottom: 10px; + border-radius: 3px 0 0 3px; + color: #3A3A3A; + border: 1px solid #C9DBF5; + border-right: 0; + text-decoration: none; + + &[data-class=""] { + background: #5A7A9E; + color: #fff; + border-color: #8DA5C4; + + .fa-check { + color: #fff; + } + } + + &.active { + .fa-check { + opacity: 1; + } + } + + .fa-check { + color: #83C490; + font-size: 14px; + position: relative; + top: 1px; + right: 6px; + margin-right: 5px; + opacity: 0; + + @include transition(all .2s linear); + } + } + } + + .logo { + margin-top: 30px; + text-align: center; + display: block; + text-decoration: none; + + .brankic-pen { + color: #FFFFD8; + font-size: 40px; + + @media (max-width: $maxSmall) { + font-size: 34px; + } + } + } + + h3 { + font-size: 24px; + color: #fff; + text-align: center; + margin-top: 35px; + + @media (max-width: $maxSmall) { + font-size: 20px; + margin-top: 15px; + } + } + + .content { + max-width: 485px; + margin: 0 auto; + margin-top: 40px; + padding: 42px 48px; + background: #fff; + box-shadow: 0 1px 40px 0 rgba(0,0,0,0.3); + border-radius: 3px; + + @media (max-width: $maxSmall) { + max-width: 90%; + padding: 35px; + } + + .fields { + margin-bottom: 20px; + + strong { + display: block; + margin-bottom: 10px; + } + + input[type="text"], + input[type="password"] { + margin-bottom: 15px; + } + } + + .info { + margin-top: 40px; + } + + .actions { + margin-top: 40px; + text-align: center; + margin-bottom: 10px; + } + } + + .bottom-wrapper { + padding-bottom: 120px; + + .message { + max-width: 360px; + margin: 0 auto; + margin-top: 60px; + text-align: center; + border-radius: 4px; + padding: 18px; + border: 1px solid #8B9BC4; + color: #fff; + + a { + margin-left: 6px; + color: #fff; + } + } + } + +} + + + diff --git a/css/partials/pages/_signup.scss b/css/partials/pages/_signup.scss new file mode 100644 index 0000000..e9af6ba --- /dev/null +++ b/css/partials/pages/_signup.scss @@ -0,0 +1,178 @@ +#signup { + background: #9795bb; + background-image: -webkit-radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + background-image: -moz-radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + background-image: -o-radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + background-image: -ms-radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + background-image: radial-gradient(circle farthest-side at right bottom,#9795bb,#59688D 80%,#426686); + + &.clear { + background-image: none; + background: #F2F5F8; + + .logo { + .brankic-pen { + color: #8CAAC0; + } + } + + h3 { + color: #323438; + } + + .content { + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25); + border-radius: 4px; + } + + .bottom-wrapper { + .message { + text-shadow: 1px 1px #fff; + border: 1px solid #C7CFD3; + color: #333; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1px 0 rgba(255, 255, 255, 0.83); + + a { + color: #428bca; + } + } + } + } + + .signup-switcher { + position: absolute; + top: 170px; + right: 0; + + a { + display: block; + background: #fff; + padding: 5px 20px; + margin-bottom: 10px; + border-radius: 3px 0 0 3px; + color: #3A3A3A; + border: 1px solid #C9DBF5; + border-right: 0; + text-decoration: none; + + &[data-class=""] { + background: #5A7A9E; + color: #fff; + border-color: #8DA5C4; + + .fa-check { + color: #fff; + } + } + + &.active { + .fa-check { + opacity: 1; + } + } + + .fa-check { + color: #83C490; + font-size: 14px; + position: relative; + top: 1px; + right: 6px; + margin-right: 5px; + opacity: 0; + + @include transition(all .2s linear); + } + } + } + + .logo { + margin-top: 30px; + text-align: center; + display: block; + text-decoration: none; + + .brankic-pen { + color: #FFFFD8; + font-size: 40px; + + @media (max-width: $maxSmall) { + font-size: 34px; + } + } + } + + h3 { + font-size: 26px; + color: #fff; + text-align: center; + margin-top: 35px; + + @media (max-width: $maxSmall) { + font-size: 20px; + margin-top: 15px; + } + } + + .content { + max-width: 620px; + margin: 0 auto; + margin-top: 40px; + padding: 42px 56px; + background: #fff; + box-shadow: 0 1px 40px 0 rgba(0,0,0,0.3); + border-radius: 3px; + + @media (max-width: $maxSmall) { + max-width: 90%; + padding: 35px; + } + + .fields { + margin-bottom: 50px; + + strong { + display: block; + margin-bottom: 20px; + } + + input[type="text"], + input[type="password"] { + margin-bottom: 15px; + } + } + + .info { + margin-top: -10px; + } + + .signup { + margin-top: 40px; + text-align: center; + margin-bottom: 20px; + } + } + + .bottom-wrapper { + padding-bottom: 120px; + + .message { + max-width: 360px; + margin: 0 auto; + margin-top: 60px; + text-align: center; + border-radius: 4px; + padding: 18px; + border: 1px solid #8B9BC4; + color: #fff; + + a { + margin-left: 6px; + color: #fff; + } + } + } + +} + + + diff --git a/css/partials/pages/_status.scss b/css/partials/pages/_status.scss new file mode 100644 index 0000000..926adb8 --- /dev/null +++ b/css/partials/pages/_status.scss @@ -0,0 +1,192 @@ +#status { + background: #fff; + + #update { + margin-top: 40px; + margin-bottom: 130px; + + .container { + max-width: 850px; + } + + .fa-rss { + margin-right: 4px; + } + + .header { + text-align: center; + + h3 { + font-size: 24px; + color: #444; + line-height: 25px; + font-weight: 500; + margin-bottom: 7px; + } + + p { + font-size: 16px; + font-weight: 400; + color: #888; + } + } + + .current-status { + background: #F7F8FB; + border: 1px solid #EAEDF7; + border-radius: 8px; + box-shadow: inset rgba(100, 100, 100, 0.25) 0 1px 1px; + padding: 20px 30px; + margin: 0 auto; + margin-top: 35px; + + .updated { + float: right; + color: #616A72; + font-size: 13px; + + @media(max-width: 767px) { + float: none; + text-align: center; + display: block; + margin-bottom: 20px; + } + } + + .status { + font-size: 18px; + font-weight: 500; + + .color { + width: 15px; + height: 15px; + border-radius: 50px; + float: left; + position: relative; + top: 5px; + margin-right: 20px; + + &.green { + background: #96cb4c; + border: 1px solid #8BC43D; + box-shadow: 0px 0px 7px 2px #B3E074, inset 0px 2px 1px -1px rgba(255, 255, 255, 0.8); + } + + &.yellow { + background: #F0D775; + border: 1px solid #E0CC7E; + box-shadow: 0px 0px 7px 2px #F0D775, inset 0px 2px 1px -1px rgba(255, 255, 255, 0.8); + } + &.red { + background: #F56B65; + border: 1px solid #FC7D77; + box-shadow: 0px 0px 7px 2px #FF9B96, inset 0px 2px 1px -1px rgba(255, 255, 255, 0.8); + } + } + } + + .help { + margin-top: 7px; + margin-left: 35px; + } + } + + .info { + margin-top: 40px; + + strong { + font-size: 15px; + display: block; + color: #454545; + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: 1px solid #eee; + } + } + + .modules { + margin-top: 40px; + border-radius: 5px; + + >.list-group .list-group-item { + padding: 13px 15px; + font-size: 15px; + + &:first-child { + border-top: 0px; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + } + + .status { + float: right; + color: #0F9B0F; + font-size: 13px; + font-weight: 500; + + &.down { + color: #D88C1B; + } + } + } + } + + .messages { + margin-top: 35px; + + h3 { + font-size: 22px; + color: #444; + margin-bottom: 25px; + } + + .date { + margin-bottom: 35px; + + .day { + font-size: 14px; + font-weight: bold; + color: #555; + padding-bottom: 8px; + margin-bottom: 8px; + border-bottom: 1px solid #eee; + } + + .ok { + color: #0F9B0F; + font-size: 13px; + font-weight: 500; + } + + .issues { + color: #D88C1B; + font-size: 13px; + font-weight: 500; + margin-bottom: 18px; + } + + .update { + color: #333; + font-size: 13px; + + strong { + font-size: 13px; + font-weight: bold; + color: #454545; + min-width: 93px; + display: inline-block; + } + } + } + } + + .full-history { + margin-top: 50px; + } + } + +} + + + + diff --git a/css/partials/pages/_steps.scss b/css/partials/pages/_steps.scss new file mode 100644 index 0000000..8acb349 --- /dev/null +++ b/css/partials/pages/_steps.scss @@ -0,0 +1,115 @@ +#steps { + + #content { + padding: 0; + /*padding-top: 64px;*/ + + .content-wrapper { + margin-top: 0; + } + } + + .sidebar-toggler { + position: absolute; + color: #fff; + font-size: 34px; + top: 0px; + left: 8px; + padding: 15px; + cursor: pointer; + } + + .header { + padding: 28px; + background: #5A6474; + font-family: $helvetica; + text-shadow: 1px 1px rgba(0, 0, 0, 0.45); + color: #fff; + text-align: center; + font-size: 19px; + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); + + @media (max-width: $maxSmall) { + font-size: 16px; + } + } + + .steps { + @media (max-width: $maxMedium) { + padding-bottom: 30px; + } + + .step { + margin: 0px 55px; + padding: 35px 20px; + border-bottom: 1px solid #eee; + + @media (max-width: $maxMedium) { + text-align: center; + padding-top: 30px !important; + } + + &.done { + margin: 0; + background: #F8F8FA; + padding: 35px 75px; + + .info { + top: -6px; + } + } + + .info { + float: left; + position: relative; + + @media (max-width: $maxMedium) { + float: none; + margin-bottom: 15px; + } + + .number { + font-size: 26px; + margin-right: 20px; + position: relative; + top: 2px; + + @media (max-width: $maxMedium) { + display: block; + margin: 0; + margin-bottom: 10px; + } + + .ion-checkmark-circled { + font-size: 38px; + color: #44B83F; + position: relative; + top: 6px; + left: -6px; + margin-right: -8px; + } + } + } + + .button { + position: relative; + top: 2px; + float: right; + + @media (max-width: $maxMedium) { + float: none; + } + + span { + font-size: 13px; + min-width: 150px; + text-align: center; + } + } + } + } + +} + + + diff --git a/css/partials/pages/_ui.scss b/css/partials/pages/_ui.scss new file mode 100644 index 0000000..5a07ada --- /dev/null +++ b/css/partials/pages/_ui.scss @@ -0,0 +1,106 @@ +#ui { + &:not(.shepherd-active) { + .main-sidebar, + .content-wrapper section > * { + opacity: 1; + } + } + + .shepherd-target.shepherd-enabled { + opacity: 1; + } + + .main-sidebar { + opacity: 0.6; + @include transition(opacity .4s linear); + } + + .content-wrapper { + font-family: $helvetica; + + section > * { + opacity: 0.2; + @include transition(opacity .4s linear); + } + } + + .intro { + margin-bottom: 30px; + + h3 { + font-size: 22px; + } + + p { + font-size: 13px; + } + } + + section { + margin-bottom: 50px; + + h4 { + margin-bottom: 15px; + + small { + display: block; + margin-top: 12px; + } + } + + a { + color: #479ccf; + text-decoration: underline; + display: inline-block; + margin-right: 16px; + } + + &.buttons { + a { + margin-right: 5px; + } + } + } + + #form-modal { + input.datepicker { + color: #555; + padding-left: 15px; + } + + .fa-calendar { + color: #789BCE; + } + } + + #welcome-modal { + .animated { + @include animationDuration(.35s); + + -webkit-animation-timing-function: cubic-bezier(.4,1.49,.37,1.07); + -moz-animation-timing-function: cubic-bezier(.4,1.49,.37,1.07); + animation-timing-function: cubic-bezier(.4,1.49,.37,1.07); + + &.two { + @include animationDuration(.45s); + } + + &.three { + @include animationDuration(.55s); + } + + &.four { + @include animationDuration(.62s); + } + + &.five { + @include animationDuration(.7s); + } + + &.six { + @include animationDuration(.73s); + } + } + } + +} \ No newline at end of file diff --git a/css/partials/pages/_user_profile.scss b/css/partials/pages/_user_profile.scss new file mode 100644 index 0000000..57528a1 --- /dev/null +++ b/css/partials/pages/_user_profile.scss @@ -0,0 +1,562 @@ +#user-profile { + + #content { + padding: 0; + padding-top: 64px; + min-height: 100%; + } + + .content-wrapper { + margin-top: 0; + position: relative; + overflow: hidden; + + .profile-content { + float: left; + width: 78%; + height: 100%; + min-height: 800px; + + @media (max-width: $maxMedium) { + width: 72%; + } + + @media (max-width: $maxSmall) { + width: 100%; + margin-top: 20px; + } + + .tabs { + background: #F5F6F8; + border-bottom: 1px solid #CED9EB; + padding: 0 30px; + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06); + + ul { + margin: 0; + padding: 0; + list-style-type: none; + + li { + display: inline-block; + + a { + padding: 17px 20px; + margin-right: 5px; + position: relative; + display: inline-block; + text-decoration: none; + color: #688EA7; + font-weight: 600; + + @include transition(all .2s linear); + + &.active { + color: #333; + font-weight: 600; + + &:after { + content: ''; + position: absolute; + height: 2px; + width: 100%; + background: #1DDBF1; + left: 0; + bottom: -1px; + } + } + } + } + } + } + + .tab-content { + margin: 30px 30px 0; + position: relative; + + @include transform(translate3d(0, 0, 0)); + + -webkit-perspective: 0px; + -ms-perspective: 0px; + -moz-perspective: 0px; + + @media (max-width: $maxSmall) { + margin: 30px 10px 0; + } + + .tab { + opacity: 0; + visibility: hidden; + position: fixed; + left: 0; + top: 0; + z-index: 999; + width: 100%; + + @include transform(scale3d(0.95, 0.95, 0.95)); + @include transition(all .3s ease-in-out); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + + &.active { + opacity: 1; + visibility: visible; + position: relative; + + @include transform(scale3d(1, 1, 1)); + } + + &.notes { + padding-left: 20px; + + .editor { + width: 94%; + background: #F7F7F7; + border-radius: 5px; + margin-top: 40px; + + textarea { + border-bottom: 0; + border-radius: 4px 4px 0 0; + border-color: #D7E0EC; + } + + .options { + padding: 11px 20px; + border: 1px solid #E1E7F0; + border-radius: 0 0 4px 4px; + + .attach { + float: right; + margin-top: 5px; + margin-right: 10px; + + a { + text-decoration: none; + margin-right: 20px; + + i { + font-size: 23px; + color: #A8B6C2; + } + } + } + + .button { + float: right; + + span { + font-size: 13px; + } + } + } + } + + .filter { + margin-top: 50px; + width: 94%; + + h4 { + font-size: 21px; + } + + form { + width: 160px; + position: relative; + top: 5px; + } + } + + .comments { + margin-top: 60px; + width: 94%; + + @media (max-width: $maxSmall) { + margin-top: 30px; + } + + .comment { + padding-bottom: 60px; + position: relative; + + @media (max-width: $maxSmall) { + padding-bottom: 20px; + } + + &:before { + content: ''; + display: block; + position: absolute; + width: 2px; + background: #f7f7f7; + height: 100%; + left: 45px; + top: 0; + + @media (max-width: $maxSmall) { + display: none; + } + } + + &:last-child { + &:before { + background: #fff; + } + } + + .avatar { + max-width: 62px; + border-radius: 5px; + + @media (max-width: $maxSmall) { + display: none; + } + } + + .message { + border: 1px solid #e4e4e4; + border-radius: 4px; + padding: 7px 20px; + + @media (max-width: $maxSmall) { + border: 0; + padding: 7px 0; + } + + header { + font-size: 13px; + position: relative; + color: #777; + margin-top: 8px; + + &:before { + content: ''; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: 10px; + left: -25px; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + @include transform(rotate(270deg)); + + @media (max-width: $maxSmall) { + display: none; + } + } + + .name { + font-weight: 600; + display: inline-block; + margin-right: 6px; + color: #5481C4; + } + + .date { + color: #8F8F8F; + } + } + + .note { + p { + margin-top: 15px; + margin-bottom: 15px; + line-height: 23px; + } + + .files { + margin-top: 35px; + width: 100%; + margin-bottom: 20px; + + .file { + float: left; + padding-right: 25px; + max-width: 25%; + vertical-align: top; + text-align: center; + + img { + border-radius: 3px; + } + + .name { + display: inline-block; + margin-top: 11px; + line-height: 16px; + font-size: 13px; + } + } + } + } + } + } + } + + .load-more { + margin-top: 30px; + margin-bottom: 150px; + text-align: center; + } + } + + &.orders { + thead th { + /*border-top: 1px solid #F3F5F6;*/ + border-top: 0; + border-bottom: 1px solid #F3F5F6; + padding: 10px 18px 15px 15px; + font-weight: 400; + } + + td { + padding: 11px 15px; + } + + .dataTables_length { + display: none; + } + + .dataTables_filter { + display: none; + } + + .dataTables_info { + display: none; + } + + .dataTables_paginate { + display: none; + } + + .label { + font-weight: 400; + font-size: 14px; + + &.label-default { + background-color: #F3F3F3; + color: #333; + border: 1px solid #E4E4E4; + } + } + + .ion-alert-circled { + font-size: 18px; + margin-left: 6px; + color: #B296DD; + position: relative; + top: 1px; + } + } + + &.work { + margin-bottom: 50px; + + .pic { + max-width: 90%; + margin-bottom: 40px; + position: relative; + + &:hover { + .mask { + opacity: 1; + } + } + + .mask { + opacity: 0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 6px; + color: #fff; + padding: 10px 15px; + background: rgba(76, 103, 133, 0.91); + font-family: $helvetica; + + @include transition(all .2s linear); + + .title { + font-weight: 600; + font-size: 14px; + padding-bottom: 8px; + position: relative; + + &:after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + height: 1px; + width: 50%; + background: #6A819B; + } + } + + .description { + font-size: 12px; + line-height: 17px; + margin-top: 8px; + } + + .date { + position: absolute; + bottom: 10px; + font-weight: 600; + font-size: 12px; + } + } + + img { + border-radius: 6px; + } + } + } + } + } + } + + .profile-info { + position: absolute; + top: 0; + bottom: 0; + right: -23%; + width: 22%; + background: #fff; + border-left: 1px solid #E8EBF0; + + @include animation(showProfileInfo .4s ease-out forwards); + + @media (max-width: $maxMedium) { + width: 28%; + } + + @media (max-width: $maxSmall) { + width: 100%; + position: relative; + float: left; + border-left: 0; + } + + .avatar { + text-align: center; + padding-top: 20px; + padding-bottom: 20px; + border-bottom: 1px solid #DFE2E9; + background: url('#{$imagesPath}/bg.jpg'); + background-position: 50% 50%; + background-size: cover; + position: relative; + + &:before { + position: absolute; + content: ''; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.37) 71%, rgba(0, 0, 0, 0.51) 100%); + } + + img { + /*border-radius: 50%;*/ + /*max-width: 62px;*/ + position: relative; + border-radius: 3px; + max-width: 65px; + border: 3px solid #fff; + } + + .name { + margin-top: 10px; + font-size: 15px; + font-weight: 600; + color: #fff; + position: relative; + } + + .position { + font-size: 14px; + font-weight: 600; + color: #fff; + position: relative; + } + + .social { + margin-top: 5px; + position: relative; + + i { + font-size: 15px; + margin: 0 5px; + color: #fff; + } + } + } + + .main-details { + border-bottom: 1px solid #DFE2E9; + + .col { + float: left; + width: 50%; + padding: 10px 0; + text-align: center; + font-size: 13px; + color: #666; + + &:first-child { + border-right: 1px solid #DFE2E9; + } + + .value { + font-weight: 600; + font-size: 14px; + margin-bottom: 3px; + color: #333; + } + } + } + + .details { + padding: 0 20px; + margin-top: 20px; + + .field { + margin-bottom: 15px; + font-size: 13px; + + label { + text-transform: uppercase; + color: #999; + letter-spacing: .2px; + } + + .value { + font-weight: 600; + color: #454545; + } + + .sub { + color: #757575; + margin-top: 3px; + } + } + } + } + + } + +} + + + + + diff --git a/css/partials/pages/_users.scss b/css/partials/pages/_users.scss new file mode 100644 index 0000000..79b2b07 --- /dev/null +++ b/css/partials/pages/_users.scss @@ -0,0 +1,374 @@ +#users { + #content { + + .sidebar-toggler { + z-index: 9; + } + + .page-title { + position: absolute; + top: 0; + bottom: 0; + padding: 20px 30px; + font-size: 16px; + color: #7e7e7e; + text-transform: uppercase; + font-weight: 600; + letter-spacing: .3px; + border-right: 1px solid #E6E6E6; + + @media (max-width: $maxSmall) { + border-right: 0; + padding-left: 50px; + } + } + + form.search { + position: relative; + float: left; + width: 260px; + top: -2px; + margin-left: 170px; + + .fa-search { + position: absolute; + color: #BBB; + top: 7px; + left: 11px; + font-size: 16px; + } + + input[type="text"] { + border: 0; + padding: 6px 15px 6px 37px; + border-radius: 3px; + width: 100%; + + @include placeholder { + font-weight: normal; + font-family: $lato; + color: #9B9B9B; + } + } + + input[type="submit"] { + visibility: hidden; + position: absolute; + } + } + + .content-wrapper { + .page-controls { + margin-top: 30px; + + .filters { + > label { + font-size: 15px; + margin-right: 20px; + } + + > a { + margin-right: 35px; + color: #666; + padding-bottom: 2px; + text-decoration: none; + @include transition(all .1s linear); + + &:hover { + color: #378FCA; + } + + &.active { + color: #378FCA; + font-weight: 600; + border-bottom: 1px solid #82BFE9; + } + } + + .show-options { + float: right; + + @media(max-width: $maxMedium) { + float: none; + margin-top: 23px; + } + + .dropdown { + display: inline-block; + position: relative; + top: -7px; + margin-right: 20px; + + > a { + text-decoration: none; + height: 31px; + + span { + font-size: 13px; + height: 29px; + line-height: 29px; + + .fa-unsorted { + font-size: 11px; + margin-left: 6px; + } + } + } + + .dropdown-menu { + left: -40%; + top: 115%; + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: -12px; + left: 50%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + } + } + } + + .grid-view { + position: relative; + top: -4px; + font-size: 18px; + color: #bbb; + text-decoration: none; + margin-left: 14px; + + &.active { + color: #111; + } + } + } + } + } + + .users-list { + margin-top: 35px; + margin-bottom: 40px; + + .headers { + padding-bottom: 10px; + min-height: 35px; + + .header { + + &.select-users { + + &.active { + display: block !important; + + .bulk-actions { + display: block !important; + } + } + + .bulk-actions { + position: absolute; + top: 0px; + left: 75px; + width: 300px; + display: none; + + > a { + text-decoration: none; + + .total-checked { + padding-left: 10px; + } + + .fa-chevron-down { + font-size: 10px; + position: relative; + top: -1px; + margin-left: 5px; + } + } + + .dropdown-menu { + top: 30px; + + &:before { + content: ""; + position: absolute; + display: block; + width: 37px; + height: 12px; + top: -12px; + left: 50%; + margin-left: -18.5px; + background-image: url("#{$imagesPath}/popover-arrow.png"); + background-size: 100% 100%; + } + } + } + } + + label { + height: 100%; + width: 100%; + font-weight: 600; + color: #333; + + a { + display: block; + font-weight: 600; + color: #333; + text-decoration: none; + background: #fff; + + @include transition(all .14s linear); + + &:hover { + background: #EFFAFF; + } + } + } + } + } + + .user { + border-bottom: 1px solid #f0f0f0; + padding: 8px 0; + + @media(max-width: $maxMedium) { + padding: 13px 0; + } + + &:first-child { + border-top: 1px solid #e0e0e0; + } + + &:nth-child(2n) { + background: #FAFAFC; + } + + .avatar { + input[type="checkbox"] { + margin-right: 25px; + cursor: pointer; + } + + img { + border-radius: 50%; + max-width: 45px; + + @media(max-width: $maxMedium) { + display: none; + } + } + } + + .name { + position: relative; + top: 13px; + color: #333; + text-decoration: none; + + @media(max-width: $maxMedium) { + top: 0; + } + + &:hover { + text-decoration: underline; + } + + .label { + margin-left: 6px; + position: relative; + display: inline-block; + top: -1px; + text-decoration: none !important; + } + } + + .email { + position: relative; + top: 13px; + font-size: 13px; + + @media(max-width: $maxMedium) { + top: 0; + } + } + + .total-spent { + position: relative; + top: 13px; + + @media(max-width: $maxMedium) { + top: 0; + } + } + + .created-at { + position: relative; + top: 13px; + font-size: 13px; + text-align: right; + + @media(max-width: $maxMedium) { + top: 0; + } + } + } + + .pager-wrapper { + margin-top: 30px; + + .pager li > a, + .pager li > span { + margin: 0 5px; + } + } + } + + .users-grid { + margin-top: 35px; + margin-bottom: 40px; + display: none; + + .user { + margin-bottom: 35px; + + @media (max-width: $maxMedium) { + min-height: 205px; + } + + img { + border-radius: 5px; + margin-bottom: 15px; + border: 0; + } + + .name { + font-weight: 600; + } + + .email { + font-size: 13px; + color: #555; + margin-top: 4px; + } + } + + .pager-wrapper { + margin-top: 30px; + + .pager li > a, + .pager li > span { + margin: 0 5px; + } + } + } + } + + } +} \ No newline at end of file diff --git a/css/partials/pages/_wizard.scss b/css/partials/pages/_wizard.scss new file mode 100644 index 0000000..aea236a --- /dev/null +++ b/css/partials/pages/_wizard.scss @@ -0,0 +1,222 @@ +#wizard { + + #content { + padding: 0 0 40px; + + .content-wrapper { + margin-top: 0; + } + } + + .header { + padding: 11px 0 9px 0; + background: #5A6474; + font-family: $helvetica; + text-align: center; + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); + + .sidebar-toggler { + position: absolute; + color: #fff; + padding: 15px; + top: 3px; + z-index: 99; + left: 8px; + cursor: pointer; + + i { + font-size: 37px; + } + } + + .steps { + width: 79%; + margin: 0 auto; + border-radius: 2px 2px 0 0; + + .step { + width: 25%; + float: left; + padding-top: 20px; + padding-bottom: 20px; + text-align: center; + color: #f5f5f5; + text-shadow: 1px 1px rgba(0, 0, 0, 0.05); + position: relative; + font-size: 13px; + font-weight: 500; + + @media (max-width: $maxSmall) { + width: 100%; + padding: 10px 0; + } + + &.active { + span { + background: #94A1B8; + } + } + + &:after { + content: ''; + position: absolute; + bottom: 31px; + left: 55%; + display: block; + height: 2px; + background: #94A1B8; + width: 100%; + + @media (max-width: $maxMedium) { + left: 57%; + } + + @media (max-width: $maxSmall) { + display: none; + } + } + + &:last-child { + &:after { + display: none; + } + } + + span { + width: 23px; + height: 23px; + display: block; + position: relative; + margin: 0 auto; + margin-top: 13px; + border-radius: 25px; + background: #5A6474; + border: 2px solid #94A1B8; + + @include transition(all .2s linear); + + @media (max-width: $maxSmall) { + position: absolute; + top: 0; + right: 0; + width: 15px; + height: 15px; + } + } + } + } + } + + .form-wizard { + background: #fff; + margin: 0 auto; + margin-top: 42px; + width: 65%; + position: relative; + + @media (max-width: $maxSmall) { + width: 84%; + } + + .step { + opacity: 0; + position: absolute; + width: 100%; + + &.active { + opacity: 1; + z-index: 3; + } + + .form-group { + margin-bottom: 21px; + + .column { + width: 30%; + float: left; + + @media (max-width: $maxSmall) { + width: 100%; + margin-bottom: 20px; + } + } + } + + /* step 2 avatar display */ + .display-field { + margin-top: 6px; + + .display { + float: left; + background: #eeeeee; + width: 100px; + height: 100px; + display: table; + text-align: center; + + span { + color: #9B9B9B; + font-weight: bold; + font-family: $helvetica; + font-size: 13px; + display: table-cell; + vertical-align: middle; + } + } + + input { + float: left; + margin-top: 30px; + margin-left: 20px; + } + } + + /* step 3 expiration date inputs */ + .expiration-field { + width: 63% !important; + + input { + width: 48%; + float: left; + + &:last-child { + float: right; + } + } + } + + /* final step success */ + .success { + text-align: center; + + .ion-checkmark-circled { + font-size: 47px; + color: #3DA838; + } + + h3 { + margin-top: 25px; + font-size: 21px; + color: #556579; + } + + .button { + margin-top: 40px; + } + } + + .form-actions { + margin-top: 40px; + text-align: center; + + .button { + margin: 0 10px; + } + } + } + } + +} + + + diff --git a/css/partials/snippets/_custom_animations.scss b/css/partials/snippets/_custom_animations.scss new file mode 100644 index 0000000..9ab918b --- /dev/null +++ b/css/partials/snippets/_custom_animations.scss @@ -0,0 +1,241 @@ +/* Used in user-profile.html page for the user info right sidebar */ + +@include keyFrame(showProfileInfo) { + 0% { + right: -23%; + } + + 100% { + right: 0; + } +} + + +/* Fade in left for wizard steps */ + +@-webkit-keyframes fadeInLeftStep { + 0% { + opacity: 0; + -webkit-transform: translateX(-40px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInLeftStep { + 0% { + opacity: 0; + -moz-transform: translateX(-40px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInLeftStep { + 0% { + opacity: 0; + -o-transform: translateX(-40px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInLeftStep { + 0% { + opacity: 0; + transform: translateX(-40px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeftStep { + -webkit-animation-name: fadeInLeftStep; + -moz-animation-name: fadeInLeftStep; + -o-animation-name: fadeInLeftStep; + animation-name: fadeInLeftStep; +} + +/* Fade in right for wizard steps */ + +@-webkit-keyframes fadeInRightStep { + 0% { + opacity: 0; + -webkit-transform: translateX(40px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRightStep { + 0% { + opacity: 0; + -moz-transform: translateX(40px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRightStep { + 0% { + opacity: 0; + -o-transform: translateX(40px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRightStep { + 0% { + opacity: 0; + transform: translateX(40px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRightStep { + -webkit-animation-name: fadeInRightStep; + -moz-animation-name: fadeInRightStep; + -o-animation-name: fadeInRightStep; + animation-name: fadeInRightStep; +} + + +/* Fade out left for wizard steps */ + +@-webkit-keyframes fadeOutLeftStep { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-40px); + } +} + +@-moz-keyframes fadeOutLeftStep { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-40px); + } +} + +@-o-keyframes fadeOutLeftStep { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-40px); + } +} + +@keyframes fadeOutLeftStep { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-40px); + } +} + +.fadeOutLeftStep { + -webkit-animation-name: fadeOutLeftStep; + -moz-animation-name: fadeOutLeftStep; + -o-animation-name: fadeOutLeftStep; + animation-name: fadeOutLeftStep; +} + +/* Fade out right for wizard steps */ + +@-webkit-keyframes fadeOutRightStep { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(40px); + } +} + +@-moz-keyframes fadeOutRightStep { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(40px); + } +} + +@-o-keyframes fadeOutRightStep { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(40px); + } +} + +@keyframes fadeOutRightStep { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(40px); + } +} + +.fadeOutRightStep { + -webkit-animation-name: fadeOutRightStep; + -moz-animation-name: fadeOutRightStep; + -o-animation-name: fadeOutRightStep; + animation-name: fadeOutRightStep; +} diff --git a/css/theme.scss b/css/theme.scss new file mode 100644 index 0000000..1cd5eff --- /dev/null +++ b/css/theme.scss @@ -0,0 +1,46 @@ +/* config variables */ +@import "partials/config"; + +/* modules */ +@import "modules/mixins"; +@import "modules/elements"; + +/* snippets */ +@import "partials/snippets/custom_animations"; + +/* vendor */ +@import "../bootstrap/bootstrap.min.css"; +@import "bootstrap/bootstrap-overrides"; + +/* layout */ +@import "partials/layout"; + +/* pages */ +@import "partials/pages/index"; +@import "partials/pages/users"; +@import "partials/pages/form"; +@import "partials/pages/form_product"; +@import "partials/pages/invoice"; +@import "partials/pages/calendar"; +@import "partials/pages/sidebar"; +@import "partials/pages/datatables"; +@import "partials/pages/projects"; +@import "partials/pages/reports"; +@import "partials/pages/reports_alt"; +@import "partials/pages/pricing"; +@import "partials/pages/pricing_alt"; +@import "partials/pages/billing_form"; +@import "partials/pages/docs"; +@import "partials/pages/user_profile"; +@import "partials/pages/latest_activity"; +@import "partials/pages/status"; +@import "partials/pages/search"; +@import "partials/pages/signup"; +@import "partials/pages/signin"; +@import "partials/pages/account"; +@import "partials/pages/ui"; +@import "partials/pages/gallery"; +@import "partials/pages/steps"; +@import "partials/pages/wizard"; +@import "partials/pages/email_templates"; + diff --git a/css/vendor/animate.css b/css/vendor/animate.css new file mode 100644 index 0000000..a41cf60 --- /dev/null +++ b/css/vendor/animate.css @@ -0,0 +1,3492 @@ +@charset "UTF-8"; +/* +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ +body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ + -webkit-backface-visibility: hidden; +} +.animated { + -webkit-animation-duration: 0.7s; + -moz-animation-duration: 0.7s; + -o-animation-duration: 0.7s; + animation-duration: 0.7s; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + -moz-animation-duration: 2s; + -o-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-moz-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-o-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +.animated.flash { + -webkit-animation-name: flash; + -moz-animation-name: flash; + -o-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes shake { + 0%, 100% {-webkit-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} +} + +@-moz-keyframes shake { + 0%, 100% {-moz-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} +} + +@-o-keyframes shake { + 0%, 100% {-o-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} +} + +@keyframes shake { + 0%, 100% {transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} + 20%, 40%, 60%, 80% {transform: translateX(10px);} +} + +.animated.shake { + -webkit-animation-name: shake; + -moz-animation-name: shake; + -o-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} + 40% {-webkit-transform: translateY(-30px);} + 60% {-webkit-transform: translateY(-15px);} +} + +@-moz-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} + 40% {-moz-transform: translateY(-30px);} + 60% {-moz-transform: translateY(-15px);} +} + +@-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-30px);} + 60% {-o-transform: translateY(-15px);} +} +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} + 40% {transform: translateY(-30px);} + 60% {transform: translateY(-15px);} +} + +.animated.bounce { + -webkit-animation-name: bounce; + -moz-animation-name: bounce; + -o-animation-name: bounce; + animation-name: bounce; +} +@-webkit-keyframes tada { + 0% {-webkit-transform: scale(1);} + 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} + 100% {-webkit-transform: scale(1) rotate(0);} +} + +@-moz-keyframes tada { + 0% {-moz-transform: scale(1);} + 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} + 100% {-moz-transform: scale(1) rotate(0);} +} + +@-o-keyframes tada { + 0% {-o-transform: scale(1);} + 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} + 100% {-o-transform: scale(1) rotate(0);} +} + +@keyframes tada { + 0% {transform: scale(1);} + 10%, 20% {transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} + 100% {transform: scale(1) rotate(0);} +} + +.animated.tada { + -webkit-animation-name: tada; + -moz-animation-name: tada; + -o-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes swing { + 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } + 20% { -webkit-transform: rotate(15deg); } + 40% { -webkit-transform: rotate(-10deg); } + 60% { -webkit-transform: rotate(5deg); } + 80% { -webkit-transform: rotate(-5deg); } + 100% { -webkit-transform: rotate(0deg); } +} + +@-moz-keyframes swing { + 20% { -moz-transform: rotate(15deg); } + 40% { -moz-transform: rotate(-10deg); } + 60% { -moz-transform: rotate(5deg); } + 80% { -moz-transform: rotate(-5deg); } + 100% { -moz-transform: rotate(0deg); } +} + +@-o-keyframes swing { + 20% { -o-transform: rotate(15deg); } + 40% { -o-transform: rotate(-10deg); } + 60% { -o-transform: rotate(5deg); } + 80% { -o-transform: rotate(-5deg); } + 100% { -o-transform: rotate(0deg); } +} + +@keyframes swing { + 20% { transform: rotate(15deg); } + 40% { transform: rotate(-10deg); } + 60% { transform: rotate(5deg); } + 80% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } +} + +.animated.swing { + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -o-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + -moz-animation-name: swing; + -o-animation-name: swing; + animation-name: swing; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { -webkit-transform: translateX(0%); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0%); } +} + +@-moz-keyframes wobble { + 0% { -moz-transform: translateX(0%); } + 15% { -moz-transform: translateX(-25%) rotate(-5deg); } + 30% { -moz-transform: translateX(20%) rotate(3deg); } + 45% { -moz-transform: translateX(-15%) rotate(-3deg); } + 60% { -moz-transform: translateX(10%) rotate(2deg); } + 75% { -moz-transform: translateX(-5%) rotate(-1deg); } + 100% { -moz-transform: translateX(0%); } +} + +@-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } +} + +@keyframes wobble { + 0% { transform: translateX(0%); } + 15% { transform: translateX(-25%) rotate(-5deg); } + 30% { transform: translateX(20%) rotate(3deg); } + 45% { transform: translateX(-15%) rotate(-3deg); } + 60% { transform: translateX(10%) rotate(2deg); } + 75% { transform: translateX(-5%) rotate(-1deg); } + 100% { transform: translateX(0%); } +} + +.animated.wobble { + -webkit-animation-name: wobble; + -moz-animation-name: wobble; + -o-animation-name: wobble; + animation-name: wobble; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { -webkit-transform: scale(1); } + 50% { -webkit-transform: scale(1.1); } + 100% { -webkit-transform: scale(1); } +} +@-moz-keyframes pulse { + 0% { -moz-transform: scale(1); } + 50% { -moz-transform: scale(1.1); } + 100% { -moz-transform: scale(1); } +} +@-o-keyframes pulse { + 0% { -o-transform: scale(1); } + 50% { -o-transform: scale(1.1); } + 100% { -o-transform: scale(1); } +} +@keyframes pulse { + 0% { transform: scale(1); } + 50% { transform: scale(1.1); } + 100% { transform: scale(1); } +} + +.animated.pulse { + -webkit-animation-name: pulse; + -moz-animation-name: pulse; + -o-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + } +} +@-moz-keyframes flip { + 0% { + -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -moz-animation-timing-function: ease-out; + } + 40% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -moz-animation-timing-function: ease-out; + } + 50% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -moz-animation-timing-function: ease-in; + } + 80% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -moz-animation-timing-function: ease-in; + } + 100% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -moz-animation-timing-function: ease-in; + } +} +@-o-keyframes flip { + 0% { + -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -o-animation-timing-function: ease-out; + } + 40% { + -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -o-animation-timing-function: ease-out; + } + 50% { + -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -o-animation-timing-function: ease-in; + } + 80% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -o-animation-timing-function: ease-in; + } + 100% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -o-animation-timing-function: ease-in; + } +} +@keyframes flip { + 0% { + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + animation-timing-function: ease-out; + } + 40% { + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + animation-timing-function: ease-out; + } + 50% { + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function: ease-in; + } + 80% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + animation-timing-function: ease-in; + } + 100% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flip; + -moz-backface-visibility: visible !important; + -moz-animation-name: flip; + -o-backface-visibility: visible !important; + -o-animation-name: flip; + backface-visibility: visible !important; + animation-name: flip; +} +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInX { + 0% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-o-keyframes flipInX { + 0% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@keyframes flipInX { + 0% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + transform: perspective(400px) rotateX(10deg); + } + + 100% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.animated.flipInX { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInX; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInX; + -o-backface-visibility: visible !important; + -o-animation-name: flipInX; + backface-visibility: visible !important; + animation-name: flipInX; +} +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-moz-keyframes flipOutX { + 0% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-o-keyframes flipOutX { + 0% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.animated.flipOutX { + -webkit-animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -moz-animation-name: flipOutX; + -moz-backface-visibility: visible !important; + -o-animation-name: flipOutX; + -o-backface-visibility: visible !important; + animation-name: flipOutX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInY { + 0% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-o-keyframes flipInY { + 0% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@keyframes flipInY { + 0% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + transform: perspective(400px) rotateY(10deg); + } + + 100% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.animated.flipInY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInY; + -o-backface-visibility: visible !important; + -o-animation-name: flipInY; + backface-visibility: visible !important; + animation-name: flipInY; +} +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-moz-keyframes flipOutY { + 0% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-o-keyframes flipOutY { + 0% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@keyframes flipOutY { + 0% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.animated.flipOutY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipOutY; + -o-backface-visibility: visible !important; + -o-animation-name: flipOutY; + backface-visibility: visible !important; + animation-name: flipOutY; +} +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-moz-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-o-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.animated.fadeIn { + -webkit-animation-name: fadeIn; + -moz-animation-name: fadeIn; + -o-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUp { + 0% { + opacity: 0; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUp { + 0% { + opacity: 0; + -o-transform: translateY(20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animated.fadeInUp { + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animated.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translateX(-20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.animated.fadeInLeft { + -webkit-animation-name: fadeInLeft; + -moz-animation-name: fadeInLeft; + -o-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRight { + 0% { + opacity: 0; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRight { + 0% { + opacity: 0; + -o-transform: translateX(20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + transform: translateX(20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.animated.fadeInRight { + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUpBig { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUpBig { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animated.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + -moz-animation-name: fadeInUpBig; + -o-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDownBig { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDownBig { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.animated.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + -moz-animation-name: fadeInDownBig; + -o-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@-moz-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} +@-o-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.animated.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + -moz-animation-name: fadeInLeftBig; + -o-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRightBig { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRightBig { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.animated.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + -moz-animation-name: fadeInRightBig; + -o-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-moz-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-o-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.animated.fadeOut { + -webkit-animation-name: fadeOut; + -moz-animation-name: fadeOut; + -o-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + } +} +@-moz-keyframes fadeOutUp { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-20px); + } +} +@-o-keyframes fadeOutUp { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-20px); + } +} +@keyframes fadeOutUp { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-20px); + } +} + +.animated.fadeOutUp { + -webkit-animation-name: fadeOutUp; + -moz-animation-name: fadeOutUp; + -o-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + } +} + +@-moz-keyframes fadeOutDown { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(20px); + } +} + +@-o-keyframes fadeOutDown { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(20px); + } +} + +.animated.fadeOutDown { + -webkit-animation-name: fadeOutDown; + -moz-animation-name: fadeOutDown; + -o-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + } +} + +@-moz-keyframes fadeOutLeft { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-20px); + } +} + +@-o-keyframes fadeOutLeft { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-20px); + } +} + +.animated.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + -moz-animation-name: fadeOutLeft; + -o-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + } +} + +@-moz-keyframes fadeOutRight { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(20px); + } +} + +@-o-keyframes fadeOutRight { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(20px); + } +} + +.animated.fadeOutRight { + -webkit-animation-name: fadeOutRight; + -moz-animation-name: fadeOutRight; + -o-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.animated.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + -moz-animation-name: fadeOutUpBig; + -o-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.animated.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + -moz-animation-name: fadeOutDownBig; + -o-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.animated.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + -moz-animation-name: fadeOutLeftBig; + -o-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} +@-moz-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} +@-o-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.animated.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + -moz-animation-name: fadeOutRightBig; + -o-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounceIn { + 0% { + opacity: 0; + -moz-transform: scale(.3); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.05); + } + + 70% { + -moz-transform: scale(.9); + } + + 100% { + -moz-transform: scale(1); + } +} + +@-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(.9); + } + + 100% { + -o-transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + transform: scale(.3); + } + + 50% { + opacity: 1; + transform: scale(1.05); + } + + 70% { + transform: scale(.9); + } + + 100% { + transform: scale(1); + } +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes slideInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes slideInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + -moz-animation-name: slideInDown; + -o-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes slideInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes slideInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + -moz-animation-name: slideInLeft; + -o-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes slideInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes slideInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + -moz-animation-name: slideInRight; + -o-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes slideOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes slideOutLeft { + 0% { + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + -moz-animation-name: slideOutLeft; + -o-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes slideOutRight { + 0% { + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes slideOutRight { + 0% { + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + -moz-animation-name: slideOutRight; + -o-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes slideOutUp { + 0% { + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes slideOutUp { + 0% { + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + -moz-animation-name: slideOutUp; + -o-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +.animated.bounceIn { + -webkit-animation-name: bounceIn; + -moz-animation-name: bounceIn; + -o-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} +@-moz-keyframes bounceInUp { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(-30px); + } + + 80% { + -moz-transform: translateY(10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInUp { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(-30px); + } + + 80% { + -o-transform: translateY(10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 60% { + opacity: 1; + transform: translateY(-30px); + } + + 80% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0); + } +} + +.animated.bounceInUp { + -webkit-animation-name: bounceInUp; + -moz-animation-name: bounceInUp; + -o-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(30px); + } + + 80% { + -moz-transform: translateY(-10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(30px); + } + + 80% { + -o-transform: translateY(-10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + transform: translateY(30px); + } + + 80% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.animated.bounceInDown { + -webkit-animation-name: bounceInDown; + -moz-animation-name: bounceInDown; + -o-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(30px); + } + + 80% { + -moz-transform: translateX(-10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(30px); + } + + 80% { + -o-transform: translateX(-10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + transform: translateX(30px); + } + + 80% { + transform: translateX(-10px); + } + + 100% { + transform: translateX(0); + } +} + +.animated.bounceInLeft { + -webkit-animation-name: bounceInLeft; + -moz-animation-name: bounceInLeft; + -o-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(-30px); + } + + 80% { + -moz-transform: translateX(10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(-30px); + } + + 80% { + -o-transform: translateX(10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 60% { + opacity: 1; + transform: translateX(-30px); + } + + 80% { + transform: translateX(10px); + } + + 100% { + transform: translateX(0); + } +} + +.animated.bounceInRight { + -webkit-animation-name: bounceInRight; + -moz-animation-name: bounceInRight; + -o-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + } +} + +@-moz-keyframes bounceOut { + 0% { + -moz-transform: scale(1); + } + + 25% { + -moz-transform: scale(.95); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.1); + } + + 100% { + opacity: 0; + -moz-transform: scale(.3); + } +} + +@-o-keyframes bounceOut { + 0% { + -o-transform: scale(1); + } + + 25% { + -o-transform: scale(.95); + } + + 50% { + opacity: 1; + -o-transform: scale(1.1); + } + + 100% { + opacity: 0; + -o-transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(.95); + } + + 50% { + opacity: 1; + transform: scale(1.1); + } + + 100% { + opacity: 0; + transform: scale(.3); + } +} + +.animated.bounceOut { + -webkit-animation-name: bounceOut; + -moz-animation-name: bounceOut; + -o-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes bounceOutUp { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes bounceOutUp { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(20px); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.animated.bounceOutUp { + -webkit-animation-name: bounceOutUp; + -moz-animation-name: bounceOutUp; + -o-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes bounceOutDown { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes bounceOutDown { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(-20px); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.animated.bounceOutDown { + -webkit-animation-name: bounceOutDown; + -moz-animation-name: bounceOutDown; + -o-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes bounceOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes bounceOutLeft { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(20px); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.animated.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + -moz-animation-name: bounceOutLeft; + -o-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes bounceOutRight { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes bounceOutRight { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(-20px); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.animated.bounceOutRight { + -webkit-animation-name: bounceOutRight; + -moz-animation-name: bounceOutRight; + -o-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } +} +@-moz-keyframes rotateIn { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } +} +@-o-keyframes rotateIn { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } +} +@keyframes rotateIn { + 0% { + transform-origin: center center; + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateIn { + -webkit-animation-name: rotateIn; + -moz-animation-name: rotateIn; + -o-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + -moz-animation-name: rotateInUpLeft; + -o-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + -moz-animation-name: rotateInDownLeft; + -o-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + -moz-animation-name: rotateInUpRight; + -o-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.animated.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + -moz-animation-name: rotateInDownRight; + -o-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(200deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOut { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(200deg); + opacity: 0; + } +} + +@-o-keyframes rotateOut { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: center center; + transform: rotate(200deg); + opacity: 0; + } +} + +.animated.rotateOut { + -webkit-animation-name: rotateOut; + -moz-animation-name: rotateOut; + -o-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.animated.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + -moz-animation-name: rotateOutUpLeft; + -o-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.animated.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + -moz-animation-name: rotateOutDownLeft; + -o-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.animated.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + -moz-animation-name: rotateOutUpRight; + -o-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.animated.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + -moz-animation-name: rotateOutDownRight; + -o-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes hinge { + 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 100% { -webkit-transform: translateY(700px); opacity: 0; } +} + +@-moz-keyframes hinge { + 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 100% { -moz-transform: translateY(700px); opacity: 0; } +} + +@-o-keyframes hinge { + 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 100% { -o-transform: translateY(700px); opacity: 0; } +} + +@keyframes hinge { + 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } + 100% { transform: translateY(700px); opacity: 0; } +} + +.animated.hinge { + -webkit-animation-name: hinge; + -moz-animation-name: hinge; + -o-animation-name: hinge; + animation-name: hinge; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } +} + +@-moz-keyframes rollIn { + 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } +} + +@-o-keyframes rollIn { + 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } +} + +@keyframes rollIn { + 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } +} + +.animated.rollIn { + -webkit-animation-name: rollIn; + -moz-animation-name: rollIn; + -o-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + } +} + +@-moz-keyframes rollOut { + 0% { + opacity: 1; + -moz-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -moz-transform: translateX(100%) rotate(120deg); + } +} + +@-o-keyframes rollOut { + 0% { + opacity: 1; + -o-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -o-transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + transform: translateX(100%) rotate(120deg); + } +} + +.animated.rollOut { + -webkit-animation-name: rollOut; + -moz-animation-name: rollOut; + -o-animation-name: rollOut; + animation-name: rollOut; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes lightSpeedIn { + 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-moz-keyframes lightSpeedIn { + 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-o-keyframes lightSpeedIn { + 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@keyframes lightSpeedIn { + 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +.animated.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + -moz-animation-name: lightSpeedIn; + -o-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +.animated.lightSpeedIn { + -webkit-animation-duration: 0.5s; + -moz-animation-duration: 0.5s; + -o-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +/* originally authored by Angelo Rohit - https://github.com/angelorohit */ + +@-webkit-keyframes lightSpeedOut { + 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-moz-keyframes lightSpeedOut { + 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-o-keyframes lightSpeedOut { + 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@keyframes lightSpeedOut { + 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +.animated.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + -moz-animation-name: lightSpeedOut; + -o-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +.animated.lightSpeedOut { + -webkit-animation-duration: 0.25s; + -moz-animation-duration: 0.25s; + -o-animation-duration: 0.25s; + animation-duration: 0.25s; +} \ No newline at end of file diff --git a/css/vendor/bootstrap-daterangepicker.css b/css/vendor/bootstrap-daterangepicker.css new file mode 100644 index 0000000..e493072 --- /dev/null +++ b/css/vendor/bootstrap-daterangepicker.css @@ -0,0 +1,273 @@ +/*! + * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x + * + * Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Built for http://www.improvely.com + */ + + .daterangepicker.dropdown-menu { + max-width: none; + z-index: 3000; +} + +.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { + float: left; + margin: 4px; +} + +.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { + float: right; + margin: 4px; +} + +.daterangepicker .ranges { + width: 160px; + text-align: left; +} + +.daterangepicker .ranges .range_inputs { + margin-top: 15px; +} + +.daterangepicker .ranges .range_inputs>div { + float: left; +} + +.daterangepicker .ranges .range_inputs>div:nth-child(2) { + padding-left: 11px; +} + +.daterangepicker .calendar { + display: none; + max-width: 270px; +} + +.daterangepicker.show-calendar .calendar { + display: block; +} + +.daterangepicker .calendar.single .calendar-date { + border: none; +} + +.daterangepicker .calendar th, .daterangepicker .calendar td { + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + white-space: nowrap; + text-align: center; + min-width: 32px; +} + +.daterangepicker .daterangepicker_start_input label, +.daterangepicker .daterangepicker_end_input label { + color: #333; + display: block; + font-size: 11px; + font-weight: normal; + height: 20px; + line-height: 20px; + margin-bottom: 2px; + text-shadow: #fff 1px 1px 0px; + text-transform: uppercase; + width: 74px; +} + +.daterangepicker .ranges input { + font-size: 11px; +} + +.daterangepicker .ranges .input-mini { + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px; + color: #555; + display: block; + font-size: 11px; + height: 30px; + line-height: 30px; + vertical-align: middle; + margin: 0 0 10px 0; + padding: 0 6px; + width: 74px; +} + +.daterangepicker .ranges ul { + list-style: none; + margin: 0; + padding: 0; +} + +.daterangepicker .ranges li { + font-size: 13px; + background: #f5f5f5; + border: 1px solid #f5f5f5; + color: #6757BD; + padding: 3px 12px; + margin-bottom: 8px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + cursor: pointer; + transition: all .1s linear; + -webkit-transition: all .1s linear; + -moz-transition: all .1s linear; +} + +.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { + background: #858BB9; + color: #fff; +} + +.daterangepicker .calendar-date { + border: 1px solid #ddd; + padding: 4px; + border-radius: 4px; + background: #fff; +} + +.daterangepicker .calendar-time { + text-align: center; + margin: 8px auto 0 auto; + line-height: 30px; +} + +.daterangepicker { + position: absolute; + background: #fff; + top: 100px; + left: 20px; + padding: 4px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.daterangepicker.opensleft:before { + position: absolute; + top: -7px; + right: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.daterangepicker.opensleft:after { + position: absolute; + top: -6px; + right: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-left: 6px solid transparent; + content: ''; +} + +.daterangepicker.opensright:before { + position: absolute; + top: -7px; + left: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.daterangepicker.opensright:after { + position: absolute; + top: -6px; + left: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-left: 6px solid transparent; + content: ''; +} + +.daterangepicker table { + width: 100%; + margin: 0; +} + +.daterangepicker td, .daterangepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + cursor: pointer; + white-space: nowrap; +} + +.daterangepicker td.off { + color: #999; +} + +.daterangepicker td.disabled { + color: #999; +} + +.daterangepicker td.available:hover, .daterangepicker th.available:hover { + background: #eee; +} + +.daterangepicker td.in-range { + background: #ebf4f8; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.daterangepicker td.active, .daterangepicker td.active:hover { + background-color: #357ebd; + border-color: #3071a9; + color: #fff; +} + +.daterangepicker td.week, .daterangepicker th.week { + font-size: 80%; + color: #ccc; +} + +.daterangepicker select.monthselect, .daterangepicker select.yearselect { + font-size: 12px; + padding: 1px; + height: auto; + margin: 0; + cursor: default; +} + +.daterangepicker select.monthselect { + margin-right: 2%; + width: 56%; +} + +.daterangepicker select.yearselect { + width: 40%; +} + +.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { + width: 50px; + margin-bottom: 0; +} + +.daterangepicker_start_input { + float: left; +} + +.daterangepicker_end_input { + float: left; + padding-left: 11px +} + +.daterangepicker th.month { + width: auto; +} \ No newline at end of file diff --git a/css/vendor/bootstrap-switch.min.css b/css/vendor/bootstrap-switch.min.css new file mode 100755 index 0000000..7dba24f --- /dev/null +++ b/css/vendor/bootstrap-switch.min.css @@ -0,0 +1,22 @@ +/* ======================================================================== + * bootstrap-switch - v3.0.0 + * http://www.bootstrap-switch.org + * ======================================================================== + * Copyright 2012-2013 Mattia Larentis + * + * ======================================================================== + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== + */ + +.bootstrap-switch{display:inline-block;cursor:pointer;border-radius:4px;border:1px solid;border-color:#ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;min-width:100px;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch.bootstrap-switch-mini{min-width:71px}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding-bottom:4px;padding-top:4px;font-size:10px;line-height:9px}.bootstrap-switch.bootstrap-switch-small{min-width:79px}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding-bottom:3px;padding-top:3px;font-size:12px;line-height:18px}.bootstrap-switch.bootstrap-switch-large{min-width:120px}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding-bottom:9px;padding-top:9px;font-size:16px;line-height:normal}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container{margin-left:0}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container{margin-left:-50%}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-readonly{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label{cursor:default!important}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bootstrap-switch .bootstrap-switch-container{display:inline-block;width:150%;top:0;border-radius:4px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block!important;height:100%;padding-bottom:4px;padding-top:4px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off{text-align:center;z-index:1;width:33.33333333%}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{color:#fff;background:#428bca}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;width:33.33333333%;color:#333;background:#fff}.bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox]{position:absolute!important;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:-1} \ No newline at end of file diff --git a/css/vendor/brankic.css b/css/vendor/brankic.css new file mode 100755 index 0000000..2d3347d --- /dev/null +++ b/css/vendor/brankic.css @@ -0,0 +1,1075 @@ +@font-face { + font-family: 'brankic'; + src:url('../../fonts/brankic.eot'); + src:url('../../fonts/brankic.eot?#iefix') format('embedded-opentype'), + url('../../fonts/brankic.ttf') format('truetype'), + url('../../fonts/brankic.woff') format('woff'), + url('../../fonts/brankic.svg#brankic') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="brankic-"], [class*=" brankic-"] { + font-family: 'brankic'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.brankic-number:before { + content: "\e600"; +} +.brankic-number2:before { + content: "\e601"; +} +.brankic-number3:before { + content: "\e602"; +} +.brankic-number4:before { + content: "\e603"; +} +.brankic-number5:before { + content: "\e604"; +} +.brankic-number6:before { + content: "\e605"; +} +.brankic-number7:before { + content: "\e606"; +} +.brankic-number8:before { + content: "\e607"; +} +.brankic-number9:before { + content: "\e608"; +} +.brankic-number10:before { + content: "\e609"; +} +.brankic-number11:before { + content: "\e60a"; +} +.brankic-number12:before { + content: "\e60b"; +} +.brankic-number13:before { + content: "\e60c"; +} +.brankic-number14:before { + content: "\e60d"; +} +.brankic-number15:before { + content: "\e60e"; +} +.brankic-number16:before { + content: "\e60f"; +} +.brankic-number17:before { + content: "\e610"; +} +.brankic-number18:before { + content: "\e611"; +} +.brankic-number19:before { + content: "\e612"; +} +.brankic-number20:before { + content: "\e613"; +} +.brankic-quote:before { + content: "\e614"; +} +.brankic-quote2:before { + content: "\e615"; +} +.brankic-tag:before { + content: "\e616"; +} +.brankic-tag2:before { + content: "\e617"; +} +.brankic-link:before { + content: "\e618"; +} +.brankic-link2:before { + content: "\e619"; +} +.brankic-cabinet:before { + content: "\e61a"; +} +.brankic-cabinet2:before { + content: "\e61b"; +} +.brankic-calendar:before { + content: "\e61c"; +} +.brankic-calendar2:before { + content: "\e61d"; +} +.brankic-calendar3:before { + content: "\e61e"; +} +.brankic-file:before { + content: "\e61f"; +} +.brankic-file2:before { + content: "\e620"; +} +.brankic-file3:before { + content: "\e621"; +} +.brankic-files:before { + content: "\e622"; +} +.brankic-phone:before { + content: "\e623"; +} +.brankic-tablet:before { + content: "\e624"; +} +.brankic-window:before { + content: "\e625"; +} +.brankic-monitor:before { + content: "\e626"; +} +.brankic-ipod:before { + content: "\e627"; +} +.brankic-tv:before { + content: "\e628"; +} +.brankic-camera:before { + content: "\e629"; +} +.brankic-camera2:before { + content: "\e62a"; +} +.brankic-camera3:before { + content: "\e62b"; +} +.brankic-film:before { + content: "\e62c"; +} +.brankic-film2:before { + content: "\e62d"; +} +.brankic-film3:before { + content: "\e62e"; +} +.brankic-microphone:before { + content: "\e62f"; +} +.brankic-microphone2:before { + content: "\e630"; +} +.brankic-microphone3:before { + content: "\e631"; +} +.brankic-drink:before { + content: "\e632"; +} +.brankic-drink2:before { + content: "\e633"; +} +.brankic-drink3:before { + content: "\e634"; +} +.brankic-drink4:before { + content: "\e635"; +} +.brankic-coffee:before { + content: "\e636"; +} +.brankic-mug:before { + content: "\e637"; +} +.brankic-ice-cream:before { + content: "\e638"; +} +.brankic-cake:before { + content: "\e639"; +} +.brankic-inbox:before { + content: "\e63a"; +} +.brankic-download:before { + content: "\e63b"; +} +.brankic-upload:before { + content: "\e63c"; +} +.brankic-inbox2:before { + content: "\e63d"; +} +.brankic-checkmark:before { + content: "\e63e"; +} +.brankic-checkmark2:before { + content: "\e63f"; +} +.brankic-cancel:before { + content: "\e640"; +} +.brankic-cancel2:before { + content: "\e641"; +} +.brankic-plus:before { + content: "\e642"; +} +.brankic-plus2:before { + content: "\e643"; +} +.brankic-minus:before { + content: "\e644"; +} +.brankic-minus2:before { + content: "\e645"; +} +.brankic-notice:before { + content: "\e646"; +} +.brankic-notice2:before { + content: "\e647"; +} +.brankic-cog:before { + content: "\e648"; +} +.brankic-cogs:before { + content: "\e649"; +} +.brankic-cog2:before { + content: "\e64a"; +} +.brankic-warning:before { + content: "\e64b"; +} +.brankic-health:before { + content: "\e64c"; +} +.brankic-suitcase:before { + content: "\e64d"; +} +.brankic-suitcase2:before { + content: "\e64e"; +} +.brankic-suitcase3:before { + content: "\e64f"; +} +.brankic-picture:before { + content: "\e650"; +} +.brankic-pictures:before { + content: "\e651"; +} +.brankic-pictures2:before { + content: "\e652"; +} +.brankic-android:before { + content: "\e653"; +} +.brankic-marvin:before { + content: "\e654"; +} +.brankic-pacman:before { + content: "\e655"; +} +.brankic-cassette:before { + content: "\e656"; +} +.brankic-watch:before { + content: "\e657"; +} +.brankic-chronometer:before { + content: "\e658"; +} +.brankic-watch2:before { + content: "\e659"; +} +.brankic-alarm-clock:before { + content: "\e65a"; +} +.brankic-time:before { + content: "\e65b"; +} +.brankic-time2:before { + content: "\e65c"; +} +.brankic-headphones:before { + content: "\e65d"; +} +.brankic-wallet:before { + content: "\e65e"; +} +.brankic-checkmark3:before { + content: "\e65f"; +} +.brankic-cancel3:before { + content: "\e660"; +} +.brankic-eye:before { + content: "\e661"; +} +.brankic-position:before { + content: "\e662"; +} +.brankic-site-map:before { + content: "\e663"; +} +.brankic-site-map2:before { + content: "\e664"; +} +.brankic-cloud:before { + content: "\e665"; +} +.brankic-upload2:before { + content: "\e666"; +} +.brankic-chart:before { + content: "\e667"; +} +.brankic-chart2:before { + content: "\e668"; +} +.brankic-chart3:before { + content: "\e669"; +} +.brankic-chart4:before { + content: "\e66a"; +} +.brankic-chart5:before { + content: "\e66b"; +} +.brankic-chart6:before { + content: "\e66c"; +} +.brankic-location:before { + content: "\e66d"; +} +.brankic-download2:before { + content: "\e66e"; +} +.brankic-basket:before { + content: "\e66f"; +} +.brankic-folder:before { + content: "\e670"; +} +.brankic-gamepad:before { + content: "\e671"; +} +.brankic-alarm:before { + content: "\e672"; +} +.brankic-alarm-cancel:before { + content: "\e673"; +} +.brankic-phone2:before { + content: "\e674"; +} +.brankic-phone3:before { + content: "\e675"; +} +.brankic-image:before { + content: "\e676"; +} +.brankic-open:before { + content: "\e677"; +} +.brankic-sale:before { + content: "\e678"; +} +.brankic-direction:before { + content: "\e679"; +} +.brankic-map:before { + content: "\e67a"; +} +.brankic-trashcan:before { + content: "\e67b"; +} +.brankic-vote:before { + content: "\e67c"; +} +.brankic-graduate:before { + content: "\e67d"; +} +.brankic-lab:before { + content: "\e67e"; +} +.brankic-tie:before { + content: "\e67f"; +} +.brankic-football:before { + content: "\e680"; +} +.brankic-eight-ball:before { + content: "\e681"; +} +.brankic-bowling:before { + content: "\e682"; +} +.brankic-bowling-pin:before { + content: "\e683"; +} +.brankic-baseball:before { + content: "\e684"; +} +.brankic-soccer:before { + content: "\e685"; +} +.brankic-3d-glasses:before { + content: "\e686"; +} +.brankic-microwave:before { + content: "\e687"; +} +.brankic-refrigerator:before { + content: "\e688"; +} +.brankic-oven:before { + content: "\e689"; +} +.brankic-washing-machine:before { + content: "\e68a"; +} +.brankic-mouse:before { + content: "\e68b"; +} +.brankic-smiley:before { + content: "\e68c"; +} +.brankic-sad:before { + content: "\e68d"; +} +.brankic-mute:before { + content: "\e68e"; +} +.brankic-hand:before { + content: "\e68f"; +} +.brankic-radio:before { + content: "\e690"; +} +.brankic-satellite:before { + content: "\e691"; +} +.brankic-medal:before { + content: "\e692"; +} +.brankic-medal2:before { + content: "\e693"; +} +.brankic-switch:before { + content: "\e694"; +} +.brankic-key:before { + content: "\e695"; +} +.brankic-cord:before { + content: "\e696"; +} +.brankic-locked:before { + content: "\e697"; +} +.brankic-unlocked:before { + content: "\e698"; +} +.brankic-locked2:before { + content: "\e699"; +} +.brankic-unlocked2:before { + content: "\e69a"; +} +.brankic-magnifier:before { + content: "\e69b"; +} +.brankic-zoom-in:before { + content: "\e69c"; +} +.brankic-zoom-out:before { + content: "\e69d"; +} +.brankic-stack:before { + content: "\e69e"; +} +.brankic-stack2:before { + content: "\e69f"; +} +.brankic-stack3:before { + content: "\e6a0"; +} +.brankic-david-star:before { + content: "\e6a1"; +} +.brankic-cross:before { + content: "\e6a2"; +} +.brankic-moon-andstar:before { + content: "\e6a3"; +} +.brankic-transformers:before { + content: "\e6a4"; +} +.brankic-batman:before { + content: "\e6a5"; +} +.brankic-space-invaders:before { + content: "\e6a6"; +} +.brankic-skeletor:before { + content: "\e6a7"; +} +.brankic-lamp:before { + content: "\e6a8"; +} +.brankic-lamp2:before { + content: "\e6a9"; +} +.brankic-umbrella:before { + content: "\e6aa"; +} +.brankic-street-light:before { + content: "\e6ab"; +} +.brankic-bomb:before { + content: "\e6ac"; +} +.brankic-archive:before { + content: "\e6ad"; +} +.brankic-battery:before { + content: "\e6ae"; +} +.brankic-battery2:before { + content: "\e6af"; +} +.brankic-battery3:before { + content: "\e6b0"; +} +.brankic-battery4:before { + content: "\e6b1"; +} +.brankic-battery5:before { + content: "\e6b2"; +} +.brankic-megaphone:before { + content: "\e6b3"; +} +.brankic-megaphone2:before { + content: "\e6b4"; +} +.brankic-patch:before { + content: "\e6b5"; +} +.brankic-pil:before { + content: "\e6b6"; +} +.brankic-injection:before { + content: "\e6b7"; +} +.brankic-thermometer:before { + content: "\e6b8"; +} +.brankic-lamp3:before { + content: "\e6b9"; +} +.brankic-lamp4:before { + content: "\e6ba"; +} +.brankic-lamp5:before { + content: "\e6bb"; +} +.brankic-cube:before { + content: "\e6bc"; +} +.brankic-box:before { + content: "\e6bd"; +} +.brankic-box2:before { + content: "\e6be"; +} +.brankic-diamond:before { + content: "\e6bf"; +} +.brankic-bag:before { + content: "\e6c0"; +} +.brankic-money-bag:before { + content: "\e6c1"; +} +.brankic-grid:before { + content: "\e6c2"; +} +.brankic-grid2:before { + content: "\e6c3"; +} +.brankic-list:before { + content: "\e6c4"; +} +.brankic-list2:before { + content: "\e6c5"; +} +.brankic-ruler:before { + content: "\e6c6"; +} +.brankic-ruler2:before { + content: "\e6c7"; +} +.brankic-layout:before { + content: "\e6c8"; +} +.brankic-layout2:before { + content: "\e6c9"; +} +.brankic-layout3:before { + content: "\e6ca"; +} +.brankic-layout4:before { + content: "\e6cb"; +} +.brankic-layout5:before { + content: "\e6cc"; +} +.brankic-layout6:before { + content: "\e6cd"; +} +.brankic-layout7:before { + content: "\e6ce"; +} +.brankic-layout8:before { + content: "\e6cf"; +} +.brankic-layout9:before { + content: "\e6d0"; +} +.brankic-layout10:before { + content: "\e6d1"; +} +.brankic-layout11:before { + content: "\e6d2"; +} +.brankic-layout12:before { + content: "\e6d3"; +} +.brankic-layout13:before { + content: "\e6d4"; +} +.brankic-layout14:before { + content: "\e6d5"; +} +.brankic-tools:before { + content: "\e6d6"; +} +.brankic-screwdriver:before { + content: "\e6d7"; +} +.brankic-paint:before { + content: "\e6d8"; +} +.brankic-hammer:before { + content: "\e6d9"; +} +.brankic-brush:before { + content: "\e6da"; +} +.brankic-pen:before { + content: "\e6db"; +} +.brankic-chat:before { + content: "\e6dc"; +} +.brankic-comments:before { + content: "\e6dd"; +} +.brankic-chat2:before { + content: "\e6de"; +} +.brankic-chat3:before { + content: "\e6df"; +} +.brankic-volume:before { + content: "\e6e0"; +} +.brankic-volume2:before { + content: "\e6e1"; +} +.brankic-volume3:before { + content: "\e6e2"; +} +.brankic-equalizer:before { + content: "\e6e3"; +} +.brankic-resize:before { + content: "\e6e4"; +} +.brankic-resize2:before { + content: "\e6e5"; +} +.brankic-stretch:before { + content: "\e6e6"; +} +.brankic-narrow:before { + content: "\e6e7"; +} +.brankic-resize3:before { + content: "\e6e8"; +} +.brankic-download3:before { + content: "\e6e9"; +} +.brankic-calculator:before { + content: "\e6ea"; +} +.brankic-library:before { + content: "\e6eb"; +} +.brankic-auction:before { + content: "\e6ec"; +} +.brankic-justice:before { + content: "\e6ed"; +} +.brankic-stats:before { + content: "\e6ee"; +} +.brankic-stats2:before { + content: "\e6ef"; +} +.brankic-attachment:before { + content: "\e6f0"; +} +.brankic-hourglass:before { + content: "\e6f1"; +} +.brankic-abacus:before { + content: "\e6f2"; +} +.brankic-pencil:before { + content: "\e6f3"; +} +.brankic-pen2:before { + content: "\e6f4"; +} +.brankic-pin:before { + content: "\e6f5"; +} +.brankic-pin2:before { + content: "\e6f6"; +} +.brankic-discout:before { + content: "\e6f7"; +} +.brankic-edit:before { + content: "\e6f8"; +} +.brankic-scissors:before { + content: "\e6f9"; +} +.brankic-profile:before { + content: "\e6fa"; +} +.brankic-profile2:before { + content: "\e6fb"; +} +.brankic-profile3:before { + content: "\e6fc"; +} +.brankic-rotate:before { + content: "\e6fd"; +} +.brankic-rotate2:before { + content: "\e6fe"; +} +.brankic-reply:before { + content: "\e6ff"; +} +.brankic-forward:before { + content: "\e700"; +} +.brankic-retweet:before { + content: "\e701"; +} +.brankic-shuffle:before { + content: "\e702"; +} +.brankic-loop:before { + content: "\e703"; +} +.brankic-crop:before { + content: "\e704"; +} +.brankic-square:before { + content: "\e705"; +} +.brankic-square2:before { + content: "\e706"; +} +.brankic-circle:before { + content: "\e707"; +} +.brankic-dollar:before { + content: "\e708"; +} +.brankic-dollar2:before { + content: "\e709"; +} +.brankic-coins:before { + content: "\e70a"; +} +.brankic-pig:before { + content: "\e70b"; +} +.brankic-bookmark:before { + content: "\e70c"; +} +.brankic-bookmark2:before { + content: "\e70d"; +} +.brankic-address-book:before { + content: "\e70e"; +} +.brankic-address-book2:before { + content: "\e70f"; +} +.brankic-safe:before { + content: "\e710"; +} +.brankic-envelope:before { + content: "\e711"; +} +.brankic-envelope2:before { + content: "\e712"; +} +.brankic-radio-active:before { + content: "\e713"; +} +.brankic-music:before { + content: "\e714"; +} +.brankic-presentation:before { + content: "\e715"; +} +.brankic-male:before { + content: "\e716"; +} +.brankic-female:before { + content: "\e717"; +} +.brankic-aids:before { + content: "\e718"; +} +.brankic-heart:before { + content: "\e719"; +} +.brankic-info:before { + content: "\e71a"; +} +.brankic-info2:before { + content: "\e71b"; +} +.brankic-piano:before { + content: "\e71c"; +} +.brankic-rain:before { + content: "\e71d"; +} +.brankic-snow:before { + content: "\e71e"; +} +.brankic-lightning:before { + content: "\e71f"; +} +.brankic-sun:before { + content: "\e720"; +} +.brankic-moon:before { + content: "\e721"; +} +.brankic-cloudy:before { + content: "\e722"; +} +.brankic-cloudy2:before { + content: "\e723"; +} +.brankic-car:before { + content: "\e724"; +} +.brankic-bike:before { + content: "\e725"; +} +.brankic-truck:before { + content: "\e726"; +} +.brankic-bus:before { + content: "\e727"; +} +.brankic-bike2:before { + content: "\e728"; +} +.brankic-plane:before { + content: "\e729"; +} +.brankic-paper-plane:before { + content: "\e72a"; +} +.brankic-rocket:before { + content: "\e72b"; +} +.brankic-book:before { + content: "\e72c"; +} +.brankic-book2:before { + content: "\e72d"; +} +.brankic-barcode:before { + content: "\e72e"; +} +.brankic-barcode2:before { + content: "\e72f"; +} +.brankic-expand:before { + content: "\e730"; +} +.brankic-collapse:before { + content: "\e731"; +} +.brankic-pop-out:before { + content: "\e732"; +} +.brankic-pop-in:before { + content: "\e733"; +} +.brankic-target:before { + content: "\e734"; +} +.brankic-badge:before { + content: "\e735"; +} +.brankic-badge2:before { + content: "\e736"; +} +.brankic-ticket:before { + content: "\e737"; +} +.brankic-ticket2:before { + content: "\e738"; +} +.brankic-ticket3:before { + content: "\e739"; +} +.brankic-microphone4:before { + content: "\e73a"; +} +.brankic-cone:before { + content: "\e73b"; +} +.brankic-blocked:before { + content: "\e73c"; +} +.brankic-stop:before { + content: "\e73d"; +} +.brankic-keyboard:before { + content: "\e73e"; +} +.brankic-keyboard2:before { + content: "\e73f"; +} +.brankic-radio2:before { + content: "\e740"; +} +.brankic-printer:before { + content: "\e741"; +} +.brankic-checked:before { + content: "\e742"; +} +.brankic-error:before { + content: "\e743"; +} +.brankic-add:before { + content: "\e744"; +} +.brankic-minus3:before { + content: "\e745"; +} +.brankic-alert:before { + content: "\e746"; +} +.brankic-pictures3:before { + content: "\e747"; +} +.brankic-atom:before { + content: "\e748"; +} +.brankic-eyedropper:before { + content: "\e749"; +} +.brankic-globe:before { + content: "\e74a"; +} +.brankic-globe2:before { + content: "\e74b"; +} +.brankic-shipping:before { + content: "\e74c"; +} +.brankic-ying-yang:before { + content: "\e74d"; +} +.brankic-compass:before { + content: "\e74e"; +} +.brankic-zip:before { + content: "\e74f"; +} +.brankic-zip2:before { + content: "\e750"; +} +.brankic-anchor:before { + content: "\e751"; +} +.brankic-locked-heart:before { + content: "\e752"; +} +.brankic-magnet:before { + content: "\e753"; +} +.brankic-navigation:before { + content: "\e754"; +} +.brankic-tags:before { + content: "\e755"; +} +.brankic-heart2:before { + content: "\e756"; +} +.brankic-heart3:before { + content: "\e757"; +} +.brankic-usb:before { + content: "\e758"; +} +.brankic-clipboard:before { + content: "\e759"; +} +.brankic-clipboard2:before { + content: "\e75a"; +} +.brankic-clipboard3:before { + content: "\e75b"; +} +.brankic-switch2:before { + content: "\e75c"; +} +.brankic-ruler3:before { + content: "\e75d"; +} diff --git a/css/vendor/datepicker.css b/css/vendor/datepicker.css new file mode 100755 index 0000000..df1712a --- /dev/null +++ b/css/vendor/datepicker.css @@ -0,0 +1,512 @@ +/*! + * Datepicker for Bootstrap + * + * Copyright 2012 Stefan Petre + * Improvements by Andrew Rowls + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + */ +.datepicker { + padding: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + direction: ltr; + /*.dow { + border-top: 1px solid #ddd !important; + }*/ +} +.datepicker-inline { + width: 220px; +} +.datepicker.datepicker-rtl { + direction: rtl; +} +.datepicker.datepicker-rtl table tr td span { + float: right; +} +.datepicker-dropdown { + top: 0; + left: 0; +} +.datepicker-dropdown:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-top: 0; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; +} +.datepicker-dropdown:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-top: 0; + position: absolute; +} +.datepicker-dropdown.datepicker-orient-left:before { + left: 6px; +} +.datepicker-dropdown.datepicker-orient-left:after { + left: 7px; +} +.datepicker-dropdown.datepicker-orient-right:before { + right: 6px; +} +.datepicker-dropdown.datepicker-orient-right:after { + right: 7px; +} +.datepicker-dropdown.datepicker-orient-top:before { + top: -7px; +} +.datepicker-dropdown.datepicker-orient-top:after { + top: -6px; +} +.datepicker-dropdown.datepicker-orient-bottom:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #999; +} +.datepicker-dropdown.datepicker-orient-bottom:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #ffffff; +} +.datepicker > div { + display: none; +} +.datepicker.days div.datepicker-days { + display: block; +} +.datepicker.months div.datepicker-months { + display: block; +} +.datepicker.years div.datepicker-years { + display: block; +} +.datepicker table { + margin: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.datepicker td, +.datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; +} +.table-striped .datepicker table tr td, +.table-striped .datepicker table tr th { + background-color: transparent; +} +.datepicker table tr td.day:hover, +.datepicker table tr td.day.focused { + background: #eeeeee; + cursor: pointer; +} +.datepicker table tr td.old, +.datepicker table tr td.new { + color: #999999; +} +.datepicker table tr td.disabled, +.datepicker table tr td.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker table tr td.today, +.datepicker table tr td.today:hover, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); + background-image: linear-gradient(top, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #000; +} +.datepicker table tr td.today:hover, +.datepicker table tr td.today:hover:hover, +.datepicker table tr td.today.disabled:hover, +.datepicker table tr td.today.disabled:hover:hover, +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today:hover.disabled, +.datepicker table tr td.today.disabled.disabled, +.datepicker table tr td.today.disabled:hover.disabled, +.datepicker table tr td.today[disabled], +.datepicker table tr td.today:hover[disabled], +.datepicker table tr td.today.disabled[disabled], +.datepicker table tr td.today.disabled:hover[disabled] { + background-color: #fdf59a; +} +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active { + background-color: #fbf069 \9; +} +.datepicker table tr td.today:hover:hover { + color: #000; +} +.datepicker table tr td.today.active:hover { + color: #fff; +} +.datepicker table tr td.range, +.datepicker table tr td.range:hover, +.datepicker table tr td.range.disabled, +.datepicker table tr td.range.disabled:hover { + background: #eeeeee; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.datepicker table tr td.range.today, +.datepicker table tr td.range.today:hover, +.datepicker table tr td.range.today.disabled, +.datepicker table tr td.range.today.disabled:hover { + background-color: #f3d17a; + background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); + background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); + background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); + background-image: linear-gradient(top, #f3c17a, #f3e97a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); + border-color: #f3e97a #f3e97a #edde34; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.datepicker table tr td.range.today:hover, +.datepicker table tr td.range.today:hover:hover, +.datepicker table tr td.range.today.disabled:hover, +.datepicker table tr td.range.today.disabled:hover:hover, +.datepicker table tr td.range.today:active, +.datepicker table tr td.range.today:hover:active, +.datepicker table tr td.range.today.disabled:active, +.datepicker table tr td.range.today.disabled:hover:active, +.datepicker table tr td.range.today.active, +.datepicker table tr td.range.today:hover.active, +.datepicker table tr td.range.today.disabled.active, +.datepicker table tr td.range.today.disabled:hover.active, +.datepicker table tr td.range.today.disabled, +.datepicker table tr td.range.today:hover.disabled, +.datepicker table tr td.range.today.disabled.disabled, +.datepicker table tr td.range.today.disabled:hover.disabled, +.datepicker table tr td.range.today[disabled], +.datepicker table tr td.range.today:hover[disabled], +.datepicker table tr td.range.today.disabled[disabled], +.datepicker table tr td.range.today.disabled:hover[disabled] { + background-color: #f3e97a; +} +.datepicker table tr td.range.today:active, +.datepicker table tr td.range.today:hover:active, +.datepicker table tr td.range.today.disabled:active, +.datepicker table tr td.range.today.disabled:hover:active, +.datepicker table tr td.range.today.active, +.datepicker table tr td.range.today:hover.active, +.datepicker table tr td.range.today.disabled.active, +.datepicker table tr td.range.today.disabled:hover.active { + background-color: #efe24b \9; +} +.datepicker table tr td.selected, +.datepicker table tr td.selected:hover, +.datepicker table tr td.selected.disabled, +.datepicker table tr td.selected.disabled:hover { + background-color: #9e9e9e; + background-image: -moz-linear-gradient(top, #CADDF3, #AAC8E4); + background-image: -ms-linear-gradient(top, #CADDF3, #AAC8E4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CADDF3), to(#AAC8E4)); + background-image: -webkit-linear-gradient(top, #CADDF3, #AAC8E4); + background-image: -o-linear-gradient(top, #CADDF3, #AAC8E4); + background-image: linear-gradient(top, #CADDF3, #AAC8E4); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CADDF3', endColorstr='#AAC8E4', GradientType=0); + border-color: #AAC8E4 #AAC8E4 #595959; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + font-weight: 600; +} +.datepicker table tr td.selected:hover, +.datepicker table tr td.selected:hover:hover, +.datepicker table tr td.selected.disabled:hover, +.datepicker table tr td.selected.disabled:hover:hover, +.datepicker table tr td.selected:active, +.datepicker table tr td.selected:hover:active, +.datepicker table tr td.selected.disabled:active, +.datepicker table tr td.selected.disabled:hover:active, +.datepicker table tr td.selected.active, +.datepicker table tr td.selected:hover.active, +.datepicker table tr td.selected.disabled.active, +.datepicker table tr td.selected.disabled:hover.active, +.datepicker table tr td.selected.disabled, +.datepicker table tr td.selected:hover.disabled, +.datepicker table tr td.selected.disabled.disabled, +.datepicker table tr td.selected.disabled:hover.disabled, +.datepicker table tr td.selected[disabled], +.datepicker table tr td.selected:hover[disabled], +.datepicker table tr td.selected.disabled[disabled], +.datepicker table tr td.selected.disabled:hover[disabled] { + background-color: #808080; +} +.datepicker table tr td.selected:active, +.datepicker table tr td.selected:hover:active, +.datepicker table tr td.selected.disabled:active, +.datepicker table tr td.selected.disabled:hover:active, +.datepicker table tr td.selected.active, +.datepicker table tr td.selected:hover.active, +.datepicker table tr td.selected.disabled.active, +.datepicker table tr td.selected.disabled:hover.active { + background-color: #666666 \9; +} +.datepicker table tr td.active, +.datepicker table tr td.active:hover, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td.active:hover, +.datepicker table tr td.active:hover:hover, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active.disabled:hover:hover, +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active:hover.disabled, +.datepicker table tr td.active.disabled.disabled, +.datepicker table tr td.active.disabled:hover.disabled, +.datepicker table tr td.active[disabled], +.datepicker table tr td.active:hover[disabled], +.datepicker table tr td.active.disabled[disabled], +.datepicker table tr td.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.datepicker table tr td span:hover { + background: #eeeeee; +} +.datepicker table tr td span.disabled, +.datepicker table tr td span.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker table tr td span.active, +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active:hover:hover, +.datepicker table tr td span.active.disabled:hover, +.datepicker table tr td span.active.disabled:hover:hover, +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active:hover.disabled, +.datepicker table tr td span.active.disabled.disabled, +.datepicker table tr td span.active.disabled:hover.disabled, +.datepicker table tr td span.active[disabled], +.datepicker table tr td span.active:hover[disabled], +.datepicker table tr td span.active.disabled[disabled], +.datepicker table tr td span.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker table tr td span.old, +.datepicker table tr td span.new { + color: #999999; +} +.datepicker th.datepicker-switch { + width: 145px; +} +.datepicker thead tr:first-child th, +.datepicker tfoot tr th { + cursor: pointer; +} +.datepicker thead tr:first-child th:hover, +.datepicker tfoot tr th:hover { + background: #eeeeee; +} +.datepicker .cw { + font-size: 10px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; +} +.datepicker thead tr:first-child th.cw { + cursor: default; + background-color: transparent; +} +.input-append.date .add-on i, +.input-prepend.date .add-on i { + cursor: pointer; + width: 16px; + height: 16px; +} +.input-daterange input { + text-align: center; +} +.input-daterange input:first-child { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.input-daterange input:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-daterange .add-on { + display: inline-block; + width: auto; + min-width: 16px; + height: 20px; + padding: 4px 5px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #ffffff; + vertical-align: middle; + background-color: #eeeeee; + border: 1px solid #ccc; + margin-left: -5px; + margin-right: -5px; +} +.datepicker.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + float: left; + display: none; + min-width: 160px; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + *border-right-width: 2px; + *border-bottom-width: 2px; + color: #333333; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + line-height: 20px; +} +.datepicker.dropdown-menu th, +.datepicker.dropdown-menu td { + padding: 4px 5px; +} diff --git a/css/vendor/entypo.css b/css/vendor/entypo.css new file mode 100755 index 0000000..05cd1cd --- /dev/null +++ b/css/vendor/entypo.css @@ -0,0 +1,877 @@ +@font-face { + font-family: 'entypo'; + src:url('../../fonts/entypo.eot'); + src:url('../../fonts/entypo.eot?#iefix') format('embedded-opentype'), + url('../../fonts/entypo.ttf') format('truetype'), + url('../../fonts/entypo.woff') format('woff'), + url('../../fonts/entypo.svg#entypo') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="entypo-"], [class*=" entypo-"] { + font-family: 'entypo'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.entypo-phone:before { + content: "\e609"; +} +.entypo-mobile:before { + content: "\e60a"; +} +.entypo-mouse:before { + content: "\e60b"; +} +.entypo-directions:before { + content: "\e60c"; +} +.entypo-mail:before { + content: "\e60d"; +} +.entypo-paperplane:before { + content: "\e60e"; +} +.entypo-pencil:before { + content: "\e60f"; +} +.entypo-feather:before { + content: "\e610"; +} +.entypo-paperclip:before { + content: "\e611"; +} +.entypo-drawer:before { + content: "\e612"; +} +.entypo-reply:before { + content: "\e613"; +} +.entypo-reply-all:before { + content: "\e614"; +} +.entypo-forward:before { + content: "\e615"; +} +.entypo-user:before { + content: "\e616"; +} +.entypo-users:before { + content: "\e617"; +} +.entypo-user-add:before { + content: "\e618"; +} +.entypo-vcard:before { + content: "\e619"; +} +.entypo-export:before { + content: "\e604"; +} +.entypo-location:before { + content: "\e61a"; +} +.entypo-map:before { + content: "\e61b"; +} +.entypo-compass:before { + content: "\e61c"; +} +.entypo-location2:before { + content: "\e61d"; +} +.entypo-target:before { + content: "\e61e"; +} +.entypo-share:before { + content: "\e61f"; +} +.entypo-sharable:before { + content: "\e620"; +} +.entypo-heart:before { + content: "\e621"; +} +.entypo-heart2:before { + content: "\e622"; +} +.entypo-star:before { + content: "\e623"; +} +.entypo-star2:before { + content: "\e624"; +} +.entypo-thumbs-up:before { + content: "\e625"; +} +.entypo-thumbs-down:before { + content: "\e626"; +} +.entypo-chat:before { + content: "\e606"; +} +.entypo-comment:before { + content: "\e627"; +} +.entypo-quote:before { + content: "\e628"; +} +.entypo-house:before { + content: "\e629"; +} +.entypo-popup:before { + content: "\e62a"; +} +.entypo-search:before { + content: "\e62b"; +} +.entypo-flashlight:before { + content: "\e62c"; +} +.entypo-printer:before { + content: "\e62d"; +} +.entypo-bell:before { + content: "\e62e"; +} +.entypo-link:before { + content: "\e62f"; +} +.entypo-flag:before { + content: "\e630"; +} +.entypo-cog:before { + content: "\e631"; +} +.entypo-tools:before { + content: "\e603"; +} +.entypo-trophy:before { + content: "\e632"; +} +.entypo-tag:before { + content: "\e633"; +} +.entypo-camera:before { + content: "\e634"; +} +.entypo-megaphone:before { + content: "\e635"; +} +.entypo-moon:before { + content: "\e636"; +} +.entypo-palette:before { + content: "\e637"; +} +.entypo-leaf:before { + content: "\e638"; +} +.entypo-music:before { + content: "\e639"; +} +.entypo-music2:before { + content: "\e63a"; +} +.entypo-new:before { + content: "\e63b"; +} +.entypo-graduation:before { + content: "\e63c"; +} +.entypo-book:before { + content: "\e63d"; +} +.entypo-newspaper:before { + content: "\e63e"; +} +.entypo-bag:before { + content: "\e63f"; +} +.entypo-airplane:before { + content: "\e640"; +} +.entypo-lifebuoy:before { + content: "\e641"; +} +.entypo-eye:before { + content: "\e605"; +} +.entypo-clock:before { + content: "\e642"; +} +.entypo-microphone:before { + content: "\e643"; +} +.entypo-calendar:before { + content: "\e644"; +} +.entypo-bolt:before { + content: "\e645"; +} +.entypo-thunder:before { + content: "\e646"; +} +.entypo-droplet:before { + content: "\e647"; +} +.entypo-cd:before { + content: "\e648"; +} +.entypo-briefcase:before { + content: "\e649"; +} +.entypo-air:before { + content: "\e64a"; +} +.entypo-hourglass:before { + content: "\e64b"; +} +.entypo-gauge:before { + content: "\e64c"; +} +.entypo-language:before { + content: "\e64d"; +} +.entypo-network:before { + content: "\e64e"; +} +.entypo-key:before { + content: "\e64f"; +} +.entypo-battery:before { + content: "\e650"; +} +.entypo-bucket:before { + content: "\e651"; +} +.entypo-magnet:before { + content: "\e652"; +} +.entypo-drive:before { + content: "\e653"; +} +.entypo-cup:before { + content: "\e654"; +} +.entypo-rocket:before { + content: "\e655"; +} +.entypo-brush:before { + content: "\e656"; +} +.entypo-suitcase:before { + content: "\e657"; +} +.entypo-cone:before { + content: "\e658"; +} +.entypo-earth:before { + content: "\e602"; +} +.entypo-keyboard:before { + content: "\e659"; +} +.entypo-browser:before { + content: "\e65a"; +} +.entypo-publish:before { + content: "\e600"; +} +.entypo-progress-3:before { + content: "\e65b"; +} +.entypo-progress-2:before { + content: "\e65c"; +} +.entypo-brogress-1:before { + content: "\e65d"; +} +.entypo-progress-0:before { + content: "\e65e"; +} +.entypo-sun:before { + content: "\e65f"; +} +.entypo-sun2:before { + content: "\e660"; +} +.entypo-adjust:before { + content: "\e661"; +} +.entypo-code:before { + content: "\e662"; +} +.entypo-screen:before { + content: "\e601"; +} +.entypo-infinity:before { + content: "\e663"; +} +.entypo-light-bulb:before { + content: "\e664"; +} +.entypo-credit-card:before { + content: "\e665"; +} +.entypo-database:before { + content: "\e666"; +} +.entypo-voicemail:before { + content: "\e667"; +} +.entypo-clipboard:before { + content: "\e668"; +} +.entypo-cart:before { + content: "\e669"; +} +.entypo-box:before { + content: "\e66a"; +} +.entypo-ticket:before { + content: "\e66b"; +} +.entypo-rss:before { + content: "\e66c"; +} +.entypo-signal:before { + content: "\e66d"; +} +.entypo-thermometer:before { + content: "\e66e"; +} +.entypo-droplets:before { + content: "\e66f"; +} +.entypo-uniE670:before { + content: "\e670"; +} +.entypo-statistics:before { + content: "\e671"; +} +.entypo-pie:before { + content: "\e672"; +} +.entypo-bars:before { + content: "\e673"; +} +.entypo-graph:before { + content: "\e674"; +} +.entypo-lock:before { + content: "\e608"; +} +.entypo-lock-open:before { + content: "\e675"; +} +.entypo-logout:before { + content: "\e676"; +} +.entypo-login:before { + content: "\e677"; +} +.entypo-checkmark:before { + content: "\e678"; +} +.entypo-cross:before { + content: "\e679"; +} +.entypo-minus:before { + content: "\e67a"; +} +.entypo-plus:before { + content: "\e67b"; +} +.entypo-cross2:before { + content: "\e67c"; +} +.entypo-minus2:before { + content: "\e67d"; +} +.entypo-plus2:before { + content: "\e67e"; +} +.entypo-cross3:before { + content: "\e67f"; +} +.entypo-minus3:before { + content: "\e680"; +} +.entypo-plus3:before { + content: "\e681"; +} +.entypo-erase:before { + content: "\e682"; +} +.entypo-blocked:before { + content: "\e683"; +} +.entypo-info:before { + content: "\e684"; +} +.entypo-info2:before { + content: "\e685"; +} +.entypo-question:before { + content: "\e686"; +} +.entypo-help:before { + content: "\e687"; +} +.entypo-warning:before { + content: "\e688"; +} +.entypo-cycle:before { + content: "\e689"; +} +.entypo-cw:before { + content: "\e68a"; +} +.entypo-ccw:before { + content: "\e68b"; +} +.entypo-shuffle:before { + content: "\e68c"; +} +.entypo-arrow:before { + content: "\e68d"; +} +.entypo-arrow2:before { + content: "\e68e"; +} +.entypo-retweet:before { + content: "\e68f"; +} +.entypo-loop:before { + content: "\e690"; +} +.entypo-history:before { + content: "\e691"; +} +.entypo-back:before { + content: "\e692"; +} +.entypo-switch:before { + content: "\e693"; +} +.entypo-list:before { + content: "\e694"; +} +.entypo-add-to-list:before { + content: "\e695"; +} +.entypo-layout:before { + content: "\e696"; +} +.entypo-list2:before { + content: "\e697"; +} +.entypo-text:before { + content: "\e698"; +} +.entypo-text2:before { + content: "\e699"; +} +.entypo-document:before { + content: "\e69a"; +} +.entypo-docs:before { + content: "\e69b"; +} +.entypo-landscape:before { + content: "\e69c"; +} +.entypo-pictures:before { + content: "\e69d"; +} +.entypo-video:before { + content: "\e69e"; +} +.entypo-music3:before { + content: "\e69f"; +} +.entypo-folder:before { + content: "\e6a0"; +} +.entypo-archive:before { + content: "\e6a1"; +} +.entypo-trash:before { + content: "\e6a2"; +} +.entypo-upload:before { + content: "\e607"; +} +.entypo-download:before { + content: "\e6a3"; +} +.entypo-disk:before { + content: "\e6a4"; +} +.entypo-install:before { + content: "\e6a5"; +} +.entypo-cloud:before { + content: "\e6a6"; +} +.entypo-upload:before { + content: "\e6a7"; +} +.entypo-bookmark:before { + content: "\e6a8"; +} +.entypo-bookmarks:before { + content: "\e6a9"; +} +.entypo-book2:before { + content: "\e6aa"; +} +.entypo-play:before { + content: "\e6ab"; +} +.entypo-pause:before { + content: "\e6ac"; +} +.entypo-record:before { + content: "\e6ad"; +} +.entypo-stop:before { + content: "\e6ae"; +} +.entypo-next:before { + content: "\e6af"; +} +.entypo-previous:before { + content: "\e6b0"; +} +.entypo-first:before { + content: "\e6b1"; +} +.entypo-last:before { + content: "\e6b2"; +} +.entypo-resize-enlarge:before { + content: "\e6b3"; +} +.entypo-resize-shrink:before { + content: "\e6b4"; +} +.entypo-volume:before { + content: "\e6b5"; +} +.entypo-sound:before { + content: "\e6b6"; +} +.entypo-mute:before { + content: "\e6b7"; +} +.entypo-flow-cascade:before { + content: "\e6b8"; +} +.entypo-flow-branch:before { + content: "\e6b9"; +} +.entypo-flow-tree:before { + content: "\e6ba"; +} +.entypo-flow-line:before { + content: "\e6bb"; +} +.entypo-flow-parallel:before { + content: "\e6bc"; +} +.entypo-arrow-left:before { + content: "\e6bd"; +} +.entypo-arrow-down:before { + content: "\e6be"; +} +.entypo-arrow-up--upload:before { + content: "\e6bf"; +} +.entypo-arrow-right:before { + content: "\e6c0"; +} +.entypo-arrow-left2:before { + content: "\e6c1"; +} +.entypo-arrow-down2:before { + content: "\e6c2"; +} +.entypo-arrow-up:before { + content: "\e6c3"; +} +.entypo-arrow-right2:before { + content: "\e6c4"; +} +.entypo-arrow-left3:before { + content: "\e6c5"; +} +.entypo-arrow-down3:before { + content: "\e6c6"; +} +.entypo-arrow-up2:before { + content: "\e6c7"; +} +.entypo-arrow-right3:before { + content: "\e6c8"; +} +.entypo-arrow-left4:before { + content: "\e6c9"; +} +.entypo-arrow-down4:before { + content: "\e6ca"; +} +.entypo-arrow-up3:before { + content: "\e6cb"; +} +.entypo-arrow-right4:before { + content: "\e6cc"; +} +.entypo-arrow-left5:before { + content: "\e6cd"; +} +.entypo-arrow-down5:before { + content: "\e6ce"; +} +.entypo-arrow-up4:before { + content: "\e6cf"; +} +.entypo-arrow-right5:before { + content: "\e6d0"; +} +.entypo-arrow-left6:before { + content: "\e6d1"; +} +.entypo-arrow-down6:before { + content: "\e6d2"; +} +.entypo-arrow-up5:before { + content: "\e6d3"; +} +.entypo-arrow-right6:before { + content: "\e6d4"; +} +.entypo-arrow-left7:before { + content: "\e6d5"; +} +.entypo-arrow-down7:before { + content: "\e6d6"; +} +.entypo-arrow-up6:before { + content: "\e6d7"; +} +.entypo-uniE6D8:before { + content: "\e6d8"; +} +.entypo-arrow-left8:before { + content: "\e6d9"; +} +.entypo-arrow-down8:before { + content: "\e6da"; +} +.entypo-arrow-up7:before { + content: "\e6db"; +} +.entypo-arrow-right7:before { + content: "\e6dc"; +} +.entypo-menu:before { + content: "\e6dd"; +} +.entypo-ellipsis:before { + content: "\e6de"; +} +.entypo-dots:before { + content: "\e6df"; +} +.entypo-dot:before { + content: "\e6e0"; +} +.entypo-cc:before { + content: "\e6e1"; +} +.entypo-cc-by:before { + content: "\e6e2"; +} +.entypo-cc-nc:before { + content: "\e6e3"; +} +.entypo-cc-nc-eu:before { + content: "\e6e4"; +} +.entypo-cc-nc-jp:before { + content: "\e6e5"; +} +.entypo-cc-sa:before { + content: "\e6e6"; +} +.entypo-cc-nd:before { + content: "\e6e7"; +} +.entypo-cc-pd:before { + content: "\e6e8"; +} +.entypo-cc-zero:before { + content: "\e6e9"; +} +.entypo-cc-share:before { + content: "\e6ea"; +} +.entypo-cc-share2:before { + content: "\e6eb"; +} +.entypo-daniel-bruce:before { + content: "\e6ec"; +} +.entypo-daniel-bruce2:before { + content: "\e6ed"; +} +.entypo-github:before { + content: "\e6ee"; +} +.entypo-github2:before { + content: "\e6ef"; +} +.entypo-flickr:before { + content: "\e6f0"; +} +.entypo-flickr2:before { + content: "\e6f1"; +} +.entypo-vimeo:before { + content: "\e6f2"; +} +.entypo-vimeo2:before { + content: "\e6f3"; +} +.entypo-twitter:before { + content: "\e6f4"; +} +.entypo-twitter2:before { + content: "\e6f5"; +} +.entypo-facebook:before { + content: "\e6f6"; +} +.entypo-facebook2:before { + content: "\e6f7"; +} +.entypo-facebook3:before { + content: "\e6f8"; +} +.entypo-googleplus:before { + content: "\e6f9"; +} +.entypo-googleplus2:before { + content: "\e6fa"; +} +.entypo-pinterest:before { + content: "\e6fb"; +} +.entypo-pinterest2:before { + content: "\e6fc"; +} +.entypo-tumblr:before { + content: "\e6fd"; +} +.entypo-tumblr2:before { + content: "\e6fe"; +} +.entypo-linkedin:before { + content: "\e6ff"; +} +.entypo-linkedin2:before { + content: "\e700"; +} +.entypo-dribbble:before { + content: "\e701"; +} +.entypo-dribbble2:before { + content: "\e702"; +} +.entypo-stumbleupon:before { + content: "\e703"; +} +.entypo-stumbleupon2:before { + content: "\e704"; +} +.entypo-lastfm:before { + content: "\e705"; +} +.entypo-lastfm2:before { + content: "\e706"; +} +.entypo-rdio:before { + content: "\e707"; +} +.entypo-rdio2:before { + content: "\e708"; +} +.entypo-spotify:before { + content: "\e709"; +} +.entypo-spotify2:before { + content: "\e70a"; +} +.entypo-qq:before { + content: "\e70b"; +} +.entypo-instagram:before { + content: "\e70c"; +} +.entypo-dropbox:before { + content: "\e70d"; +} +.entypo-evernote:before { + content: "\e70e"; +} +.entypo-flattr:before { + content: "\e70f"; +} +.entypo-skype:before { + content: "\e710"; +} +.entypo-skype2:before { + content: "\e711"; +} +.entypo-renren:before { + content: "\e712"; +} +.entypo-sina-weibo:before { + content: "\e713"; +} +.entypo-paypal:before { + content: "\e714"; +} +.entypo-picasa:before { + content: "\e715"; +} +.entypo-soundcloud:before { + content: "\e716"; +} +.entypo-mixi:before { + content: "\e717"; +} +.entypo-behance:before { + content: "\e718"; +} +.entypo-circles:before { + content: "\e719"; +} +.entypo-vk:before { + content: "\e71a"; +} +.entypo-smashing:before { + content: "\e71b"; +} diff --git a/css/vendor/font-awesome.css b/css/vendor/font-awesome.css new file mode 100644 index 0000000..95a0d01 --- /dev/null +++ b/css/vendor/font-awesome.css @@ -0,0 +1,1341 @@ +/*! + * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../../fonts/fontawesome-webfont.eot?v=4.0.3'); + src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), + url('../../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), + url('../../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), + url('../../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.3333333333333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.2857142857142858em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.142857142857143em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.142857142857143em; + width: 2.142857142857143em; + top: 0.14285714285714285em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.8571428571428572em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: spin 2s infinite linear; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-asc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-desc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-reply-all:before { + content: "\f122"; +} +.fa-mail-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} diff --git a/css/vendor/font-awesome.min.css b/css/vendor/font-awesome.min.css new file mode 100644 index 0000000..dbe5296 --- /dev/null +++ b/css/vendor/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} \ No newline at end of file diff --git a/css/vendor/fullcalendar.css b/css/vendor/fullcalendar.css new file mode 100644 index 0000000..d191c36 --- /dev/null +++ b/css/vendor/fullcalendar.css @@ -0,0 +1,602 @@ +/*! + * FullCalendar v1.6.1 Stylesheet + * Docs & License: http://arshaw.com/fullcalendar/ + * (c) 2013 Adam Shaw + */ + + +.fc { + direction: ltr; + text-align: left; + } + +.fc table { + border-collapse: collapse; + border-spacing: 0; + } + +html .fc, +.fc table { + font-size: 1em; + } + +.fc td, +.fc th { + padding: 0; + vertical-align: top; + } + + + +/* Header +------------------------------------------------------------------------*/ +.fc-header { + margin-bottom: 25px; + } +.fc-header td { + white-space: nowrap; + } + +.fc-header-left { + width: 25%; + text-align: left; + } + +.fc-header-center { + text-align: center; + } + +.fc-header-right { + width: 25%; + text-align: right; + } + +.fc-header-title { + display: inline-block; + vertical-align: top; + } + +.fc-header-title h2 { + margin-top: 0; + white-space: nowrap; + font-weight: 600; + font-size: 20px; + } + +.fc .fc-header-space { + padding-left: 10px; + } + +.fc-header .fc-button { + margin-bottom: 1em; + vertical-align: top; + height: 29px; + } + +/* buttons edges butting together */ + +.fc-header .fc-button { + margin-right: -1px; + } + +.fc-header .fc-corner-right, /* non-theme */ +.fc-header .ui-corner-right { /* theme */ + margin-right: 0; /* back to normal */ + } + +/* button layering (for border precedence) */ + +.fc-header .fc-state-hover, +.fc-header .ui-state-hover { + z-index: 2; + } + +.fc-header .fc-state-down { + z-index: 3; + } + +.fc-header .fc-state-active, +.fc-header .ui-state-active { + z-index: 4; + } + + + +/* Content +------------------------------------------------------------------------*/ + +.fc-content { + clear: both; + } + +.fc-view { + width: 100%; /* needed for view switching (when view is absolute) */ + overflow: hidden; + } + + + +/* Cell Styles +------------------------------------------------------------------------*/ + +.fc-widget-header, /* , usually */ +.fc-widget-content { /* , usually */ + border: 1px solid #ebf0f2; + } + +.fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ + background: #fcf8e3; + } + +.fc-cell-overlay { /* semi-transparent rectangle while dragging */ + background: #bce8f1; + opacity: .3; + filter: alpha(opacity=30); /* for IE */ + } + + + +/* Buttons +------------------------------------------------------------------------*/ + +.fc-button { + position: relative; + display: inline-block; + padding: 0 .6em; + overflow: hidden; + height: 1.9em; + line-height: 1.9em; + white-space: nowrap; + cursor: pointer; + } + +.fc-state-default { /* non-theme */ + border: 1px solid; + } + +.fc-state-default.fc-corner-left { /* non-theme */ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + +.fc-state-default.fc-corner-right { /* non-theme */ + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + +/* + Our default prev/next buttons use HTML entities like ‹ › « » + and we'll try to make them look good cross-browser. +*/ + +.fc-text-arrow { + margin: 0 .1em; + font-size: 2em; + font-family: "Courier New", Courier, monospace; + vertical-align: baseline; /* for IE7 */ + } + +.fc-button-prev .fc-text-arrow, +.fc-button-next .fc-text-arrow { /* for ‹ › */ + font-weight: bold; + } + +/* icon (for jquery ui) */ + +.fc-button .fc-icon-wrap { + position: relative; + float: left; + top: 50%; + } + +.fc-button .ui-icon { + position: relative; + float: left; + margin-top: -50%; + *margin-top: 0; + *top: -50%; + } + +/* + button states + borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) +*/ + +.fc-state-default { + font-size: 12px; + font-family: "Open sans", Helvetica, Arial; + color: #313d4c; + font-weight: 700; + padding: 2px 10px; + background: #fefefe; /* Old browsers */ + background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fefefe 0%,#f7f7f7 100%); /* IE10+ */ + background: linear-gradient(to bottom, #fefefe 0%,#f7f7f7 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ + border: 1px solid #d0dde9; + + transition: color .1s linear; + -moz-transition: color .1s linear; /* Firefox 4 */ + -webkit-transition: color .1s linear; /* Safari and Chrome */ + -o-transition: color .1s linear; /* Opera */ + } + +/*.fc-state-hover,*/ +.fc-state-down, +.fc-state-active, +.fc-state-disabled { + -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset; + -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset; + box-shadow:0 1px 0 rgba(0,0,0,0.2) inset; + color: #a8b5c7; + } + +.fc-state-hover { + color: #a8b5c7; + text-decoration: none; + } + +.fc-state-down, +.fc-state-active { + outline: 0; + /*box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);*/ + } + +.fc-state-disabled { + cursor: default; + /*background-image: none;*/ + opacity: 8.5; + filter: alpha(opacity=85); + box-shadow: none; + } + + + +/* Global Event Styles +------------------------------------------------------------------------*/ + +.fc-event { + border: 0px solid #3a87ad; /* default BORDER color */ + background-color: #3a87ad; /* default BACKGROUND color */ + color: #fff; /* default TEXT color */ + font-size: 13px; + cursor: default; + font-family: 'Helvetica Neue', Arial; + } + +a.fc-event { + text-decoration: none; + } +a.fc-event:hover { + color: #fff; + } + +a.fc-event, +.fc-event-draggable { + cursor: pointer; + } + +.fc-rtl .fc-event { + text-align: right; + } + +.fc-event-inner { + width: 100%; + height: 100%; + overflow: hidden; + } + +.fc-event-time, +.fc-event-title { + padding: 0 2px; + } + +.fc .ui-resizable-handle { + display: block; + position: absolute; + z-index: 99999; + overflow: hidden; /* hacky spaces (IE6/7) */ + font-size: 300%; /* */ + line-height: 50%; /* */ + } + + + +/* Horizontal Events +------------------------------------------------------------------------*/ + +.fc-event-hori { + border-width: 0; + margin-bottom: 1px; + } + +.fc-ltr .fc-event-hori.fc-event-start, +.fc-rtl .fc-event-hori.fc-event-end { + border-left-width: 1px; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + } + +.fc-ltr .fc-event-hori.fc-event-end, +.fc-rtl .fc-event-hori.fc-event-start { + border-right-width: 1px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + } + +/* resizable */ + +.fc-event-hori .ui-resizable-e { + top: 0 !important; /* importants override pre jquery ui 1.7 styles */ + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; + } + +.fc-event-hori .ui-resizable-w { + top: 0 !important; + left: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: w-resize; + } + +.fc-event-hori .ui-resizable-handle { + _padding-bottom: 14px; /* IE6 had 0 height */ + } + + + +/* Reusable Separate-border Table +------------------------------------------------------------*/ + +table.fc-border-separate { + border-collapse: separate; + } + +.fc-border-separate th, +.fc-border-separate td { + border-width: 1px 0 0 1px; + } + +.fc-border-separate th.fc-last, +.fc-border-separate td.fc-last { + border-right-width: 1px; + } + +.fc-border-separate tr.fc-last th, +.fc-border-separate tr.fc-last td { + border-bottom-width: 1px; + } + +.fc-border-separate tbody tr.fc-first td, +.fc-border-separate tbody tr.fc-first th { + border-top-width: 0; + } + + + +/* Month View, Basic Week View, Basic Day View +------------------------------------------------------------------------*/ + +.fc-grid th { + text-align: right; + border-width: 0px 0px 1px 0px !important; + padding-right: 15px; + color: #a9b6c5; + text-transform: uppercase; + font-weight: lighter; + padding-bottom: 10px; + } + +.fc .fc-week-number { + width: 22px; + text-align: center; + } + +.fc .fc-week-number div { + padding: 0 2px; + } + +.fc-grid .fc-day-number { + float: right; + padding: 5px 10px 0px 0px; + color: #a9aeb3; + font-size: 13px; + } +.fc-state-highlight .fc-day-number { + color: #000; + font-weight: 600; + } + +.fc-grid .fc-other-month .fc-day-number { + opacity: 0.3; + filter: alpha(opacity=30); /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ + } + +.fc-grid .fc-day-content { + clear: both; + padding: 2px 2px 1px; /* distance between events and day edges */ + } + +/* event styles */ + +.fc-grid .fc-event-time { + font-weight: bold; + } + +/* right-to-left */ + +.fc-rtl .fc-grid .fc-day-number { + float: left; + } + +.fc-rtl .fc-grid .fc-event-time { + float: right; + } + + + +/* Agenda Week View, Agenda Day View +------------------------------------------------------------------------*/ + +.fc-agenda table { + border-collapse: separate; + } + +.fc-agenda-days th { + text-align: center; + } + +.fc-agenda .fc-agenda-axis { + width: 50px; + padding: 0 4px; + vertical-align: middle; + text-align: right; + white-space: nowrap; + font-weight: normal; + } + +.fc-agenda .fc-week-number { + font-weight: bold; + } + +.fc-agenda .fc-day-content { + padding: 2px 2px 1px; + } + +/* make axis border take precedence */ + +.fc-agenda-days .fc-agenda-axis { + border-right-width: 1px; + } + +.fc-agenda-days .fc-col0 { + border-left-width: 0; + } + +/* all-day area */ + +.fc-agenda-allday th { + border-width: 0 1px; + } + +.fc-agenda-allday .fc-day-content { + min-height: 34px; /* TODO: doesnt work well in quirksmode */ + _height: 34px; + } + +/* divider (between all-day and slots) */ + +.fc-agenda-divider-inner { + height: 2px; + overflow: hidden; + } + +.fc-widget-header .fc-agenda-divider-inner { + background: #eee; + } + +/* slot rows */ + +.fc-agenda-slots th { + border-width: 1px 1px 0; + } + +.fc-agenda-slots td { + border-width: 1px 0 0; + background: none; + } + +.fc-agenda-slots td div { + height: 20px; + } + +.fc-agenda-slots tr.fc-slot0 th, +.fc-agenda-slots tr.fc-slot0 td { + border-top-width: 0; + } + +.fc-agenda-slots tr.fc-minor th, +.fc-agenda-slots tr.fc-minor td { + border-top-style: dotted; + } + +.fc-agenda-slots tr.fc-minor th.ui-widget-header { + *border-top-style: solid; /* doesn't work with background in IE6/7 */ + } + + + +/* Vertical Events +------------------------------------------------------------------------*/ + +.fc-event-vert { + border-width: 0 1px; + } + +.fc-event-vert.fc-event-start { + border-top-width: 1px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + +.fc-event-vert.fc-event-end { + border-bottom-width: 1px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + +.fc-event-vert .fc-event-time { + white-space: nowrap; + font-size: 10px; + } + +.fc-event-vert .fc-event-inner { + position: relative; + z-index: 2; + } + +.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #fff; + opacity: .25; + filter: alpha(opacity=25); + } + +.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ +.fc-select-helper .fc-event-bg { + display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ + } + +/* resizable */ + +.fc-event-vert .ui-resizable-s { + bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ + width: 100% !important; + height: 8px !important; + overflow: hidden !important; + line-height: 8px !important; + font-size: 11px !important; + font-family: monospace; + text-align: center; + cursor: s-resize; + } + +.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ + _overflow: hidden; + } + + diff --git a/css/vendor/fullcalendar.print.css b/css/vendor/fullcalendar.print.css new file mode 100644 index 0000000..8fea38d --- /dev/null +++ b/css/vendor/fullcalendar.print.css @@ -0,0 +1,32 @@ +/*! + * FullCalendar v1.6.1 Print Stylesheet + * Docs & License: http://arshaw.com/fullcalendar/ + * (c) 2013 Adam Shaw + */ + +/* + * Include this stylesheet on your page to get a more printer-friendly calendar. + * When including this stylesheet, use the media='print' attribute of the tag. + * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css. + */ + + + /* Events +-----------------------------------------------------*/ + +.fc-event { + background: #fff !important; + color: #000 !important; + } + +/* for vertical events */ + +.fc-event-bg { + display: none !important; + } + +.fc-event .ui-resizable-handle { + display: none !important; + } + + diff --git a/css/vendor/icomoon.css b/css/vendor/icomoon.css new file mode 100755 index 0000000..49a527b --- /dev/null +++ b/css/vendor/icomoon.css @@ -0,0 +1,1378 @@ +@font-face { + font-family: 'icomoon'; + src:url('../../fonts/icomoon.eot'); + src:url('../../fonts/icomoon.eot?#iefix') format('embedded-opentype'), + url('../../fonts/icomoon.ttf') format('truetype'), + url('../../fonts/icomoon.woff') format('woff'), + url('../../fonts/icomoon.svg#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icomoon-"], [class*=" icomoon-"] { + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icomoon-home:before { + content: "\e609"; +} +.icomoon-home2:before { + content: "\e60a"; +} +.icomoon-home3:before { + content: "\e60b"; +} +.icomoon-office:before { + content: "\e60c"; +} +.icomoon-newspaper:before { + content: "\e60d"; +} +.icomoon-pencil:before { + content: "\e60e"; +} +.icomoon-pencil2:before { + content: "\e60f"; +} +.icomoon-quill:before { + content: "\e610"; +} +.icomoon-pen:before { + content: "\e611"; +} +.icomoon-blog:before { + content: "\e612"; +} +.icomoon-droplet:before { + content: "\e613"; +} +.icomoon-paint-format:before { + content: "\e614"; +} +.icomoon-image:before { + content: "\e615"; +} +.icomoon-image2:before { + content: "\e616"; +} +.icomoon-images:before { + content: "\e617"; +} +.icomoon-camera:before { + content: "\e618"; +} +.icomoon-music:before { + content: "\e619"; +} +.icomoon-headphones:before { + content: "\e61a"; +} +.icomoon-play:before { + content: "\e61b"; +} +.icomoon-film:before { + content: "\e61c"; +} +.icomoon-camera2:before { + content: "\e61d"; +} +.icomoon-dice:before { + content: "\e61e"; +} +.icomoon-pacman:before { + content: "\e61f"; +} +.icomoon-spades:before { + content: "\e620"; +} +.icomoon-clubs:before { + content: "\e621"; +} +.icomoon-diamonds:before { + content: "\e622"; +} +.icomoon-pawn:before { + content: "\e623"; +} +.icomoon-bullhorn:before { + content: "\e624"; +} +.icomoon-connection:before { + content: "\e625"; +} +.icomoon-podcast:before { + content: "\e626"; +} +.icomoon-feed:before { + content: "\e627"; +} +.icomoon-book:before { + content: "\e628"; +} +.icomoon-books:before { + content: "\e629"; +} +.icomoon-library:before { + content: "\e62a"; +} +.icomoon-file:before { + content: "\e62b"; +} +.icomoon-profile:before { + content: "\e62c"; +} +.icomoon-file2:before { + content: "\e62d"; +} +.icomoon-file3:before { + content: "\e62e"; +} +.icomoon-file4:before { + content: "\e62f"; +} +.icomoon-copy:before { + content: "\e630"; +} +.icomoon-copy2:before { + content: "\e631"; +} +.icomoon-copy3:before { + content: "\e632"; +} +.icomoon-paste:before { + content: "\e633"; +} +.icomoon-paste2:before { + content: "\e634"; +} +.icomoon-paste3:before { + content: "\e635"; +} +.icomoon-stack:before { + content: "\e636"; +} +.icomoon-folder:before { + content: "\e637"; +} +.icomoon-folder-open:before { + content: "\e638"; +} +.icomoon-tag:before { + content: "\e639"; +} +.icomoon-tags:before { + content: "\e63a"; +} +.icomoon-barcode:before { + content: "\e63b"; +} +.icomoon-qrcode:before { + content: "\e63c"; +} +.icomoon-ticket:before { + content: "\e63d"; +} +.icomoon-cart:before { + content: "\e63e"; +} +.icomoon-cart2:before { + content: "\e63f"; +} +.icomoon-cart3:before { + content: "\e640"; +} +.icomoon-coin:before { + content: "\e641"; +} +.icomoon-credit:before { + content: "\e642"; +} +.icomoon-calculate:before { + content: "\e643"; +} +.icomoon-support:before { + content: "\e644"; +} +.icomoon-phone:before { + content: "\e645"; +} +.icomoon-phone-hang-up:before { + content: "\e646"; +} +.icomoon-address-book:before { + content: "\e647"; +} +.icomoon-notebook:before { + content: "\e648"; +} +.icomoon-envelop:before { + content: "\e649"; +} +.icomoon-pushpin:before { + content: "\e64a"; +} +.icomoon-location:before { + content: "\e64b"; +} +.icomoon-location2:before { + content: "\e64c"; +} +.icomoon-compass:before { + content: "\e64d"; +} +.icomoon-map:before { + content: "\e64e"; +} +.icomoon-map2:before { + content: "\e64f"; +} +.icomoon-history:before { + content: "\e650"; +} +.icomoon-clock:before { + content: "\e651"; +} +.icomoon-clock2:before { + content: "\e652"; +} +.icomoon-alarm:before { + content: "\e653"; +} +.icomoon-alarm2:before { + content: "\e654"; +} +.icomoon-bell:before { + content: "\e655"; +} +.icomoon-stopwatch:before { + content: "\e656"; +} +.icomoon-calendar:before { + content: "\e657"; +} +.icomoon-calendar2:before { + content: "\e658"; +} +.icomoon-print:before { + content: "\e659"; +} +.icomoon-keyboard:before { + content: "\e65a"; +} +.icomoon-screen2:before { + content: "\e65b"; +} +.icomoon-laptop:before { + content: "\e65c"; +} +.icomoon-mobile:before { + content: "\e65d"; +} +.icomoon-mobile2:before { + content: "\e65e"; +} +.icomoon-tablet:before { + content: "\e65f"; +} +.icomoon-tv:before { + content: "\e660"; +} +.icomoon-cabinet:before { + content: "\e661"; +} +.icomoon-drawer:before { + content: "\e662"; +} +.icomoon-drawer2:before { + content: "\e663"; +} +.icomoon-drawer3:before { + content: "\e664"; +} +.icomoon-box-add:before { + content: "\e665"; +} +.icomoon-box-remove:before { + content: "\e666"; +} +.icomoon-download:before { + content: "\e667"; +} +.icomoon-upload2:before { + content: "\e668"; +} +.icomoon-disk:before { + content: "\e669"; +} +.icomoon-storage:before { + content: "\e66a"; +} +.icomoon-undo:before { + content: "\e66b"; +} +.icomoon-redo:before { + content: "\e66c"; +} +.icomoon-flip:before { + content: "\e66d"; +} +.icomoon-flip2:before { + content: "\e66e"; +} +.icomoon-undo2:before { + content: "\e66f"; +} +.icomoon-redo2:before { + content: "\e670"; +} +.icomoon-forward:before { + content: "\e671"; +} +.icomoon-reply:before { + content: "\e672"; +} +.icomoon-bubble:before { + content: "\e673"; +} +.icomoon-bubbles:before { + content: "\e674"; +} +.icomoon-bubbles2:before { + content: "\e675"; +} +.icomoon-bubble2:before { + content: "\e676"; +} +.icomoon-bubbles3:before { + content: "\e677"; +} +.icomoon-bubbles4:before { + content: "\e678"; +} +.icomoon-user:before { + content: "\e679"; +} +.icomoon-users:before { + content: "\e67a"; +} +.icomoon-user2:before { + content: "\e67b"; +} +.icomoon-users2:before { + content: "\e67c"; +} +.icomoon-user3:before { + content: "\e67d"; +} +.icomoon-user4:before { + content: "\e67e"; +} +.icomoon-quotes-left:before { + content: "\e67f"; +} +.icomoon-busy:before { + content: "\e680"; +} +.icomoon-spinner:before { + content: "\e681"; +} +.icomoon-spinner2:before { + content: "\e682"; +} +.icomoon-spinner3:before { + content: "\e683"; +} +.icomoon-spinner4:before { + content: "\e684"; +} +.icomoon-spinner5:before { + content: "\e685"; +} +.icomoon-spinner6:before { + content: "\e686"; +} +.icomoon-binoculars:before { + content: "\e687"; +} +.icomoon-search:before { + content: "\e688"; +} +.icomoon-zoom-in:before { + content: "\e689"; +} +.icomoon-zoom-out:before { + content: "\e68a"; +} +.icomoon-expand:before { + content: "\e68b"; +} +.icomoon-contract:before { + content: "\e68c"; +} +.icomoon-expand2:before { + content: "\e68d"; +} +.icomoon-contract2:before { + content: "\e68e"; +} +.icomoon-key:before { + content: "\e68f"; +} +.icomoon-key2:before { + content: "\e690"; +} +.icomoon-lock2:before { + content: "\e691"; +} +.icomoon-lock3:before { + content: "\e692"; +} +.icomoon-unlocked:before { + content: "\e693"; +} +.icomoon-wrench:before { + content: "\e694"; +} +.icomoon-settings:before { + content: "\e695"; +} +.icomoon-equalizer:before { + content: "\e696"; +} +.icomoon-cog:before { + content: "\e697"; +} +.icomoon-cogs:before { + content: "\e698"; +} +.icomoon-cog2:before { + content: "\e699"; +} +.icomoon-hammer:before { + content: "\e69a"; +} +.icomoon-wand:before { + content: "\e69b"; +} +.icomoon-aid:before { + content: "\e69c"; +} +.icomoon-bug:before { + content: "\e69d"; +} +.icomoon-pie:before { + content: "\e69e"; +} +.icomoon-stats:before { + content: "\e69f"; +} +.icomoon-bars:before { + content: "\e6a0"; +} +.icomoon-bars2:before { + content: "\e6a1"; +} +.icomoon-gift:before { + content: "\e6a2"; +} +.icomoon-trophy:before { + content: "\e6a3"; +} +.icomoon-glass:before { + content: "\e6a4"; +} +.icomoon-mug:before { + content: "\e6a5"; +} +.icomoon-food:before { + content: "\e6a6"; +} +.icomoon-leaf:before { + content: "\e6a7"; +} +.icomoon-rocket:before { + content: "\e6a8"; +} +.icomoon-meter:before { + content: "\e6a9"; +} +.icomoon-meter2:before { + content: "\e6aa"; +} +.icomoon-dashboard:before { + content: "\e6ab"; +} +.icomoon-hammer2:before { + content: "\e6ac"; +} +.icomoon-fire:before { + content: "\e6ad"; +} +.icomoon-lab:before { + content: "\e6ae"; +} +.icomoon-magnet:before { + content: "\e6af"; +} +.icomoon-remove:before { + content: "\e6b0"; +} +.icomoon-remove2:before { + content: "\e6b1"; +} +.icomoon-briefcase:before { + content: "\e6b2"; +} +.icomoon-airplane:before { + content: "\e6b3"; +} +.icomoon-truck:before { + content: "\e6b4"; +} +.icomoon-road:before { + content: "\e6b5"; +} +.icomoon-accessibility:before { + content: "\e6b6"; +} +.icomoon-target:before { + content: "\e6b7"; +} +.icomoon-shield:before { + content: "\e6b8"; +} +.icomoon-lightning:before { + content: "\e6b9"; +} +.icomoon-switch:before { + content: "\e6ba"; +} +.icomoon-power-cord:before { + content: "\e6bb"; +} +.icomoon-signup:before { + content: "\e6bc"; +} +.icomoon-list:before { + content: "\e6bd"; +} +.icomoon-list2:before { + content: "\e6be"; +} +.icomoon-numbered-list:before { + content: "\e6bf"; +} +.icomoon-menu:before { + content: "\e6c0"; +} +.icomoon-menu2:before { + content: "\e6c1"; +} +.icomoon-tree:before { + content: "\e6c2"; +} +.icomoon-cloud:before { + content: "\e6c3"; +} +.icomoon-cloud-download:before { + content: "\e6c4"; +} +.icomoon-cloud-upload:before { + content: "\e6c5"; +} +.icomoon-download2:before { + content: "\e6c6"; +} +.icomoon-upload3:before { + content: "\e6c7"; +} +.icomoon-download3:before { + content: "\e6c8"; +} +.icomoon-upload4:before { + content: "\e6c9"; +} +.icomoon-globe:before { + content: "\e6ca"; +} +.icomoon-earth2:before { + content: "\e6cb"; +} +.icomoon-link:before { + content: "\e6cc"; +} +.icomoon-flag:before { + content: "\e6cd"; +} +.icomoon-attachment:before { + content: "\e6ce"; +} +.icomoon-eye2:before { + content: "\e6cf"; +} +.icomoon-eye-blocked:before { + content: "\e6d0"; +} +.icomoon-eye3:before { + content: "\e6d1"; +} +.icomoon-bookmark:before { + content: "\e6d2"; +} +.icomoon-bookmarks:before { + content: "\e6d3"; +} +.icomoon-brightness-medium:before { + content: "\e6d4"; +} +.icomoon-brightness-contrast:before { + content: "\e6d5"; +} +.icomoon-contrast:before { + content: "\e6d6"; +} +.icomoon-star:before { + content: "\e6d7"; +} +.icomoon-star2:before { + content: "\e6d8"; +} +.icomoon-star3:before { + content: "\e6d9"; +} +.icomoon-heart:before { + content: "\e6da"; +} +.icomoon-heart2:before { + content: "\e6db"; +} +.icomoon-heart-broken:before { + content: "\e6dc"; +} +.icomoon-thumbs-up:before { + content: "\e6dd"; +} +.icomoon-thumbs-up2:before { + content: "\e6de"; +} +.icomoon-happy:before { + content: "\e6df"; +} +.icomoon-happy2:before { + content: "\e6e0"; +} +.icomoon-smiley:before { + content: "\e6e1"; +} +.icomoon-smiley2:before { + content: "\e6e2"; +} +.icomoon-tongue:before { + content: "\e6e3"; +} +.icomoon-tongue2:before { + content: "\e6e4"; +} +.icomoon-sad:before { + content: "\e6e5"; +} +.icomoon-sad2:before { + content: "\e6e6"; +} +.icomoon-wink:before { + content: "\e6e7"; +} +.icomoon-wink2:before { + content: "\e6e8"; +} +.icomoon-grin:before { + content: "\e6e9"; +} +.icomoon-grin2:before { + content: "\e6ea"; +} +.icomoon-cool:before { + content: "\e6eb"; +} +.icomoon-cool2:before { + content: "\e6ec"; +} +.icomoon-angry:before { + content: "\e6ed"; +} +.icomoon-angry2:before { + content: "\e6ee"; +} +.icomoon-evil:before { + content: "\e6ef"; +} +.icomoon-evil2:before { + content: "\e6f0"; +} +.icomoon-shocked:before { + content: "\e6f1"; +} +.icomoon-shocked2:before { + content: "\e6f2"; +} +.icomoon-confused:before { + content: "\e6f3"; +} +.icomoon-confused2:before { + content: "\e6f4"; +} +.icomoon-neutral:before { + content: "\e6f5"; +} +.icomoon-neutral2:before { + content: "\e6f6"; +} +.icomoon-wondering:before { + content: "\e6f7"; +} +.icomoon-wondering2:before { + content: "\e6f8"; +} +.icomoon-point-up:before { + content: "\e6f9"; +} +.icomoon-point-right:before { + content: "\e6fa"; +} +.icomoon-point-down:before { + content: "\e6fb"; +} +.icomoon-point-left:before { + content: "\e6fc"; +} +.icomoon-warning:before { + content: "\e6fd"; +} +.icomoon-notification:before { + content: "\e6fe"; +} +.icomoon-question:before { + content: "\e6ff"; +} +.icomoon-info:before { + content: "\e700"; +} +.icomoon-info2:before { + content: "\e701"; +} +.icomoon-blocked:before { + content: "\e702"; +} +.icomoon-cancel-circle:before { + content: "\e703"; +} +.icomoon-checkmark-circle:before { + content: "\e704"; +} +.icomoon-spam:before { + content: "\e705"; +} +.icomoon-close:before { + content: "\e706"; +} +.icomoon-checkmark:before { + content: "\e707"; +} +.icomoon-checkmark2:before { + content: "\e708"; +} +.icomoon-spell-check:before { + content: "\e709"; +} +.icomoon-minus:before { + content: "\e70a"; +} +.icomoon-plus:before { + content: "\e70b"; +} +.icomoon-enter:before { + content: "\e70c"; +} +.icomoon-exit:before { + content: "\e70d"; +} +.icomoon-play2:before { + content: "\e70e"; +} +.icomoon-pause:before { + content: "\e70f"; +} +.icomoon-stop:before { + content: "\e710"; +} +.icomoon-backward:before { + content: "\e711"; +} +.icomoon-forward2:before { + content: "\e712"; +} +.icomoon-play3:before { + content: "\e713"; +} +.icomoon-pause2:before { + content: "\e714"; +} +.icomoon-stop2:before { + content: "\e715"; +} +.icomoon-backward2:before { + content: "\e716"; +} +.icomoon-forward3:before { + content: "\e717"; +} +.icomoon-first:before { + content: "\e718"; +} +.icomoon-last:before { + content: "\e719"; +} +.icomoon-previous:before { + content: "\e71a"; +} +.icomoon-next:before { + content: "\e71b"; +} +.icomoon-eject:before { + content: "\e71c"; +} +.icomoon-volume-high:before { + content: "\e71d"; +} +.icomoon-volume-medium:before { + content: "\e71e"; +} +.icomoon-volume-low:before { + content: "\e71f"; +} +.icomoon-volume-mute:before { + content: "\e720"; +} +.icomoon-volume-mute2:before { + content: "\e721"; +} +.icomoon-volume-increase:before { + content: "\e722"; +} +.icomoon-volume-decrease:before { + content: "\e723"; +} +.icomoon-loop:before { + content: "\e724"; +} +.icomoon-loop2:before { + content: "\e725"; +} +.icomoon-loop3:before { + content: "\e726"; +} +.icomoon-shuffle:before { + content: "\e727"; +} +.icomoon-arrow-up-left:before { + content: "\e728"; +} +.icomoon-arrow-up:before { + content: "\e729"; +} +.icomoon-arrow-up-right:before { + content: "\e72a"; +} +.icomoon-arrow-right:before { + content: "\e72b"; +} +.icomoon-arrow-down-right:before { + content: "\e72c"; +} +.icomoon-arrow-down:before { + content: "\e72d"; +} +.icomoon-arrow-down-left:before { + content: "\e72e"; +} +.icomoon-arrow-left:before { + content: "\e72f"; +} +.icomoon-arrow-up-left2:before { + content: "\e730"; +} +.icomoon-arrow-up2:before { + content: "\e731"; +} +.icomoon-arrow-up-right2:before { + content: "\e732"; +} +.icomoon-arrow-right2:before { + content: "\e733"; +} +.icomoon-arrow-down-right2:before { + content: "\e734"; +} +.icomoon-arrow-down2:before { + content: "\e735"; +} +.icomoon-arrow-down-left2:before { + content: "\e736"; +} +.icomoon-arrow-left2:before { + content: "\e737"; +} +.icomoon-arrow-up-left3:before { + content: "\e738"; +} +.icomoon-arrow-up3:before { + content: "\e739"; +} +.icomoon-arrow-up-right3:before { + content: "\e73a"; +} +.icomoon-arrow-right3:before { + content: "\e73b"; +} +.icomoon-arrow-down-right3:before { + content: "\e73c"; +} +.icomoon-arrow-down3:before { + content: "\e73d"; +} +.icomoon-arrow-down-left3:before { + content: "\e73e"; +} +.icomoon-arrow-left3:before { + content: "\e73f"; +} +.icomoon-tab:before { + content: "\e740"; +} +.icomoon-checkbox-checked:before { + content: "\e741"; +} +.icomoon-checkbox-unchecked:before { + content: "\e742"; +} +.icomoon-checkbox-partial:before { + content: "\e743"; +} +.icomoon-radio-checked:before { + content: "\e744"; +} +.icomoon-radio-unchecked:before { + content: "\e745"; +} +.icomoon-crop:before { + content: "\e746"; +} +.icomoon-scissors:before { + content: "\e747"; +} +.icomoon-filter:before { + content: "\e748"; +} +.icomoon-filter2:before { + content: "\e749"; +} +.icomoon-font:before { + content: "\e74a"; +} +.icomoon-text-height:before { + content: "\e74b"; +} +.icomoon-text-width:before { + content: "\e74c"; +} +.icomoon-bold:before { + content: "\e74d"; +} +.icomoon-underline:before { + content: "\e74e"; +} +.icomoon-italic:before { + content: "\e74f"; +} +.icomoon-strikethrough:before { + content: "\e750"; +} +.icomoon-omega:before { + content: "\e751"; +} +.icomoon-sigma:before { + content: "\e752"; +} +.icomoon-table:before { + content: "\e753"; +} +.icomoon-table2:before { + content: "\e754"; +} +.icomoon-insert-template:before { + content: "\e755"; +} +.icomoon-pilcrow:before { + content: "\e756"; +} +.icomoon-left-toright:before { + content: "\e757"; +} +.icomoon-right-toleft:before { + content: "\e758"; +} +.icomoon-paragraph-left:before { + content: "\e759"; +} +.icomoon-paragraph-center:before { + content: "\e75a"; +} +.icomoon-paragraph-right:before { + content: "\e75b"; +} +.icomoon-paragraph-justify:before { + content: "\e75c"; +} +.icomoon-paragraph-left2:before { + content: "\e75d"; +} +.icomoon-paragraph-center2:before { + content: "\e75e"; +} +.icomoon-paragraph-right2:before { + content: "\e75f"; +} +.icomoon-paragraph-justify2:before { + content: "\e760"; +} +.icomoon-indent-increase:before { + content: "\e761"; +} +.icomoon-indent-decrease:before { + content: "\e762"; +} +.icomoon-new-tab:before { + content: "\e763"; +} +.icomoon-embed:before { + content: "\e764"; +} +.icomoon-code:before { + content: "\e765"; +} +.icomoon-console:before { + content: "\e766"; +} +.icomoon-share:before { + content: "\e767"; +} +.icomoon-mail:before { + content: "\e768"; +} +.icomoon-mail2:before { + content: "\e769"; +} +.icomoon-mail3:before { + content: "\e76a"; +} +.icomoon-mail4:before { + content: "\e76b"; +} +.icomoon-google:before { + content: "\e76c"; +} +.icomoon-google-plus:before { + content: "\e76d"; +} +.icomoon-google-plus2:before { + content: "\e76e"; +} +.icomoon-google-plus3:before { + content: "\e76f"; +} +.icomoon-google-plus4:before { + content: "\e770"; +} +.icomoon-google-drive:before { + content: "\e771"; +} +.icomoon-facebook:before { + content: "\e772"; +} +.icomoon-facebook2:before { + content: "\e773"; +} +.icomoon-facebook3:before { + content: "\e774"; +} +.icomoon-instagram:before { + content: "\e775"; +} +.icomoon-twitter:before { + content: "\e776"; +} +.icomoon-twitter2:before { + content: "\e777"; +} +.icomoon-twitter3:before { + content: "\e778"; +} +.icomoon-feed2:before { + content: "\e779"; +} +.icomoon-feed3:before { + content: "\e77a"; +} +.icomoon-feed4:before { + content: "\e77b"; +} +.icomoon-youtube:before { + content: "\e77c"; +} +.icomoon-youtube2:before { + content: "\e77d"; +} +.icomoon-vimeo:before { + content: "\e77e"; +} +.icomoon-vimeo2:before { + content: "\e77f"; +} +.icomoon-vimeo3:before { + content: "\e780"; +} +.icomoon-lanyrd:before { + content: "\e781"; +} +.icomoon-flickr:before { + content: "\e782"; +} +.icomoon-flickr2:before { + content: "\e783"; +} +.icomoon-flickr3:before { + content: "\e784"; +} +.icomoon-flickr4:before { + content: "\e785"; +} +.icomoon-picassa:before { + content: "\e786"; +} +.icomoon-picassa2:before { + content: "\e787"; +} +.icomoon-dribbble:before { + content: "\e788"; +} +.icomoon-dribbble2:before { + content: "\e789"; +} +.icomoon-dribbble3:before { + content: "\e78a"; +} +.icomoon-forrst:before { + content: "\e78b"; +} +.icomoon-forrst2:before { + content: "\e78c"; +} +.icomoon-deviantart:before { + content: "\e78d"; +} +.icomoon-deviantart2:before { + content: "\e78e"; +} +.icomoon-steam:before { + content: "\e78f"; +} +.icomoon-steam2:before { + content: "\e790"; +} +.icomoon-github:before { + content: "\e791"; +} +.icomoon-github2:before { + content: "\e792"; +} +.icomoon-github3:before { + content: "\e793"; +} +.icomoon-github4:before { + content: "\e794"; +} +.icomoon-github5:before { + content: "\e795"; +} +.icomoon-wordpress:before { + content: "\e796"; +} +.icomoon-wordpress2:before { + content: "\e797"; +} +.icomoon-joomla:before { + content: "\e798"; +} +.icomoon-blogger:before { + content: "\e799"; +} +.icomoon-blogger2:before { + content: "\e79a"; +} +.icomoon-tumblr:before { + content: "\e79b"; +} +.icomoon-tumblr2:before { + content: "\e79c"; +} +.icomoon-yahoo:before { + content: "\e79d"; +} +.icomoon-tux:before { + content: "\e79e"; +} +.icomoon-apple:before { + content: "\e79f"; +} +.icomoon-finder:before { + content: "\e7a0"; +} +.icomoon-android:before { + content: "\e7a1"; +} +.icomoon-windows:before { + content: "\e7a2"; +} +.icomoon-windows8:before { + content: "\e7a3"; +} +.icomoon-soundcloud:before { + content: "\e7a4"; +} +.icomoon-soundcloud2:before { + content: "\e7a5"; +} +.icomoon-skype:before { + content: "\e7a6"; +} +.icomoon-reddit:before { + content: "\e7a7"; +} +.icomoon-linkedin:before { + content: "\e7a8"; +} +.icomoon-lastfm:before { + content: "\e7a9"; +} +.icomoon-lastfm2:before { + content: "\e7aa"; +} +.icomoon-delicious:before { + content: "\e7ab"; +} +.icomoon-stumbleupon:before { + content: "\e7ac"; +} +.icomoon-stumbleupon2:before { + content: "\e7ad"; +} +.icomoon-stackoverflow:before { + content: "\e7ae"; +} +.icomoon-pinterest:before { + content: "\e7af"; +} +.icomoon-pinterest2:before { + content: "\e7b0"; +} +.icomoon-xing:before { + content: "\e7b1"; +} +.icomoon-xing2:before { + content: "\e7b2"; +} +.icomoon-flattr:before { + content: "\e7b3"; +} +.icomoon-foursquare:before { + content: "\e7b4"; +} +.icomoon-foursquare2:before { + content: "\e7b5"; +} +.icomoon-paypal:before { + content: "\e7b6"; +} +.icomoon-paypal2:before { + content: "\e7b7"; +} +.icomoon-paypal3:before { + content: "\e7b8"; +} +.icomoon-yelp:before { + content: "\e7b9"; +} +.icomoon-libreoffice:before { + content: "\e7ba"; +} +.icomoon-file-pdf:before { + content: "\e7bb"; +} +.icomoon-file-openoffice:before { + content: "\e7bc"; +} +.icomoon-file-word:before { + content: "\e7bd"; +} +.icomoon-file-excel:before { + content: "\e7be"; +} +.icomoon-file-zip:before { + content: "\e7bf"; +} +.icomoon-file-powerpoint:before { + content: "\e7c0"; +} +.icomoon-file-xml:before { + content: "\e7c1"; +} +.icomoon-file-css:before { + content: "\e7c2"; +} +.icomoon-html5:before { + content: "\e7c3"; +} +.icomoon-html52:before { + content: "\e7c4"; +} +.icomoon-css3:before { + content: "\e7c5"; +} +.icomoon-chrome:before { + content: "\e7c6"; +} +.icomoon-firefox:before { + content: "\e7c7"; +} +.icomoon-IE:before { + content: "\e7c8"; +} +.icomoon-opera:before { + content: "\e7c9"; +} +.icomoon-safari:before { + content: "\e7ca"; +} +.icomoon-IcoMoon:before { + content: "\e7cb"; +} diff --git a/css/vendor/ionicons.css b/css/vendor/ionicons.css new file mode 100755 index 0000000..8bb80a5 --- /dev/null +++ b/css/vendor/ionicons.css @@ -0,0 +1,2183 @@ +/*! + Ionicons, v1.4.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/helloimben https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons +*/ +@font-face { + font-family: "Ionicons"; + src: url("../../fonts/ionicons.eot?v=1.4.0"); + src: url("../../fonts/ionicons.eot?v=1.4.0#iefix") format("embedded-opentype"), url("../../fonts/ionicons.ttf?v=1.4.0") format("truetype"), url("../../fonts/ionicons.woff?v=1.4.0") format("woff"), url("../../fonts/ionicons.svg?v=1.4.0#Ionicons") format("svg"); + font-weight: normal; + font-style: normal; } + +.ion, .ion-loading-a, +.ion-loading-b, +.ion-loading-c, +.ion-loading-d, +.ion-looping, +.ion-refreshing, +.ion-ios7-reloading, .ionicons, +.ion-alert, +.ion-alert-circled, +.ion-android-add, +.ion-android-add-contact, +.ion-android-alarm, +.ion-android-archive, +.ion-android-arrow-back, +.ion-android-arrow-down-left, +.ion-android-arrow-down-right, +.ion-android-arrow-up-left, +.ion-android-arrow-up-right, +.ion-android-battery, +.ion-android-book, +.ion-android-calendar, +.ion-android-call, +.ion-android-camera, +.ion-android-chat, +.ion-android-checkmark, +.ion-android-clock, +.ion-android-close, +.ion-android-contact, +.ion-android-contacts, +.ion-android-data, +.ion-android-developer, +.ion-android-display, +.ion-android-download, +.ion-android-dropdown, +.ion-android-earth, +.ion-android-folder, +.ion-android-forums, +.ion-android-friends, +.ion-android-hand, +.ion-android-image, +.ion-android-inbox, +.ion-android-information, +.ion-android-keypad, +.ion-android-lightbulb, +.ion-android-locate, +.ion-android-location, +.ion-android-mail, +.ion-android-microphone, +.ion-android-mixer, +.ion-android-more, +.ion-android-note, +.ion-android-playstore, +.ion-android-printer, +.ion-android-promotion, +.ion-android-reminder, +.ion-android-remove, +.ion-android-search, +.ion-android-send, +.ion-android-settings, +.ion-android-share, +.ion-android-social, +.ion-android-social-user, +.ion-android-sort, +.ion-android-star, +.ion-android-stopwatch, +.ion-android-storage, +.ion-android-system-back, +.ion-android-system-home, +.ion-android-system-windows, +.ion-android-timer, +.ion-android-trash, +.ion-android-volume, +.ion-android-wifi, +.ion-archive, +.ion-arrow-down-a, +.ion-arrow-down-b, +.ion-arrow-down-c, +.ion-arrow-expand, +.ion-arrow-graph-down-left, +.ion-arrow-graph-down-right, +.ion-arrow-graph-up-left, +.ion-arrow-graph-up-right, +.ion-arrow-left-a, +.ion-arrow-left-b, +.ion-arrow-left-c, +.ion-arrow-move, +.ion-arrow-resize, +.ion-arrow-return-left, +.ion-arrow-return-right, +.ion-arrow-right-a, +.ion-arrow-right-b, +.ion-arrow-right-c, +.ion-arrow-shrink, +.ion-arrow-swap, +.ion-arrow-up-a, +.ion-arrow-up-b, +.ion-arrow-up-c, +.ion-at, +.ion-bag, +.ion-battery-charging, +.ion-battery-empty, +.ion-battery-full, +.ion-battery-half, +.ion-battery-low, +.ion-beaker, +.ion-beer, +.ion-bluetooth, +.ion-bookmark, +.ion-briefcase, +.ion-bug, +.ion-calculator, +.ion-calendar, +.ion-camera, +.ion-card, +.ion-chatbox, +.ion-chatbox-working, +.ion-chatboxes, +.ion-chatbubble, +.ion-chatbubble-working, +.ion-chatbubbles, +.ion-checkmark, +.ion-checkmark-circled, +.ion-checkmark-round, +.ion-chevron-down, +.ion-chevron-left, +.ion-chevron-right, +.ion-chevron-up, +.ion-clipboard, +.ion-clock, +.ion-close, +.ion-close-circled, +.ion-close-round, +.ion-cloud, +.ion-code, +.ion-code-download, +.ion-code-working, +.ion-coffee, +.ion-compass, +.ion-compose, +.ion-connection-bars, +.ion-contrast, +.ion-disc, +.ion-document, +.ion-document-text, +.ion-drag, +.ion-earth, +.ion-edit, +.ion-egg, +.ion-eject, +.ion-email, +.ion-eye, +.ion-eye-disabled, +.ion-female, +.ion-filing, +.ion-film-marker, +.ion-flag, +.ion-flash, +.ion-flash-off, +.ion-flask, +.ion-folder, +.ion-fork, +.ion-fork-repo, +.ion-forward, +.ion-game-controller-a, +.ion-game-controller-b, +.ion-gear-a, +.ion-gear-b, +.ion-grid, +.ion-hammer, +.ion-headphone, +.ion-heart, +.ion-help, +.ion-help-buoy, +.ion-help-circled, +.ion-home, +.ion-icecream, +.ion-icon-social-google-plus, +.ion-icon-social-google-plus-outline, +.ion-image, +.ion-images, +.ion-information, +.ion-information-circled, +.ion-ionic, +.ion-ios7-alarm, +.ion-ios7-alarm-outline, +.ion-ios7-albums, +.ion-ios7-albums-outline, +.ion-ios7-arrow-back, +.ion-ios7-arrow-down, +.ion-ios7-arrow-forward, +.ion-ios7-arrow-left, +.ion-ios7-arrow-right, +.ion-ios7-arrow-thin-down, +.ion-ios7-arrow-thin-left, +.ion-ios7-arrow-thin-right, +.ion-ios7-arrow-thin-up, +.ion-ios7-arrow-up, +.ion-ios7-at, +.ion-ios7-at-outline, +.ion-ios7-bell, +.ion-ios7-bell-outline, +.ion-ios7-bolt, +.ion-ios7-bolt-outline, +.ion-ios7-bookmarks, +.ion-ios7-bookmarks-outline, +.ion-ios7-box, +.ion-ios7-box-outline, +.ion-ios7-briefcase, +.ion-ios7-briefcase-outline, +.ion-ios7-browsers, +.ion-ios7-browsers-outline, +.ion-ios7-calculator, +.ion-ios7-calculator-outline, +.ion-ios7-calendar, +.ion-ios7-calendar-outline, +.ion-ios7-camera, +.ion-ios7-camera-outline, +.ion-ios7-cart, +.ion-ios7-cart-outline, +.ion-ios7-chatboxes, +.ion-ios7-chatboxes-outline, +.ion-ios7-chatbubble, +.ion-ios7-chatbubble-outline, +.ion-ios7-checkmark, +.ion-ios7-checkmark-empty, +.ion-ios7-checkmark-outline, +.ion-ios7-circle-filled, +.ion-ios7-circle-outline, +.ion-ios7-clock, +.ion-ios7-clock-outline, +.ion-ios7-close, +.ion-ios7-close-empty, +.ion-ios7-close-outline, +.ion-ios7-cloud, +.ion-ios7-cloud-download, +.ion-ios7-cloud-download-outline, +.ion-ios7-cloud-outline, +.ion-ios7-cloud-upload, +.ion-ios7-cloud-upload-outline, +.ion-ios7-cloudy, +.ion-ios7-cloudy-night, +.ion-ios7-cloudy-night-outline, +.ion-ios7-cloudy-outline, +.ion-ios7-cog, +.ion-ios7-cog-outline, +.ion-ios7-compose, +.ion-ios7-compose-outline, +.ion-ios7-contact, +.ion-ios7-contact-outline, +.ion-ios7-copy, +.ion-ios7-copy-outline, +.ion-ios7-download, +.ion-ios7-download-outline, +.ion-ios7-drag, +.ion-ios7-email, +.ion-ios7-email-outline, +.ion-ios7-eye, +.ion-ios7-eye-outline, +.ion-ios7-fastforward, +.ion-ios7-fastforward-outline, +.ion-ios7-filing, +.ion-ios7-filing-outline, +.ion-ios7-film, +.ion-ios7-film-outline, +.ion-ios7-flag, +.ion-ios7-flag-outline, +.ion-ios7-folder, +.ion-ios7-folder-outline, +.ion-ios7-gear, +.ion-ios7-gear-outline, +.ion-ios7-glasses, +.ion-ios7-glasses-outline, +.ion-ios7-heart, +.ion-ios7-heart-outline, +.ion-ios7-help, +.ion-ios7-help-empty, +.ion-ios7-help-outline, +.ion-ios7-infinite, +.ion-ios7-infinite-outline, +.ion-ios7-information, +.ion-ios7-information-empty, +.ion-ios7-information-outline, +.ion-ios7-ionic-outline, +.ion-ios7-keypad, +.ion-ios7-keypad-outline, +.ion-ios7-lightbulb, +.ion-ios7-lightbulb-outline, +.ion-ios7-location, +.ion-ios7-location-outline, +.ion-ios7-locked, +.ion-ios7-locked-outline, +.ion-ios7-medkit, +.ion-ios7-medkit-outline, +.ion-ios7-mic, +.ion-ios7-mic-off, +.ion-ios7-mic-outline, +.ion-ios7-minus, +.ion-ios7-minus-empty, +.ion-ios7-minus-outline, +.ion-ios7-monitor, +.ion-ios7-monitor-outline, +.ion-ios7-moon, +.ion-ios7-moon-outline, +.ion-ios7-more, +.ion-ios7-more-outline, +.ion-ios7-musical-note, +.ion-ios7-musical-notes, +.ion-ios7-navigate, +.ion-ios7-navigate-outline, +.ion-ios7-paperplane, +.ion-ios7-paperplane-outline, +.ion-ios7-partlysunny, +.ion-ios7-partlysunny-outline, +.ion-ios7-pause, +.ion-ios7-pause-outline, +.ion-ios7-people, +.ion-ios7-people-outline, +.ion-ios7-person, +.ion-ios7-person-outline, +.ion-ios7-personadd, +.ion-ios7-personadd-outline, +.ion-ios7-photos, +.ion-ios7-photos-outline, +.ion-ios7-pie, +.ion-ios7-pie-outline, +.ion-ios7-play, +.ion-ios7-play-outline, +.ion-ios7-plus, +.ion-ios7-plus-empty, +.ion-ios7-plus-outline, +.ion-ios7-pricetag, +.ion-ios7-pricetag-outline, +.ion-ios7-printer, +.ion-ios7-printer-outline, +.ion-ios7-rainy, +.ion-ios7-rainy-outline, +.ion-ios7-recording, +.ion-ios7-recording-outline, +.ion-ios7-redo, +.ion-ios7-redo-outline, +.ion-ios7-refresh, +.ion-ios7-refresh-empty, +.ion-ios7-refresh-outline, +.ion-ios7-reload, +.ion-ios7-rewind, +.ion-ios7-rewind-outline, +.ion-ios7-search, +.ion-ios7-search-strong, +.ion-ios7-skipbackward, +.ion-ios7-skipbackward-outline, +.ion-ios7-skipforward, +.ion-ios7-skipforward-outline, +.ion-ios7-snowy, +.ion-ios7-speedometer, +.ion-ios7-speedometer-outline, +.ion-ios7-star, +.ion-ios7-star-outline, +.ion-ios7-stopwatch, +.ion-ios7-stopwatch-outline, +.ion-ios7-sunny, +.ion-ios7-sunny-outline, +.ion-ios7-telephone, +.ion-ios7-telephone-outline, +.ion-ios7-thunderstorm, +.ion-ios7-thunderstorm-outline, +.ion-ios7-time, +.ion-ios7-time-outline, +.ion-ios7-timer, +.ion-ios7-timer-outline, +.ion-ios7-trash, +.ion-ios7-trash-outline, +.ion-ios7-undo, +.ion-ios7-undo-outline, +.ion-ios7-unlocked, +.ion-ios7-unlocked-outline, +.ion-ios7-upload, +.ion-ios7-upload-outline, +.ion-ios7-videocam, +.ion-ios7-videocam-outline, +.ion-ios7-volume-high, +.ion-ios7-volume-low, +.ion-ios7-wineglass, +.ion-ios7-wineglass-outline, +.ion-ios7-world, +.ion-ios7-world-outline, +.ion-ipad, +.ion-iphone, +.ion-ipod, +.ion-jet, +.ion-key, +.ion-knife, +.ion-laptop, +.ion-leaf, +.ion-levels, +.ion-lightbulb, +.ion-link, +.ion-load-a, +.ion-load-b, +.ion-load-c, +.ion-load-d, +.ion-location, +.ion-locked, +.ion-log-in, +.ion-log-out, +.ion-loop, +.ion-magnet, +.ion-male, +.ion-man, +.ion-map, +.ion-medkit, +.ion-mic-a, +.ion-mic-b, +.ion-mic-c, +.ion-minus, +.ion-minus-circled, +.ion-minus-round, +.ion-model-s, +.ion-monitor, +.ion-more, +.ion-music-note, +.ion-navicon, +.ion-navicon-round, +.ion-navigate, +.ion-no-smoking, +.ion-nuclear, +.ion-paper-airplane, +.ion-paperclip, +.ion-pause, +.ion-person, +.ion-person-add, +.ion-person-stalker, +.ion-pie-graph, +.ion-pin, +.ion-pinpoint, +.ion-pizza, +.ion-plane, +.ion-play, +.ion-playstation, +.ion-plus, +.ion-plus-circled, +.ion-plus-round, +.ion-pound, +.ion-power, +.ion-pricetag, +.ion-pricetags, +.ion-printer, +.ion-radio-waves, +.ion-record, +.ion-refresh, +.ion-reply, +.ion-reply-all, +.ion-search, +.ion-settings, +.ion-share, +.ion-shuffle, +.ion-skip-backward, +.ion-skip-forward, +.ion-social-android, +.ion-social-android-outline, +.ion-social-apple, +.ion-social-apple-outline, +.ion-social-bitcoin, +.ion-social-bitcoin-outline, +.ion-social-buffer, +.ion-social-buffer-outline, +.ion-social-designernews, +.ion-social-designernews-outline, +.ion-social-dribbble, +.ion-social-dribbble-outline, +.ion-social-dropbox, +.ion-social-dropbox-outline, +.ion-social-facebook, +.ion-social-facebook-outline, +.ion-social-freebsd-devil, +.ion-social-github, +.ion-social-github-outline, +.ion-social-googleplus, +.ion-social-googleplus-outline, +.ion-social-hackernews, +.ion-social-hackernews-outline, +.ion-social-linkedin, +.ion-social-linkedin-outline, +.ion-social-pinterest, +.ion-social-pinterest-outline, +.ion-social-reddit, +.ion-social-reddit-outline, +.ion-social-rss, +.ion-social-rss-outline, +.ion-social-skype, +.ion-social-skype-outline, +.ion-social-tumblr, +.ion-social-tumblr-outline, +.ion-social-tux, +.ion-social-twitter, +.ion-social-twitter-outline, +.ion-social-vimeo, +.ion-social-vimeo-outline, +.ion-social-windows, +.ion-social-windows-outline, +.ion-social-wordpress, +.ion-social-wordpress-outline, +.ion-social-yahoo, +.ion-social-yahoo-outline, +.ion-social-youtube, +.ion-social-youtube-outline, +.ion-speakerphone, +.ion-speedometer, +.ion-spoon, +.ion-star, +.ion-stats-bars, +.ion-steam, +.ion-stop, +.ion-thermometer, +.ion-thumbsdown, +.ion-thumbsup, +.ion-trash-a, +.ion-trash-b, +.ion-umbrella, +.ion-unlocked, +.ion-upload, +.ion-usb, +.ion-videocamera, +.ion-volume-high, +.ion-volume-low, +.ion-volume-medium, +.ion-volume-mute, +.ion-waterdrop, +.ion-wifi, +.ion-wineglass, +.ion-woman, +.ion-wrench, +.ion-xbox { + display: inline-block; + font-family: "Ionicons"; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + text-rendering: auto; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.ion-spin, .ion-loading-a, +.ion-loading-b, +.ion-loading-c, +.ion-loading-d, +.ion-looping, +.ion-refreshing, +.ion-ios7-reloading { + -webkit-animation: spin 1s infinite linear; + -moz-animation: spin 1s infinite linear; + -o-animation: spin 1s infinite linear; + animation: spin 1s infinite linear; } + +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); } + + 100% { + -moz-transform: rotate(359deg); } } + +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); } + + 100% { + -webkit-transform: rotate(359deg); } } + +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); } + + 100% { + -o-transform: rotate(359deg); } } + +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); } + + 100% { + -ms-transform: rotate(359deg); } } + +@keyframes spin { + 0% { + transform: rotate(0deg); } + + 100% { + transform: rotate(359deg); } } + +.ion-loading-a { + -webkit-animation-timing-function: steps(8, start); + -moz-animation-timing-function: steps(8, start); + animation-timing-function: steps(8, start); } + +.ion-alert:before { + content: "\f101"; } + +.ion-alert-circled:before { + content: "\f100"; } + +.ion-android-add:before { + content: "\f2c7"; } + +.ion-android-add-contact:before { + content: "\f2c6"; } + +.ion-android-alarm:before { + content: "\f2c8"; } + +.ion-android-archive:before { + content: "\f2c9"; } + +.ion-android-arrow-back:before { + content: "\f2ca"; } + +.ion-android-arrow-down-left:before { + content: "\f2cb"; } + +.ion-android-arrow-down-right:before { + content: "\f2cc"; } + +.ion-android-arrow-up-left:before { + content: "\f2cd"; } + +.ion-android-arrow-up-right:before { + content: "\f2ce"; } + +.ion-android-battery:before { + content: "\f2cf"; } + +.ion-android-book:before { + content: "\f2d0"; } + +.ion-android-calendar:before { + content: "\f2d1"; } + +.ion-android-call:before { + content: "\f2d2"; } + +.ion-android-camera:before { + content: "\f2d3"; } + +.ion-android-chat:before { + content: "\f2d4"; } + +.ion-android-checkmark:before { + content: "\f2d5"; } + +.ion-android-clock:before { + content: "\f2d6"; } + +.ion-android-close:before { + content: "\f2d7"; } + +.ion-android-contact:before { + content: "\f2d8"; } + +.ion-android-contacts:before { + content: "\f2d9"; } + +.ion-android-data:before { + content: "\f2da"; } + +.ion-android-developer:before { + content: "\f2db"; } + +.ion-android-display:before { + content: "\f2dc"; } + +.ion-android-download:before { + content: "\f2dd"; } + +.ion-android-dropdown:before { + content: "\f2de"; } + +.ion-android-earth:before { + content: "\f2df"; } + +.ion-android-folder:before { + content: "\f2e0"; } + +.ion-android-forums:before { + content: "\f2e1"; } + +.ion-android-friends:before { + content: "\f2e2"; } + +.ion-android-hand:before { + content: "\f2e3"; } + +.ion-android-image:before { + content: "\f2e4"; } + +.ion-android-inbox:before { + content: "\f2e5"; } + +.ion-android-information:before { + content: "\f2e6"; } + +.ion-android-keypad:before { + content: "\f2e7"; } + +.ion-android-lightbulb:before { + content: "\f2e8"; } + +.ion-android-locate:before { + content: "\f2e9"; } + +.ion-android-location:before { + content: "\f2ea"; } + +.ion-android-mail:before { + content: "\f2eb"; } + +.ion-android-microphone:before { + content: "\f2ec"; } + +.ion-android-mixer:before { + content: "\f2ed"; } + +.ion-android-more:before { + content: "\f2ee"; } + +.ion-android-note:before { + content: "\f2ef"; } + +.ion-android-playstore:before { + content: "\f2f0"; } + +.ion-android-printer:before { + content: "\f2f1"; } + +.ion-android-promotion:before { + content: "\f2f2"; } + +.ion-android-reminder:before { + content: "\f2f3"; } + +.ion-android-remove:before { + content: "\f2f4"; } + +.ion-android-search:before { + content: "\f2f5"; } + +.ion-android-send:before { + content: "\f2f6"; } + +.ion-android-settings:before { + content: "\f2f7"; } + +.ion-android-share:before { + content: "\f2f8"; } + +.ion-android-social:before { + content: "\f2fa"; } + +.ion-android-social-user:before { + content: "\f2f9"; } + +.ion-android-sort:before { + content: "\f2fb"; } + +.ion-android-star:before { + content: "\f2fc"; } + +.ion-android-stopwatch:before { + content: "\f2fd"; } + +.ion-android-storage:before { + content: "\f2fe"; } + +.ion-android-system-back:before { + content: "\f2ff"; } + +.ion-android-system-home:before { + content: "\f300"; } + +.ion-android-system-windows:before { + content: "\f301"; } + +.ion-android-timer:before { + content: "\f302"; } + +.ion-android-trash:before { + content: "\f303"; } + +.ion-android-volume:before { + content: "\f304"; } + +.ion-android-wifi:before { + content: "\f305"; } + +.ion-archive:before { + content: "\f102"; } + +.ion-arrow-down-a:before { + content: "\f103"; } + +.ion-arrow-down-b:before { + content: "\f104"; } + +.ion-arrow-down-c:before { + content: "\f105"; } + +.ion-arrow-expand:before { + content: "\f25e"; } + +.ion-arrow-graph-down-left:before { + content: "\f25f"; } + +.ion-arrow-graph-down-right:before { + content: "\f260"; } + +.ion-arrow-graph-up-left:before { + content: "\f261"; } + +.ion-arrow-graph-up-right:before { + content: "\f262"; } + +.ion-arrow-left-a:before { + content: "\f106"; } + +.ion-arrow-left-b:before { + content: "\f107"; } + +.ion-arrow-left-c:before { + content: "\f108"; } + +.ion-arrow-move:before { + content: "\f263"; } + +.ion-arrow-resize:before { + content: "\f264"; } + +.ion-arrow-return-left:before { + content: "\f265"; } + +.ion-arrow-return-right:before { + content: "\f266"; } + +.ion-arrow-right-a:before { + content: "\f109"; } + +.ion-arrow-right-b:before { + content: "\f10a"; } + +.ion-arrow-right-c:before { + content: "\f10b"; } + +.ion-arrow-shrink:before { + content: "\f267"; } + +.ion-arrow-swap:before { + content: "\f268"; } + +.ion-arrow-up-a:before { + content: "\f10c"; } + +.ion-arrow-up-b:before { + content: "\f10d"; } + +.ion-arrow-up-c:before { + content: "\f10e"; } + +.ion-at:before { + content: "\f10f"; } + +.ion-bag:before { + content: "\f110"; } + +.ion-battery-charging:before { + content: "\f111"; } + +.ion-battery-empty:before { + content: "\f112"; } + +.ion-battery-full:before { + content: "\f113"; } + +.ion-battery-half:before { + content: "\f114"; } + +.ion-battery-low:before { + content: "\f115"; } + +.ion-beaker:before { + content: "\f269"; } + +.ion-beer:before { + content: "\f26a"; } + +.ion-bluetooth:before { + content: "\f116"; } + +.ion-bookmark:before { + content: "\f26b"; } + +.ion-briefcase:before { + content: "\f26c"; } + +.ion-bug:before { + content: "\f2be"; } + +.ion-calculator:before { + content: "\f26d"; } + +.ion-calendar:before { + content: "\f117"; } + +.ion-camera:before { + content: "\f118"; } + +.ion-card:before { + content: "\f119"; } + +.ion-chatbox:before { + content: "\f11b"; } + +.ion-chatbox-working:before { + content: "\f11a"; } + +.ion-chatboxes:before { + content: "\f11c"; } + +.ion-chatbubble:before { + content: "\f11e"; } + +.ion-chatbubble-working:before { + content: "\f11d"; } + +.ion-chatbubbles:before { + content: "\f11f"; } + +.ion-checkmark:before { + content: "\f122"; } + +.ion-checkmark-circled:before { + content: "\f120"; } + +.ion-checkmark-round:before { + content: "\f121"; } + +.ion-chevron-down:before { + content: "\f123"; } + +.ion-chevron-left:before { + content: "\f124"; } + +.ion-chevron-right:before { + content: "\f125"; } + +.ion-chevron-up:before { + content: "\f126"; } + +.ion-clipboard:before { + content: "\f127"; } + +.ion-clock:before { + content: "\f26e"; } + +.ion-close:before { + content: "\f12a"; } + +.ion-close-circled:before { + content: "\f128"; } + +.ion-close-round:before { + content: "\f129"; } + +.ion-cloud:before { + content: "\f12b"; } + +.ion-code:before { + content: "\f271"; } + +.ion-code-download:before { + content: "\f26f"; } + +.ion-code-working:before { + content: "\f270"; } + +.ion-coffee:before { + content: "\f272"; } + +.ion-compass:before { + content: "\f273"; } + +.ion-compose:before { + content: "\f12c"; } + +.ion-connection-bars:before { + content: "\f274"; } + +.ion-contrast:before { + content: "\f275"; } + +.ion-disc:before { + content: "\f12d"; } + +.ion-document:before { + content: "\f12f"; } + +.ion-document-text:before { + content: "\f12e"; } + +.ion-drag:before { + content: "\f130"; } + +.ion-earth:before { + content: "\f276"; } + +.ion-edit:before { + content: "\f2bf"; } + +.ion-egg:before { + content: "\f277"; } + +.ion-eject:before { + content: "\f131"; } + +.ion-email:before { + content: "\f132"; } + +.ion-eye:before { + content: "\f133"; } + +.ion-eye-disabled:before { + content: "\f306"; } + +.ion-female:before { + content: "\f278"; } + +.ion-filing:before { + content: "\f134"; } + +.ion-film-marker:before { + content: "\f135"; } + +.ion-flag:before { + content: "\f279"; } + +.ion-flash:before { + content: "\f137"; } + +.ion-flash-off:before { + content: "\f136"; } + +.ion-flask:before { + content: "\f138"; } + +.ion-folder:before { + content: "\f139"; } + +.ion-fork:before { + content: "\f27a"; } + +.ion-fork-repo:before { + content: "\f2c0"; } + +.ion-forward:before { + content: "\f13a"; } + +.ion-game-controller-a:before { + content: "\f13b"; } + +.ion-game-controller-b:before { + content: "\f13c"; } + +.ion-gear-a:before { + content: "\f13d"; } + +.ion-gear-b:before { + content: "\f13e"; } + +.ion-grid:before { + content: "\f13f"; } + +.ion-hammer:before { + content: "\f27b"; } + +.ion-headphone:before { + content: "\f140"; } + +.ion-heart:before { + content: "\f141"; } + +.ion-help:before { + content: "\f143"; } + +.ion-help-buoy:before { + content: "\f27c"; } + +.ion-help-circled:before { + content: "\f142"; } + +.ion-home:before { + content: "\f144"; } + +.ion-icecream:before { + content: "\f27d"; } + +.ion-icon-social-google-plus:before { + content: "\f146"; } + +.ion-icon-social-google-plus-outline:before { + content: "\f145"; } + +.ion-image:before { + content: "\f147"; } + +.ion-images:before { + content: "\f148"; } + +.ion-information:before { + content: "\f14a"; } + +.ion-information-circled:before { + content: "\f149"; } + +.ion-ionic:before { + content: "\f14b"; } + +.ion-ios7-alarm:before { + content: "\f14d"; } + +.ion-ios7-alarm-outline:before { + content: "\f14c"; } + +.ion-ios7-albums:before { + content: "\f14f"; } + +.ion-ios7-albums-outline:before { + content: "\f14e"; } + +.ion-ios7-arrow-back:before { + content: "\f150"; } + +.ion-ios7-arrow-down:before { + content: "\f151"; } + +.ion-ios7-arrow-forward:before { + content: "\f152"; } + +.ion-ios7-arrow-left:before { + content: "\f153"; } + +.ion-ios7-arrow-right:before { + content: "\f154"; } + +.ion-ios7-arrow-thin-down:before { + content: "\f27e"; } + +.ion-ios7-arrow-thin-left:before { + content: "\f27f"; } + +.ion-ios7-arrow-thin-right:before { + content: "\f280"; } + +.ion-ios7-arrow-thin-up:before { + content: "\f281"; } + +.ion-ios7-arrow-up:before { + content: "\f155"; } + +.ion-ios7-at:before { + content: "\f157"; } + +.ion-ios7-at-outline:before { + content: "\f156"; } + +.ion-ios7-bell:before { + content: "\f159"; } + +.ion-ios7-bell-outline:before { + content: "\f158"; } + +.ion-ios7-bolt:before { + content: "\f15b"; } + +.ion-ios7-bolt-outline:before { + content: "\f15a"; } + +.ion-ios7-bookmarks:before { + content: "\f15d"; } + +.ion-ios7-bookmarks-outline:before { + content: "\f15c"; } + +.ion-ios7-box:before { + content: "\f15f"; } + +.ion-ios7-box-outline:before { + content: "\f15e"; } + +.ion-ios7-briefcase:before { + content: "\f283"; } + +.ion-ios7-briefcase-outline:before { + content: "\f282"; } + +.ion-ios7-browsers:before { + content: "\f161"; } + +.ion-ios7-browsers-outline:before { + content: "\f160"; } + +.ion-ios7-calculator:before { + content: "\f285"; } + +.ion-ios7-calculator-outline:before { + content: "\f284"; } + +.ion-ios7-calendar:before { + content: "\f163"; } + +.ion-ios7-calendar-outline:before { + content: "\f162"; } + +.ion-ios7-camera:before { + content: "\f165"; } + +.ion-ios7-camera-outline:before { + content: "\f164"; } + +.ion-ios7-cart:before { + content: "\f167"; } + +.ion-ios7-cart-outline:before { + content: "\f166"; } + +.ion-ios7-chatboxes:before { + content: "\f169"; } + +.ion-ios7-chatboxes-outline:before { + content: "\f168"; } + +.ion-ios7-chatbubble:before { + content: "\f16b"; } + +.ion-ios7-chatbubble-outline:before { + content: "\f16a"; } + +.ion-ios7-checkmark:before { + content: "\f16e"; } + +.ion-ios7-checkmark-empty:before { + content: "\f16c"; } + +.ion-ios7-checkmark-outline:before { + content: "\f16d"; } + +.ion-ios7-circle-filled:before { + content: "\f16f"; } + +.ion-ios7-circle-outline:before { + content: "\f170"; } + +.ion-ios7-clock:before { + content: "\f172"; } + +.ion-ios7-clock-outline:before { + content: "\f171"; } + +.ion-ios7-close:before { + content: "\f2bc"; } + +.ion-ios7-close-empty:before { + content: "\f2bd"; } + +.ion-ios7-close-outline:before { + content: "\f2bb"; } + +.ion-ios7-cloud:before { + content: "\f178"; } + +.ion-ios7-cloud-download:before { + content: "\f174"; } + +.ion-ios7-cloud-download-outline:before { + content: "\f173"; } + +.ion-ios7-cloud-outline:before { + content: "\f175"; } + +.ion-ios7-cloud-upload:before { + content: "\f177"; } + +.ion-ios7-cloud-upload-outline:before { + content: "\f176"; } + +.ion-ios7-cloudy:before { + content: "\f17a"; } + +.ion-ios7-cloudy-night:before { + content: "\f308"; } + +.ion-ios7-cloudy-night-outline:before { + content: "\f307"; } + +.ion-ios7-cloudy-outline:before { + content: "\f179"; } + +.ion-ios7-cog:before { + content: "\f17c"; } + +.ion-ios7-cog-outline:before { + content: "\f17b"; } + +.ion-ios7-compose:before { + content: "\f17e"; } + +.ion-ios7-compose-outline:before { + content: "\f17d"; } + +.ion-ios7-contact:before { + content: "\f180"; } + +.ion-ios7-contact-outline:before { + content: "\f17f"; } + +.ion-ios7-copy:before { + content: "\f182"; } + +.ion-ios7-copy-outline:before { + content: "\f181"; } + +.ion-ios7-download:before { + content: "\f184"; } + +.ion-ios7-download-outline:before { + content: "\f183"; } + +.ion-ios7-drag:before { + content: "\f185"; } + +.ion-ios7-email:before { + content: "\f187"; } + +.ion-ios7-email-outline:before { + content: "\f186"; } + +.ion-ios7-eye:before { + content: "\f189"; } + +.ion-ios7-eye-outline:before { + content: "\f188"; } + +.ion-ios7-fastforward:before { + content: "\f18b"; } + +.ion-ios7-fastforward-outline:before { + content: "\f18a"; } + +.ion-ios7-filing:before { + content: "\f18d"; } + +.ion-ios7-filing-outline:before { + content: "\f18c"; } + +.ion-ios7-film:before { + content: "\f18f"; } + +.ion-ios7-film-outline:before { + content: "\f18e"; } + +.ion-ios7-flag:before { + content: "\f191"; } + +.ion-ios7-flag-outline:before { + content: "\f190"; } + +.ion-ios7-folder:before { + content: "\f193"; } + +.ion-ios7-folder-outline:before { + content: "\f192"; } + +.ion-ios7-gear:before { + content: "\f195"; } + +.ion-ios7-gear-outline:before { + content: "\f194"; } + +.ion-ios7-glasses:before { + content: "\f197"; } + +.ion-ios7-glasses-outline:before { + content: "\f196"; } + +.ion-ios7-heart:before { + content: "\f199"; } + +.ion-ios7-heart-outline:before { + content: "\f198"; } + +.ion-ios7-help:before { + content: "\f19c"; } + +.ion-ios7-help-empty:before { + content: "\f19a"; } + +.ion-ios7-help-outline:before { + content: "\f19b"; } + +.ion-ios7-infinite:before { + content: "\f19e"; } + +.ion-ios7-infinite-outline:before { + content: "\f19d"; } + +.ion-ios7-information:before { + content: "\f1a1"; } + +.ion-ios7-information-empty:before { + content: "\f19f"; } + +.ion-ios7-information-outline:before { + content: "\f1a0"; } + +.ion-ios7-ionic-outline:before { + content: "\f1a2"; } + +.ion-ios7-keypad:before { + content: "\f1a4"; } + +.ion-ios7-keypad-outline:before { + content: "\f1a3"; } + +.ion-ios7-lightbulb:before { + content: "\f287"; } + +.ion-ios7-lightbulb-outline:before { + content: "\f286"; } + +.ion-ios7-location:before { + content: "\f1a6"; } + +.ion-ios7-location-outline:before { + content: "\f1a5"; } + +.ion-ios7-locked:before { + content: "\f1a8"; } + +.ion-ios7-locked-outline:before { + content: "\f1a7"; } + +.ion-ios7-medkit:before { + content: "\f289"; } + +.ion-ios7-medkit-outline:before { + content: "\f288"; } + +.ion-ios7-mic:before { + content: "\f1ab"; } + +.ion-ios7-mic-off:before { + content: "\f1a9"; } + +.ion-ios7-mic-outline:before { + content: "\f1aa"; } + +.ion-ios7-minus:before { + content: "\f1ae"; } + +.ion-ios7-minus-empty:before { + content: "\f1ac"; } + +.ion-ios7-minus-outline:before { + content: "\f1ad"; } + +.ion-ios7-monitor:before { + content: "\f1b0"; } + +.ion-ios7-monitor-outline:before { + content: "\f1af"; } + +.ion-ios7-moon:before { + content: "\f1b2"; } + +.ion-ios7-moon-outline:before { + content: "\f1b1"; } + +.ion-ios7-more:before { + content: "\f1b4"; } + +.ion-ios7-more-outline:before { + content: "\f1b3"; } + +.ion-ios7-musical-note:before { + content: "\f1b5"; } + +.ion-ios7-musical-notes:before { + content: "\f1b6"; } + +.ion-ios7-navigate:before { + content: "\f1b8"; } + +.ion-ios7-navigate-outline:before { + content: "\f1b7"; } + +.ion-ios7-paperplane:before { + content: "\f1ba"; } + +.ion-ios7-paperplane-outline:before { + content: "\f1b9"; } + +.ion-ios7-partlysunny:before { + content: "\f1bc"; } + +.ion-ios7-partlysunny-outline:before { + content: "\f1bb"; } + +.ion-ios7-pause:before { + content: "\f1be"; } + +.ion-ios7-pause-outline:before { + content: "\f1bd"; } + +.ion-ios7-people:before { + content: "\f1c0"; } + +.ion-ios7-people-outline:before { + content: "\f1bf"; } + +.ion-ios7-person:before { + content: "\f1c2"; } + +.ion-ios7-person-outline:before { + content: "\f1c1"; } + +.ion-ios7-personadd:before { + content: "\f1c4"; } + +.ion-ios7-personadd-outline:before { + content: "\f1c3"; } + +.ion-ios7-photos:before { + content: "\f1c6"; } + +.ion-ios7-photos-outline:before { + content: "\f1c5"; } + +.ion-ios7-pie:before { + content: "\f28b"; } + +.ion-ios7-pie-outline:before { + content: "\f28a"; } + +.ion-ios7-play:before { + content: "\f1c8"; } + +.ion-ios7-play-outline:before { + content: "\f1c7"; } + +.ion-ios7-plus:before { + content: "\f1cb"; } + +.ion-ios7-plus-empty:before { + content: "\f1c9"; } + +.ion-ios7-plus-outline:before { + content: "\f1ca"; } + +.ion-ios7-pricetag:before { + content: "\f28d"; } + +.ion-ios7-pricetag-outline:before { + content: "\f28c"; } + +.ion-ios7-printer:before { + content: "\f1cd"; } + +.ion-ios7-printer-outline:before { + content: "\f1cc"; } + +.ion-ios7-rainy:before { + content: "\f1cf"; } + +.ion-ios7-rainy-outline:before { + content: "\f1ce"; } + +.ion-ios7-recording:before { + content: "\f1d1"; } + +.ion-ios7-recording-outline:before { + content: "\f1d0"; } + +.ion-ios7-redo:before { + content: "\f1d3"; } + +.ion-ios7-redo-outline:before { + content: "\f1d2"; } + +.ion-ios7-refresh:before { + content: "\f1d6"; } + +.ion-ios7-refresh-empty:before { + content: "\f1d4"; } + +.ion-ios7-refresh-outline:before { + content: "\f1d5"; } + +.ion-ios7-reload:before, .ion-ios7-reloading:before { + content: "\f28e"; } + +.ion-ios7-rewind:before { + content: "\f1d8"; } + +.ion-ios7-rewind-outline:before { + content: "\f1d7"; } + +.ion-ios7-search:before { + content: "\f1da"; } + +.ion-ios7-search-strong:before { + content: "\f1d9"; } + +.ion-ios7-skipbackward:before { + content: "\f1dc"; } + +.ion-ios7-skipbackward-outline:before { + content: "\f1db"; } + +.ion-ios7-skipforward:before { + content: "\f1de"; } + +.ion-ios7-skipforward-outline:before { + content: "\f1dd"; } + +.ion-ios7-snowy:before { + content: "\f309"; } + +.ion-ios7-speedometer:before { + content: "\f290"; } + +.ion-ios7-speedometer-outline:before { + content: "\f28f"; } + +.ion-ios7-star:before { + content: "\f1e0"; } + +.ion-ios7-star-outline:before { + content: "\f1df"; } + +.ion-ios7-stopwatch:before { + content: "\f1e2"; } + +.ion-ios7-stopwatch-outline:before { + content: "\f1e1"; } + +.ion-ios7-sunny:before { + content: "\f1e4"; } + +.ion-ios7-sunny-outline:before { + content: "\f1e3"; } + +.ion-ios7-telephone:before { + content: "\f1e6"; } + +.ion-ios7-telephone-outline:before { + content: "\f1e5"; } + +.ion-ios7-thunderstorm:before { + content: "\f1e8"; } + +.ion-ios7-thunderstorm-outline:before { + content: "\f1e7"; } + +.ion-ios7-time:before { + content: "\f292"; } + +.ion-ios7-time-outline:before { + content: "\f291"; } + +.ion-ios7-timer:before { + content: "\f1ea"; } + +.ion-ios7-timer-outline:before { + content: "\f1e9"; } + +.ion-ios7-trash:before { + content: "\f1ec"; } + +.ion-ios7-trash-outline:before { + content: "\f1eb"; } + +.ion-ios7-undo:before { + content: "\f1ee"; } + +.ion-ios7-undo-outline:before { + content: "\f1ed"; } + +.ion-ios7-unlocked:before { + content: "\f1f0"; } + +.ion-ios7-unlocked-outline:before { + content: "\f1ef"; } + +.ion-ios7-upload:before { + content: "\f1f2"; } + +.ion-ios7-upload-outline:before { + content: "\f1f1"; } + +.ion-ios7-videocam:before { + content: "\f1f4"; } + +.ion-ios7-videocam-outline:before { + content: "\f1f3"; } + +.ion-ios7-volume-high:before { + content: "\f1f5"; } + +.ion-ios7-volume-low:before { + content: "\f1f6"; } + +.ion-ios7-wineglass:before { + content: "\f294"; } + +.ion-ios7-wineglass-outline:before { + content: "\f293"; } + +.ion-ios7-world:before { + content: "\f1f8"; } + +.ion-ios7-world-outline:before { + content: "\f1f7"; } + +.ion-ipad:before { + content: "\f1f9"; } + +.ion-iphone:before { + content: "\f1fa"; } + +.ion-ipod:before { + content: "\f1fb"; } + +.ion-jet:before { + content: "\f295"; } + +.ion-key:before { + content: "\f296"; } + +.ion-knife:before { + content: "\f297"; } + +.ion-laptop:before { + content: "\f1fc"; } + +.ion-leaf:before { + content: "\f1fd"; } + +.ion-levels:before { + content: "\f298"; } + +.ion-lightbulb:before { + content: "\f299"; } + +.ion-link:before { + content: "\f1fe"; } + +.ion-load-a:before, .ion-loading-a:before { + content: "\f29a"; } + +.ion-load-b:before, .ion-loading-b:before { + content: "\f29b"; } + +.ion-load-c:before, .ion-loading-c:before { + content: "\f29c"; } + +.ion-load-d:before, .ion-loading-d:before { + content: "\f29d"; } + +.ion-location:before { + content: "\f1ff"; } + +.ion-locked:before { + content: "\f200"; } + +.ion-log-in:before { + content: "\f29e"; } + +.ion-log-out:before { + content: "\f29f"; } + +.ion-loop:before, .ion-looping:before { + content: "\f201"; } + +.ion-magnet:before { + content: "\f2a0"; } + +.ion-male:before { + content: "\f2a1"; } + +.ion-man:before { + content: "\f202"; } + +.ion-map:before { + content: "\f203"; } + +.ion-medkit:before { + content: "\f2a2"; } + +.ion-mic-a:before { + content: "\f204"; } + +.ion-mic-b:before { + content: "\f205"; } + +.ion-mic-c:before { + content: "\f206"; } + +.ion-minus:before { + content: "\f209"; } + +.ion-minus-circled:before { + content: "\f207"; } + +.ion-minus-round:before { + content: "\f208"; } + +.ion-model-s:before { + content: "\f2c1"; } + +.ion-monitor:before { + content: "\f20a"; } + +.ion-more:before { + content: "\f20b"; } + +.ion-music-note:before { + content: "\f20c"; } + +.ion-navicon:before { + content: "\f20e"; } + +.ion-navicon-round:before { + content: "\f20d"; } + +.ion-navigate:before { + content: "\f2a3"; } + +.ion-no-smoking:before { + content: "\f2c2"; } + +.ion-nuclear:before { + content: "\f2a4"; } + +.ion-paper-airplane:before { + content: "\f2c3"; } + +.ion-paperclip:before { + content: "\f20f"; } + +.ion-pause:before { + content: "\f210"; } + +.ion-person:before { + content: "\f213"; } + +.ion-person-add:before { + content: "\f211"; } + +.ion-person-stalker:before { + content: "\f212"; } + +.ion-pie-graph:before { + content: "\f2a5"; } + +.ion-pin:before { + content: "\f2a6"; } + +.ion-pinpoint:before { + content: "\f2a7"; } + +.ion-pizza:before { + content: "\f2a8"; } + +.ion-plane:before { + content: "\f214"; } + +.ion-play:before { + content: "\f215"; } + +.ion-playstation:before { + content: "\f30a"; } + +.ion-plus:before { + content: "\f218"; } + +.ion-plus-circled:before { + content: "\f216"; } + +.ion-plus-round:before { + content: "\f217"; } + +.ion-pound:before { + content: "\f219"; } + +.ion-power:before { + content: "\f2a9"; } + +.ion-pricetag:before { + content: "\f2aa"; } + +.ion-pricetags:before { + content: "\f2ab"; } + +.ion-printer:before { + content: "\f21a"; } + +.ion-radio-waves:before { + content: "\f2ac"; } + +.ion-record:before { + content: "\f21b"; } + +.ion-refresh:before, .ion-refreshing:before { + content: "\f21c"; } + +.ion-reply:before { + content: "\f21e"; } + +.ion-reply-all:before { + content: "\f21d"; } + +.ion-search:before { + content: "\f21f"; } + +.ion-settings:before { + content: "\f2ad"; } + +.ion-share:before { + content: "\f220"; } + +.ion-shuffle:before { + content: "\f221"; } + +.ion-skip-backward:before { + content: "\f222"; } + +.ion-skip-forward:before { + content: "\f223"; } + +.ion-social-android:before { + content: "\f225"; } + +.ion-social-android-outline:before { + content: "\f224"; } + +.ion-social-apple:before { + content: "\f227"; } + +.ion-social-apple-outline:before { + content: "\f226"; } + +.ion-social-bitcoin:before { + content: "\f2af"; } + +.ion-social-bitcoin-outline:before { + content: "\f2ae"; } + +.ion-social-buffer:before { + content: "\f229"; } + +.ion-social-buffer-outline:before { + content: "\f228"; } + +.ion-social-designernews:before { + content: "\f22b"; } + +.ion-social-designernews-outline:before { + content: "\f22a"; } + +.ion-social-dribbble:before { + content: "\f22d"; } + +.ion-social-dribbble-outline:before { + content: "\f22c"; } + +.ion-social-dropbox:before { + content: "\f22f"; } + +.ion-social-dropbox-outline:before { + content: "\f22e"; } + +.ion-social-facebook:before { + content: "\f231"; } + +.ion-social-facebook-outline:before { + content: "\f230"; } + +.ion-social-freebsd-devil:before { + content: "\f2c4"; } + +.ion-social-github:before { + content: "\f233"; } + +.ion-social-github-outline:before { + content: "\f232"; } + +.ion-social-googleplus:before { + content: "\f235"; } + +.ion-social-googleplus-outline:before { + content: "\f234"; } + +.ion-social-hackernews:before { + content: "\f237"; } + +.ion-social-hackernews-outline:before { + content: "\f236"; } + +.ion-social-linkedin:before { + content: "\f239"; } + +.ion-social-linkedin-outline:before { + content: "\f238"; } + +.ion-social-pinterest:before { + content: "\f2b1"; } + +.ion-social-pinterest-outline:before { + content: "\f2b0"; } + +.ion-social-reddit:before { + content: "\f23b"; } + +.ion-social-reddit-outline:before { + content: "\f23a"; } + +.ion-social-rss:before { + content: "\f23d"; } + +.ion-social-rss-outline:before { + content: "\f23c"; } + +.ion-social-skype:before { + content: "\f23f"; } + +.ion-social-skype-outline:before { + content: "\f23e"; } + +.ion-social-tumblr:before { + content: "\f241"; } + +.ion-social-tumblr-outline:before { + content: "\f240"; } + +.ion-social-tux:before { + content: "\f2c5"; } + +.ion-social-twitter:before { + content: "\f243"; } + +.ion-social-twitter-outline:before { + content: "\f242"; } + +.ion-social-vimeo:before { + content: "\f245"; } + +.ion-social-vimeo-outline:before { + content: "\f244"; } + +.ion-social-windows:before { + content: "\f247"; } + +.ion-social-windows-outline:before { + content: "\f246"; } + +.ion-social-wordpress:before { + content: "\f249"; } + +.ion-social-wordpress-outline:before { + content: "\f248"; } + +.ion-social-yahoo:before { + content: "\f24b"; } + +.ion-social-yahoo-outline:before { + content: "\f24a"; } + +.ion-social-youtube:before { + content: "\f24d"; } + +.ion-social-youtube-outline:before { + content: "\f24c"; } + +.ion-speakerphone:before { + content: "\f2b2"; } + +.ion-speedometer:before { + content: "\f2b3"; } + +.ion-spoon:before { + content: "\f2b4"; } + +.ion-star:before { + content: "\f24e"; } + +.ion-stats-bars:before { + content: "\f2b5"; } + +.ion-steam:before { + content: "\f30b"; } + +.ion-stop:before { + content: "\f24f"; } + +.ion-thermometer:before { + content: "\f2b6"; } + +.ion-thumbsdown:before { + content: "\f250"; } + +.ion-thumbsup:before { + content: "\f251"; } + +.ion-trash-a:before { + content: "\f252"; } + +.ion-trash-b:before { + content: "\f253"; } + +.ion-umbrella:before { + content: "\f2b7"; } + +.ion-unlocked:before { + content: "\f254"; } + +.ion-upload:before { + content: "\f255"; } + +.ion-usb:before { + content: "\f2b8"; } + +.ion-videocamera:before { + content: "\f256"; } + +.ion-volume-high:before { + content: "\f257"; } + +.ion-volume-low:before { + content: "\f258"; } + +.ion-volume-medium:before { + content: "\f259"; } + +.ion-volume-mute:before { + content: "\f25a"; } + +.ion-waterdrop:before { + content: "\f25b"; } + +.ion-wifi:before { + content: "\f25c"; } + +.ion-wineglass:before { + content: "\f2b9"; } + +.ion-woman:before { + content: "\f25d"; } + +.ion-wrench:before { + content: "\f2ba"; } + +.ion-xbox:before { + content: "\f30c"; } diff --git a/css/vendor/ionicons.min.css b/css/vendor/ionicons.min.css new file mode 100755 index 0000000..ca4d09a --- /dev/null +++ b/css/vendor/ionicons.min.css @@ -0,0 +1,6 @@ +/*! + Ionicons, v1.4.0 + Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ + https://twitter.com/helloimben https://twitter.com/ionicframework + MIT License: https://github.com/driftyco/ionicons +*/@font-face{font-family:"Ionicons";src:url("../../fonts/ionicons.eot?v=1.4.0");src:url("../../fonts/ionicons.eot?v=1.4.0#iefix") format("embedded-opentype"),url("../../fonts/ionicons.ttf?v=1.4.0") format("truetype"),url("../../fonts/ionicons.woff?v=1.4.0") format("woff"),url("../../fonts/ionicons.svg?v=1.4.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ion-loading-a,.ion-loading-b,.ion-loading-c,.ion-loading-d,.ion-looping,.ion-refreshing,.ion-ios7-reloading,.ionicons,.ion-alert,.ion-alert-circled,.ion-android-add,.ion-android-add-contact,.ion-android-alarm,.ion-android-archive,.ion-android-arrow-back,.ion-android-arrow-down-left,.ion-android-arrow-down-right,.ion-android-arrow-up-left,.ion-android-arrow-up-right,.ion-android-battery,.ion-android-book,.ion-android-calendar,.ion-android-call,.ion-android-camera,.ion-android-chat,.ion-android-checkmark,.ion-android-clock,.ion-android-close,.ion-android-contact,.ion-android-contacts,.ion-android-data,.ion-android-developer,.ion-android-display,.ion-android-download,.ion-android-dropdown,.ion-android-earth,.ion-android-folder,.ion-android-forums,.ion-android-friends,.ion-android-hand,.ion-android-image,.ion-android-inbox,.ion-android-information,.ion-android-keypad,.ion-android-lightbulb,.ion-android-locate,.ion-android-location,.ion-android-mail,.ion-android-microphone,.ion-android-mixer,.ion-android-more,.ion-android-note,.ion-android-playstore,.ion-android-printer,.ion-android-promotion,.ion-android-reminder,.ion-android-remove,.ion-android-search,.ion-android-send,.ion-android-settings,.ion-android-share,.ion-android-social,.ion-android-social-user,.ion-android-sort,.ion-android-star,.ion-android-stopwatch,.ion-android-storage,.ion-android-system-back,.ion-android-system-home,.ion-android-system-windows,.ion-android-timer,.ion-android-trash,.ion-android-volume,.ion-android-wifi,.ion-archive,.ion-arrow-down-a,.ion-arrow-down-b,.ion-arrow-down-c,.ion-arrow-expand,.ion-arrow-graph-down-left,.ion-arrow-graph-down-right,.ion-arrow-graph-up-left,.ion-arrow-graph-up-right,.ion-arrow-left-a,.ion-arrow-left-b,.ion-arrow-left-c,.ion-arrow-move,.ion-arrow-resize,.ion-arrow-return-left,.ion-arrow-return-right,.ion-arrow-right-a,.ion-arrow-right-b,.ion-arrow-right-c,.ion-arrow-shrink,.ion-arrow-swap,.ion-arrow-up-a,.ion-arrow-up-b,.ion-arrow-up-c,.ion-at,.ion-bag,.ion-battery-charging,.ion-battery-empty,.ion-battery-full,.ion-battery-half,.ion-battery-low,.ion-beaker,.ion-beer,.ion-bluetooth,.ion-bookmark,.ion-briefcase,.ion-bug,.ion-calculator,.ion-calendar,.ion-camera,.ion-card,.ion-chatbox,.ion-chatbox-working,.ion-chatboxes,.ion-chatbubble,.ion-chatbubble-working,.ion-chatbubbles,.ion-checkmark,.ion-checkmark-circled,.ion-checkmark-round,.ion-chevron-down,.ion-chevron-left,.ion-chevron-right,.ion-chevron-up,.ion-clipboard,.ion-clock,.ion-close,.ion-close-circled,.ion-close-round,.ion-cloud,.ion-code,.ion-code-download,.ion-code-working,.ion-coffee,.ion-compass,.ion-compose,.ion-connection-bars,.ion-contrast,.ion-disc,.ion-document,.ion-document-text,.ion-drag,.ion-earth,.ion-edit,.ion-egg,.ion-eject,.ion-email,.ion-eye,.ion-eye-disabled,.ion-female,.ion-filing,.ion-film-marker,.ion-flag,.ion-flash,.ion-flash-off,.ion-flask,.ion-folder,.ion-fork,.ion-fork-repo,.ion-forward,.ion-game-controller-a,.ion-game-controller-b,.ion-gear-a,.ion-gear-b,.ion-grid,.ion-hammer,.ion-headphone,.ion-heart,.ion-help,.ion-help-buoy,.ion-help-circled,.ion-home,.ion-icecream,.ion-icon-social-google-plus,.ion-icon-social-google-plus-outline,.ion-image,.ion-images,.ion-information,.ion-information-circled,.ion-ionic,.ion-ios7-alarm,.ion-ios7-alarm-outline,.ion-ios7-albums,.ion-ios7-albums-outline,.ion-ios7-arrow-back,.ion-ios7-arrow-down,.ion-ios7-arrow-forward,.ion-ios7-arrow-left,.ion-ios7-arrow-right,.ion-ios7-arrow-thin-down,.ion-ios7-arrow-thin-left,.ion-ios7-arrow-thin-right,.ion-ios7-arrow-thin-up,.ion-ios7-arrow-up,.ion-ios7-at,.ion-ios7-at-outline,.ion-ios7-bell,.ion-ios7-bell-outline,.ion-ios7-bolt,.ion-ios7-bolt-outline,.ion-ios7-bookmarks,.ion-ios7-bookmarks-outline,.ion-ios7-box,.ion-ios7-box-outline,.ion-ios7-briefcase,.ion-ios7-briefcase-outline,.ion-ios7-browsers,.ion-ios7-browsers-outline,.ion-ios7-calculator,.ion-ios7-calculator-outline,.ion-ios7-calendar,.ion-ios7-calendar-outline,.ion-ios7-camera,.ion-ios7-camera-outline,.ion-ios7-cart,.ion-ios7-cart-outline,.ion-ios7-chatboxes,.ion-ios7-chatboxes-outline,.ion-ios7-chatbubble,.ion-ios7-chatbubble-outline,.ion-ios7-checkmark,.ion-ios7-checkmark-empty,.ion-ios7-checkmark-outline,.ion-ios7-circle-filled,.ion-ios7-circle-outline,.ion-ios7-clock,.ion-ios7-clock-outline,.ion-ios7-close,.ion-ios7-close-empty,.ion-ios7-close-outline,.ion-ios7-cloud,.ion-ios7-cloud-download,.ion-ios7-cloud-download-outline,.ion-ios7-cloud-outline,.ion-ios7-cloud-upload,.ion-ios7-cloud-upload-outline,.ion-ios7-cloudy,.ion-ios7-cloudy-night,.ion-ios7-cloudy-night-outline,.ion-ios7-cloudy-outline,.ion-ios7-cog,.ion-ios7-cog-outline,.ion-ios7-compose,.ion-ios7-compose-outline,.ion-ios7-contact,.ion-ios7-contact-outline,.ion-ios7-copy,.ion-ios7-copy-outline,.ion-ios7-download,.ion-ios7-download-outline,.ion-ios7-drag,.ion-ios7-email,.ion-ios7-email-outline,.ion-ios7-eye,.ion-ios7-eye-outline,.ion-ios7-fastforward,.ion-ios7-fastforward-outline,.ion-ios7-filing,.ion-ios7-filing-outline,.ion-ios7-film,.ion-ios7-film-outline,.ion-ios7-flag,.ion-ios7-flag-outline,.ion-ios7-folder,.ion-ios7-folder-outline,.ion-ios7-gear,.ion-ios7-gear-outline,.ion-ios7-glasses,.ion-ios7-glasses-outline,.ion-ios7-heart,.ion-ios7-heart-outline,.ion-ios7-help,.ion-ios7-help-empty,.ion-ios7-help-outline,.ion-ios7-infinite,.ion-ios7-infinite-outline,.ion-ios7-information,.ion-ios7-information-empty,.ion-ios7-information-outline,.ion-ios7-ionic-outline,.ion-ios7-keypad,.ion-ios7-keypad-outline,.ion-ios7-lightbulb,.ion-ios7-lightbulb-outline,.ion-ios7-location,.ion-ios7-location-outline,.ion-ios7-locked,.ion-ios7-locked-outline,.ion-ios7-medkit,.ion-ios7-medkit-outline,.ion-ios7-mic,.ion-ios7-mic-off,.ion-ios7-mic-outline,.ion-ios7-minus,.ion-ios7-minus-empty,.ion-ios7-minus-outline,.ion-ios7-monitor,.ion-ios7-monitor-outline,.ion-ios7-moon,.ion-ios7-moon-outline,.ion-ios7-more,.ion-ios7-more-outline,.ion-ios7-musical-note,.ion-ios7-musical-notes,.ion-ios7-navigate,.ion-ios7-navigate-outline,.ion-ios7-paperplane,.ion-ios7-paperplane-outline,.ion-ios7-partlysunny,.ion-ios7-partlysunny-outline,.ion-ios7-pause,.ion-ios7-pause-outline,.ion-ios7-people,.ion-ios7-people-outline,.ion-ios7-person,.ion-ios7-person-outline,.ion-ios7-personadd,.ion-ios7-personadd-outline,.ion-ios7-photos,.ion-ios7-photos-outline,.ion-ios7-pie,.ion-ios7-pie-outline,.ion-ios7-play,.ion-ios7-play-outline,.ion-ios7-plus,.ion-ios7-plus-empty,.ion-ios7-plus-outline,.ion-ios7-pricetag,.ion-ios7-pricetag-outline,.ion-ios7-printer,.ion-ios7-printer-outline,.ion-ios7-rainy,.ion-ios7-rainy-outline,.ion-ios7-recording,.ion-ios7-recording-outline,.ion-ios7-redo,.ion-ios7-redo-outline,.ion-ios7-refresh,.ion-ios7-refresh-empty,.ion-ios7-refresh-outline,.ion-ios7-reload,.ion-ios7-rewind,.ion-ios7-rewind-outline,.ion-ios7-search,.ion-ios7-search-strong,.ion-ios7-skipbackward,.ion-ios7-skipbackward-outline,.ion-ios7-skipforward,.ion-ios7-skipforward-outline,.ion-ios7-snowy,.ion-ios7-speedometer,.ion-ios7-speedometer-outline,.ion-ios7-star,.ion-ios7-star-outline,.ion-ios7-stopwatch,.ion-ios7-stopwatch-outline,.ion-ios7-sunny,.ion-ios7-sunny-outline,.ion-ios7-telephone,.ion-ios7-telephone-outline,.ion-ios7-thunderstorm,.ion-ios7-thunderstorm-outline,.ion-ios7-time,.ion-ios7-time-outline,.ion-ios7-timer,.ion-ios7-timer-outline,.ion-ios7-trash,.ion-ios7-trash-outline,.ion-ios7-undo,.ion-ios7-undo-outline,.ion-ios7-unlocked,.ion-ios7-unlocked-outline,.ion-ios7-upload,.ion-ios7-upload-outline,.ion-ios7-videocam,.ion-ios7-videocam-outline,.ion-ios7-volume-high,.ion-ios7-volume-low,.ion-ios7-wineglass,.ion-ios7-wineglass-outline,.ion-ios7-world,.ion-ios7-world-outline,.ion-ipad,.ion-iphone,.ion-ipod,.ion-jet,.ion-key,.ion-knife,.ion-laptop,.ion-leaf,.ion-levels,.ion-lightbulb,.ion-link,.ion-load-a,.ion-load-b,.ion-load-c,.ion-load-d,.ion-location,.ion-locked,.ion-log-in,.ion-log-out,.ion-loop,.ion-magnet,.ion-male,.ion-man,.ion-map,.ion-medkit,.ion-mic-a,.ion-mic-b,.ion-mic-c,.ion-minus,.ion-minus-circled,.ion-minus-round,.ion-model-s,.ion-monitor,.ion-more,.ion-music-note,.ion-navicon,.ion-navicon-round,.ion-navigate,.ion-no-smoking,.ion-nuclear,.ion-paper-airplane,.ion-paperclip,.ion-pause,.ion-person,.ion-person-add,.ion-person-stalker,.ion-pie-graph,.ion-pin,.ion-pinpoint,.ion-pizza,.ion-plane,.ion-play,.ion-playstation,.ion-plus,.ion-plus-circled,.ion-plus-round,.ion-pound,.ion-power,.ion-pricetag,.ion-pricetags,.ion-printer,.ion-radio-waves,.ion-record,.ion-refresh,.ion-reply,.ion-reply-all,.ion-search,.ion-settings,.ion-share,.ion-shuffle,.ion-skip-backward,.ion-skip-forward,.ion-social-android,.ion-social-android-outline,.ion-social-apple,.ion-social-apple-outline,.ion-social-bitcoin,.ion-social-bitcoin-outline,.ion-social-buffer,.ion-social-buffer-outline,.ion-social-designernews,.ion-social-designernews-outline,.ion-social-dribbble,.ion-social-dribbble-outline,.ion-social-dropbox,.ion-social-dropbox-outline,.ion-social-facebook,.ion-social-facebook-outline,.ion-social-freebsd-devil,.ion-social-github,.ion-social-github-outline,.ion-social-googleplus,.ion-social-googleplus-outline,.ion-social-hackernews,.ion-social-hackernews-outline,.ion-social-linkedin,.ion-social-linkedin-outline,.ion-social-pinterest,.ion-social-pinterest-outline,.ion-social-reddit,.ion-social-reddit-outline,.ion-social-rss,.ion-social-rss-outline,.ion-social-skype,.ion-social-skype-outline,.ion-social-tumblr,.ion-social-tumblr-outline,.ion-social-tux,.ion-social-twitter,.ion-social-twitter-outline,.ion-social-vimeo,.ion-social-vimeo-outline,.ion-social-windows,.ion-social-windows-outline,.ion-social-wordpress,.ion-social-wordpress-outline,.ion-social-yahoo,.ion-social-yahoo-outline,.ion-social-youtube,.ion-social-youtube-outline,.ion-speakerphone,.ion-speedometer,.ion-spoon,.ion-star,.ion-stats-bars,.ion-steam,.ion-stop,.ion-thermometer,.ion-thumbsdown,.ion-thumbsup,.ion-trash-a,.ion-trash-b,.ion-umbrella,.ion-unlocked,.ion-upload,.ion-usb,.ion-videocamera,.ion-volume-high,.ion-volume-low,.ion-volume-medium,.ion-volume-mute,.ion-waterdrop,.ion-wifi,.ion-wineglass,.ion-woman,.ion-wrench,.ion-xbox{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-spin,.ion-loading-a,.ion-loading-b,.ion-loading-c,.ion-loading-d,.ion-looping,.ion-refreshing,.ion-ios7-reloading{-webkit-animation:spin 1s infinite linear;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.ion-loading-a{-webkit-animation-timing-function:steps(8, start);-moz-animation-timing-function:steps(8, start);animation-timing-function:steps(8, start)}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-contact:before{content:"\f2c6"}.ion-android-alarm:before{content:"\f2c8"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down-left:before{content:"\f2cb"}.ion-android-arrow-down-right:before{content:"\f2cc"}.ion-android-arrow-up-left:before{content:"\f2cd"}.ion-android-arrow-up-right:before{content:"\f2ce"}.ion-android-battery:before{content:"\f2cf"}.ion-android-book:before{content:"\f2d0"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkmark:before{content:"\f2d5"}.ion-android-clock:before{content:"\f2d6"}.ion-android-close:before{content:"\f2d7"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-data:before{content:"\f2da"}.ion-android-developer:before{content:"\f2db"}.ion-android-display:before{content:"\f2dc"}.ion-android-download:before{content:"\f2dd"}.ion-android-dropdown:before{content:"\f2de"}.ion-android-earth:before{content:"\f2df"}.ion-android-folder:before{content:"\f2e0"}.ion-android-forums:before{content:"\f2e1"}.ion-android-friends:before{content:"\f2e2"}.ion-android-hand:before{content:"\f2e3"}.ion-android-image:before{content:"\f2e4"}.ion-android-inbox:before{content:"\f2e5"}.ion-android-information:before{content:"\f2e6"}.ion-android-keypad:before{content:"\f2e7"}.ion-android-lightbulb:before{content:"\f2e8"}.ion-android-locate:before{content:"\f2e9"}.ion-android-location:before{content:"\f2ea"}.ion-android-mail:before{content:"\f2eb"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-mixer:before{content:"\f2ed"}.ion-android-more:before{content:"\f2ee"}.ion-android-note:before{content:"\f2ef"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-printer:before{content:"\f2f1"}.ion-android-promotion:before{content:"\f2f2"}.ion-android-reminder:before{content:"\f2f3"}.ion-android-remove:before{content:"\f2f4"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-social:before{content:"\f2fa"}.ion-android-social-user:before{content:"\f2f9"}.ion-android-sort:before{content:"\f2fb"}.ion-android-star:before{content:"\f2fc"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-storage:before{content:"\f2fe"}.ion-android-system-back:before{content:"\f2ff"}.ion-android-system-home:before{content:"\f300"}.ion-android-system-windows:before{content:"\f301"}.ion-android-timer:before{content:"\f302"}.ion-android-trash:before{content:"\f303"}.ion-android-volume:before{content:"\f304"}.ion-android-wifi:before{content:"\f305"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-at:before{content:"\f10f"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bookmark:before{content:"\f26b"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-flag:before{content:"\f279"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-flask:before{content:"\f138"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-game-controller-a:before{content:"\f13b"}.ion-game-controller-b:before{content:"\f13c"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-icon-social-google-plus:before{content:"\f146"}.ion-icon-social-google-plus-outline:before{content:"\f145"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios7-alarm:before{content:"\f14d"}.ion-ios7-alarm-outline:before{content:"\f14c"}.ion-ios7-albums:before{content:"\f14f"}.ion-ios7-albums-outline:before{content:"\f14e"}.ion-ios7-arrow-back:before{content:"\f150"}.ion-ios7-arrow-down:before{content:"\f151"}.ion-ios7-arrow-forward:before{content:"\f152"}.ion-ios7-arrow-left:before{content:"\f153"}.ion-ios7-arrow-right:before{content:"\f154"}.ion-ios7-arrow-thin-down:before{content:"\f27e"}.ion-ios7-arrow-thin-left:before{content:"\f27f"}.ion-ios7-arrow-thin-right:before{content:"\f280"}.ion-ios7-arrow-thin-up:before{content:"\f281"}.ion-ios7-arrow-up:before{content:"\f155"}.ion-ios7-at:before{content:"\f157"}.ion-ios7-at-outline:before{content:"\f156"}.ion-ios7-bell:before{content:"\f159"}.ion-ios7-bell-outline:before{content:"\f158"}.ion-ios7-bolt:before{content:"\f15b"}.ion-ios7-bolt-outline:before{content:"\f15a"}.ion-ios7-bookmarks:before{content:"\f15d"}.ion-ios7-bookmarks-outline:before{content:"\f15c"}.ion-ios7-box:before{content:"\f15f"}.ion-ios7-box-outline:before{content:"\f15e"}.ion-ios7-briefcase:before{content:"\f283"}.ion-ios7-briefcase-outline:before{content:"\f282"}.ion-ios7-browsers:before{content:"\f161"}.ion-ios7-browsers-outline:before{content:"\f160"}.ion-ios7-calculator:before{content:"\f285"}.ion-ios7-calculator-outline:before{content:"\f284"}.ion-ios7-calendar:before{content:"\f163"}.ion-ios7-calendar-outline:before{content:"\f162"}.ion-ios7-camera:before{content:"\f165"}.ion-ios7-camera-outline:before{content:"\f164"}.ion-ios7-cart:before{content:"\f167"}.ion-ios7-cart-outline:before{content:"\f166"}.ion-ios7-chatboxes:before{content:"\f169"}.ion-ios7-chatboxes-outline:before{content:"\f168"}.ion-ios7-chatbubble:before{content:"\f16b"}.ion-ios7-chatbubble-outline:before{content:"\f16a"}.ion-ios7-checkmark:before{content:"\f16e"}.ion-ios7-checkmark-empty:before{content:"\f16c"}.ion-ios7-checkmark-outline:before{content:"\f16d"}.ion-ios7-circle-filled:before{content:"\f16f"}.ion-ios7-circle-outline:before{content:"\f170"}.ion-ios7-clock:before{content:"\f172"}.ion-ios7-clock-outline:before{content:"\f171"}.ion-ios7-close:before{content:"\f2bc"}.ion-ios7-close-empty:before{content:"\f2bd"}.ion-ios7-close-outline:before{content:"\f2bb"}.ion-ios7-cloud:before{content:"\f178"}.ion-ios7-cloud-download:before{content:"\f174"}.ion-ios7-cloud-download-outline:before{content:"\f173"}.ion-ios7-cloud-outline:before{content:"\f175"}.ion-ios7-cloud-upload:before{content:"\f177"}.ion-ios7-cloud-upload-outline:before{content:"\f176"}.ion-ios7-cloudy:before{content:"\f17a"}.ion-ios7-cloudy-night:before{content:"\f308"}.ion-ios7-cloudy-night-outline:before{content:"\f307"}.ion-ios7-cloudy-outline:before{content:"\f179"}.ion-ios7-cog:before{content:"\f17c"}.ion-ios7-cog-outline:before{content:"\f17b"}.ion-ios7-compose:before{content:"\f17e"}.ion-ios7-compose-outline:before{content:"\f17d"}.ion-ios7-contact:before{content:"\f180"}.ion-ios7-contact-outline:before{content:"\f17f"}.ion-ios7-copy:before{content:"\f182"}.ion-ios7-copy-outline:before{content:"\f181"}.ion-ios7-download:before{content:"\f184"}.ion-ios7-download-outline:before{content:"\f183"}.ion-ios7-drag:before{content:"\f185"}.ion-ios7-email:before{content:"\f187"}.ion-ios7-email-outline:before{content:"\f186"}.ion-ios7-eye:before{content:"\f189"}.ion-ios7-eye-outline:before{content:"\f188"}.ion-ios7-fastforward:before{content:"\f18b"}.ion-ios7-fastforward-outline:before{content:"\f18a"}.ion-ios7-filing:before{content:"\f18d"}.ion-ios7-filing-outline:before{content:"\f18c"}.ion-ios7-film:before{content:"\f18f"}.ion-ios7-film-outline:before{content:"\f18e"}.ion-ios7-flag:before{content:"\f191"}.ion-ios7-flag-outline:before{content:"\f190"}.ion-ios7-folder:before{content:"\f193"}.ion-ios7-folder-outline:before{content:"\f192"}.ion-ios7-gear:before{content:"\f195"}.ion-ios7-gear-outline:before{content:"\f194"}.ion-ios7-glasses:before{content:"\f197"}.ion-ios7-glasses-outline:before{content:"\f196"}.ion-ios7-heart:before{content:"\f199"}.ion-ios7-heart-outline:before{content:"\f198"}.ion-ios7-help:before{content:"\f19c"}.ion-ios7-help-empty:before{content:"\f19a"}.ion-ios7-help-outline:before{content:"\f19b"}.ion-ios7-infinite:before{content:"\f19e"}.ion-ios7-infinite-outline:before{content:"\f19d"}.ion-ios7-information:before{content:"\f1a1"}.ion-ios7-information-empty:before{content:"\f19f"}.ion-ios7-information-outline:before{content:"\f1a0"}.ion-ios7-ionic-outline:before{content:"\f1a2"}.ion-ios7-keypad:before{content:"\f1a4"}.ion-ios7-keypad-outline:before{content:"\f1a3"}.ion-ios7-lightbulb:before{content:"\f287"}.ion-ios7-lightbulb-outline:before{content:"\f286"}.ion-ios7-location:before{content:"\f1a6"}.ion-ios7-location-outline:before{content:"\f1a5"}.ion-ios7-locked:before{content:"\f1a8"}.ion-ios7-locked-outline:before{content:"\f1a7"}.ion-ios7-medkit:before{content:"\f289"}.ion-ios7-medkit-outline:before{content:"\f288"}.ion-ios7-mic:before{content:"\f1ab"}.ion-ios7-mic-off:before{content:"\f1a9"}.ion-ios7-mic-outline:before{content:"\f1aa"}.ion-ios7-minus:before{content:"\f1ae"}.ion-ios7-minus-empty:before{content:"\f1ac"}.ion-ios7-minus-outline:before{content:"\f1ad"}.ion-ios7-monitor:before{content:"\f1b0"}.ion-ios7-monitor-outline:before{content:"\f1af"}.ion-ios7-moon:before{content:"\f1b2"}.ion-ios7-moon-outline:before{content:"\f1b1"}.ion-ios7-more:before{content:"\f1b4"}.ion-ios7-more-outline:before{content:"\f1b3"}.ion-ios7-musical-note:before{content:"\f1b5"}.ion-ios7-musical-notes:before{content:"\f1b6"}.ion-ios7-navigate:before{content:"\f1b8"}.ion-ios7-navigate-outline:before{content:"\f1b7"}.ion-ios7-paperplane:before{content:"\f1ba"}.ion-ios7-paperplane-outline:before{content:"\f1b9"}.ion-ios7-partlysunny:before{content:"\f1bc"}.ion-ios7-partlysunny-outline:before{content:"\f1bb"}.ion-ios7-pause:before{content:"\f1be"}.ion-ios7-pause-outline:before{content:"\f1bd"}.ion-ios7-people:before{content:"\f1c0"}.ion-ios7-people-outline:before{content:"\f1bf"}.ion-ios7-person:before{content:"\f1c2"}.ion-ios7-person-outline:before{content:"\f1c1"}.ion-ios7-personadd:before{content:"\f1c4"}.ion-ios7-personadd-outline:before{content:"\f1c3"}.ion-ios7-photos:before{content:"\f1c6"}.ion-ios7-photos-outline:before{content:"\f1c5"}.ion-ios7-pie:before{content:"\f28b"}.ion-ios7-pie-outline:before{content:"\f28a"}.ion-ios7-play:before{content:"\f1c8"}.ion-ios7-play-outline:before{content:"\f1c7"}.ion-ios7-plus:before{content:"\f1cb"}.ion-ios7-plus-empty:before{content:"\f1c9"}.ion-ios7-plus-outline:before{content:"\f1ca"}.ion-ios7-pricetag:before{content:"\f28d"}.ion-ios7-pricetag-outline:before{content:"\f28c"}.ion-ios7-printer:before{content:"\f1cd"}.ion-ios7-printer-outline:before{content:"\f1cc"}.ion-ios7-rainy:before{content:"\f1cf"}.ion-ios7-rainy-outline:before{content:"\f1ce"}.ion-ios7-recording:before{content:"\f1d1"}.ion-ios7-recording-outline:before{content:"\f1d0"}.ion-ios7-redo:before{content:"\f1d3"}.ion-ios7-redo-outline:before{content:"\f1d2"}.ion-ios7-refresh:before{content:"\f1d6"}.ion-ios7-refresh-empty:before{content:"\f1d4"}.ion-ios7-refresh-outline:before{content:"\f1d5"}.ion-ios7-reload:before,.ion-ios7-reloading:before{content:"\f28e"}.ion-ios7-rewind:before{content:"\f1d8"}.ion-ios7-rewind-outline:before{content:"\f1d7"}.ion-ios7-search:before{content:"\f1da"}.ion-ios7-search-strong:before{content:"\f1d9"}.ion-ios7-skipbackward:before{content:"\f1dc"}.ion-ios7-skipbackward-outline:before{content:"\f1db"}.ion-ios7-skipforward:before{content:"\f1de"}.ion-ios7-skipforward-outline:before{content:"\f1dd"}.ion-ios7-snowy:before{content:"\f309"}.ion-ios7-speedometer:before{content:"\f290"}.ion-ios7-speedometer-outline:before{content:"\f28f"}.ion-ios7-star:before{content:"\f1e0"}.ion-ios7-star-outline:before{content:"\f1df"}.ion-ios7-stopwatch:before{content:"\f1e2"}.ion-ios7-stopwatch-outline:before{content:"\f1e1"}.ion-ios7-sunny:before{content:"\f1e4"}.ion-ios7-sunny-outline:before{content:"\f1e3"}.ion-ios7-telephone:before{content:"\f1e6"}.ion-ios7-telephone-outline:before{content:"\f1e5"}.ion-ios7-thunderstorm:before{content:"\f1e8"}.ion-ios7-thunderstorm-outline:before{content:"\f1e7"}.ion-ios7-time:before{content:"\f292"}.ion-ios7-time-outline:before{content:"\f291"}.ion-ios7-timer:before{content:"\f1ea"}.ion-ios7-timer-outline:before{content:"\f1e9"}.ion-ios7-trash:before{content:"\f1ec"}.ion-ios7-trash-outline:before{content:"\f1eb"}.ion-ios7-undo:before{content:"\f1ee"}.ion-ios7-undo-outline:before{content:"\f1ed"}.ion-ios7-unlocked:before{content:"\f1f0"}.ion-ios7-unlocked-outline:before{content:"\f1ef"}.ion-ios7-upload:before{content:"\f1f2"}.ion-ios7-upload-outline:before{content:"\f1f1"}.ion-ios7-videocam:before{content:"\f1f4"}.ion-ios7-videocam-outline:before{content:"\f1f3"}.ion-ios7-volume-high:before{content:"\f1f5"}.ion-ios7-volume-low:before{content:"\f1f6"}.ion-ios7-wineglass:before{content:"\f294"}.ion-ios7-wineglass-outline:before{content:"\f293"}.ion-ios7-world:before{content:"\f1f8"}.ion-ios7-world-outline:before{content:"\f1f7"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before,.ion-loading-a:before{content:"\f29a"}.ion-load-b:before,.ion-loading-b:before{content:"\f29b"}.ion-load-c:before,.ion-loading-c:before{content:"\f29c"}.ion-load-d:before,.ion-loading-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before,.ion-looping:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before,.ion-refreshing:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-umbrella:before{content:"\f2b7"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"} diff --git a/css/vendor/jquery.dataTables.css b/css/vendor/jquery.dataTables.css new file mode 100644 index 0000000..c63a9a9 --- /dev/null +++ b/css/vendor/jquery.dataTables.css @@ -0,0 +1,265 @@ + +/* + * Table + */ +table.dataTable { + margin: 0 auto; + clear: both; + width: 100%; + margin-bottom: 35px; +} + +table.dataTable thead th { + padding: 10px 18px 15px 18px; + border-top: 1px solid #dee3ea; + font-weight: 600; + cursor: pointer; + *cursor: hand; +} + +table.dataTable tfoot th { + padding: 15px 18px 10px 18px; + border-top: 1px solid #dee3ea; + font-weight: 600; +} + +table.dataTable td { + padding: 11px 9px; + border-bottom: 1px solid #edf2f7; +} + +table.dataTable td.right { + text-align: right; +} + +table.dataTable td.center, +table.dataTable td.dataTables_empty { + text-align: center; +} + +table.dataTable tr.odd { background-color: white; } +table.dataTable tr.even { background-color: white; } + +table.dataTable tr.odd td.sorting_1 { background-color: #FAFBFD; } +table.dataTable tr.odd td.sorting_2 { background-color: #FAFBFD; } +table.dataTable tr.odd td.sorting_3 { background-color: #FAFBFD; } +table.dataTable tr.even td.sorting_1 { background-color: #FAFBFD; } +table.dataTable tr.even td.sorting_2 { background-color: #FAFBFD; } +table.dataTable tr.even td.sorting_3 { background-color: #FAFBFD; } + + +/* + * Table wrapper + */ +.dataTables_wrapper { + position: relative; + clear: both; + *zoom: 1; +} + + +/* + * Page length menu + */ +.dataTables_length { + float: left; + margin-bottom: 10px; +} +.dataTables_length label { + font-weight: 600; +} +.dataTables_length select { + margin: 0px 5px; +} + + +/* + * Filter + */ +.dataTables_filter { + float: right; + text-align: right; +} +.dataTables_filter label { + font-weight: 600; +} +.dataTables_filter input[type="text"] { + margin-left: 7px; + border: 1px solid #cccccc; + border-radius: 3px; + height: 25px; + padding: 3px 5px; + + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.dataTables_filter input[type="text"]:focus { + border-color: #66afe9; +} + + +/* + * Table information + */ +.dataTables_info { + clear: both; + float: left; +} + + +/* + * Pagination + */ +.dataTables_paginate { + float: right; + text-align: right; +} + +/* Two button pagination - previous / next */ +.paginate_disabled_previous, +.paginate_enabled_previous, +.paginate_disabled_next, +.paginate_enabled_next { + height: 19px; + float: left; + cursor: pointer; + *cursor: hand; + color: #111 !important; +} +.paginate_disabled_previous:hover, +.paginate_enabled_previous:hover, +.paginate_disabled_next:hover, +.paginate_enabled_next:hover { + text-decoration: none !important; +} +.paginate_disabled_previous:active, +.paginate_enabled_previous:active, +.paginate_disabled_next:active, +.paginate_enabled_next:active { + outline: none; +} + +.paginate_disabled_previous, +.paginate_disabled_next { + color: #666 !important; +} +.paginate_disabled_previous, +.paginate_enabled_previous { + padding-left: 23px; +} +.paginate_disabled_next, +.paginate_enabled_next { + padding-right: 25px; + margin-left: 25px; +} + +.paginate_enabled_previous { background: url('../../images/datatables/back_enabled.png') no-repeat top left; } +.paginate_enabled_previous:hover { background: url('../../images/datatables/back_enabled_hover.png') no-repeat top left; } +.paginate_disabled_previous { background: url('../../images/datatables/back_disabled.png') no-repeat top left; } + +.paginate_enabled_next { background: url('../../images/datatables/forward_enabled.png') no-repeat top right; } +.paginate_enabled_next:hover { background: url('../../images/datatables/forward_enabled_hover.png') no-repeat top right; } +.paginate_disabled_next { background: url('../../images/datatables/forward_disabled.png') no-repeat top right; } + +/* Full number pagination */ +.paging_full_numbers { + height: 22px; + line-height: 22px; +} +.paging_full_numbers a:active { + outline: none +} +.paging_full_numbers a:hover { + text-decoration: none; +} + +.paging_full_numbers a.paginate_button, +.paging_full_numbers a.paginate_active { + border: 1px solid #ddd; + padding: 5px 10px; + cursor: pointer; + color: #428bca !important; + border-left: 0px; +} + +.paging_full_numbers a.paginate_button { + background-color: #fff; +} + +.paging_full_numbers a.paginate_button:hover { + background-color: #eee; + text-decoration: none !important; +} + +.paging_full_numbers a.paginate_active { + background-color: #428bca; + border-color: #428bca; + color: #fff !important; +} + +.paging_full_numbers a.paginate_button_disabled { + color: #888 !important; + cursor: default; +} +.paging_full_numbers a.paginate_button_disabled:hover { + background-color: #fff; +} + +.paging_full_numbers a.paginate_button.first { + border-radius: 4px 0px 0px 4px; + border-left: 1px solid #ddd; +} + +.paging_full_numbers a.paginate_button.last { + border-radius: 0px 4px 4px 0px; +} + + +/* + * Processing indicator + */ +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 250px; + height: 30px; + margin-left: -125px; + margin-top: -15px; + padding: 14px 0 2px 0; + border: 1px solid #ddd; + text-align: center; + color: #999; + font-size: 14px; + background-color: white; +} + + +/* + * Sorting + */ +.sorting { background: url('../../images/datatables/sort_both.png') no-repeat center right; } +.sorting_asc { background: url('../../images/datatables/sort_asc.png') no-repeat center right; } +.sorting_desc { background: url('../../images/datatables/sort_desc.png') no-repeat center right; } + +.sorting_asc_disabled { background: url('../../images/datatables/sort_asc_disabled.png') no-repeat center right; } +.sorting_desc_disabled { background: url('../../images/datatables/sort_desc_disabled.png') no-repeat center right; } + +table.dataTable thead th:active, +table.dataTable thead td:active { + outline: none; +} + + +/* + * Scrolling + */ +.dataTables_scroll { + clear: both; +} + +.dataTables_scrollBody { + *margin-top: -1px; + -webkit-overflow-scrolling: touch; +} + diff --git a/css/vendor/jquery.minicolors.css b/css/vendor/jquery.minicolors.css new file mode 100755 index 0000000..ca55f38 --- /dev/null +++ b/css/vendor/jquery.minicolors.css @@ -0,0 +1,245 @@ +.minicolors { + position: relative; +} + +.minicolors-swatch { + position: absolute; + vertical-align: middle; + background: url('../../images/jquery.minicolors.png') -80px 0; + border: solid 1px #ccc; + cursor: text; + padding: 0; + margin: 0; + display: inline-block; +} + +.minicolors-swatch-color { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.minicolors input[type=hidden] + .minicolors-swatch { + width: 28px; + position: static; + cursor: pointer; +} + +/* Panel */ +.minicolors-panel { + position: absolute; + width: 173px; + height: 152px; + background: white; + border: solid 1px #CCC; + box-shadow: 0 0 20px rgba(0, 0, 0, .2); + z-index: 99999; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + display: none; +} + +.minicolors-panel.minicolors-visible { + display: block; +} + +/* Panel positioning */ +.minicolors-position-top .minicolors-panel { + top: -154px; +} + +.minicolors-position-right .minicolors-panel { + right: 0; +} + +.minicolors-position-bottom .minicolors-panel { + top: auto; +} + +.minicolors-position-left .minicolors-panel { + left: 0; +} + +.minicolors-with-opacity .minicolors-panel { + width: 194px; +} + +.minicolors .minicolors-grid { + position: absolute; + top: 1px; + left: 1px; + width: 150px; + height: 150px; + background: url('../../images/jquery.minicolors.png') -120px 0; + cursor: crosshair; +} + +.minicolors .minicolors-grid-inner { + position: absolute; + top: 0; + left: 0; + width: 150px; + height: 150px; + background: none; +} + +.minicolors-slider-saturation .minicolors-grid { + background-position: -420px 0; +} + +.minicolors-slider-saturation .minicolors-grid-inner { + background: url('../../images/jquery.minicolors.png') -270px 0; +} + +.minicolors-slider-brightness .minicolors-grid { + background-position: -570px 0; +} + +.minicolors-slider-brightness .minicolors-grid-inner { + background: black; +} + +.minicolors-slider-wheel .minicolors-grid { + background-position: -720px 0; +} + +.minicolors-slider, +.minicolors-opacity-slider { + position: absolute; + top: 1px; + left: 152px; + width: 20px; + height: 150px; + background: white url('../../images/jquery.minicolors.png') 0 0; + cursor: row-resize; +} + +.minicolors-slider-saturation .minicolors-slider { + background-position: -60px 0; +} + +.minicolors-slider-brightness .minicolors-slider { + background-position: -20px 0; +} + +.minicolors-slider-wheel .minicolors-slider { + background-position: -20px 0; +} + +.minicolors-opacity-slider { + left: 173px; + background-position: -40px 0; + display: none; +} + +.minicolors-with-opacity .minicolors-opacity-slider { + display: block; +} + +/* Pickers */ +.minicolors-grid .minicolors-picker { + position: absolute; + top: 70px; + left: 70px; + width: 12px; + height: 12px; + border: solid 1px black; + border-radius: 10px; + margin-top: -6px; + margin-left: -6px; + background: none; +} + +.minicolors-grid .minicolors-picker > div { + position: absolute; + top: 0; + left: 0; + width: 8px; + height: 8px; + border-radius: 8px; + border: solid 2px white; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +.minicolors-picker { + position: absolute; + top: 0; + left: 0; + width: 18px; + height: 2px; + background: white; + border: solid 1px black; + margin-top: -2px; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +/* Inline controls */ +.minicolors-inline { + display: inline-block; +} + +.minicolors-inline .minicolors-input { + display: none !important; +} + +.minicolors-inline .minicolors-panel { + position: relative; + top: auto; + left: auto; + box-shadow: none; + z-index: auto; + display: inline-block; +} + +/* Default theme */ +.minicolors-theme-default .minicolors-swatch { + top: 5px; + left: 5px; + width: 18px; + height: 18px; +} +.minicolors-theme-default.minicolors-position-right .minicolors-swatch { + left: auto; + right: 5px; +} +.minicolors-theme-default.minicolors { + width: auto; + display: inline-block; +} +.minicolors-theme-default .minicolors-input { + height: 20px; + width: auto; + display: inline-block; + padding-left: 26px; +} +.minicolors-theme-default.minicolors-position-right .minicolors-input { + padding-right: 26px; + padding-left: inherit; +} + +/* Bootstrap theme */ +.minicolors-theme-bootstrap .minicolors-swatch { + top: 5px; + left: 5px; + width: 25px; + height: 25px; + border-radius: 3px; +} +.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch { + left: auto; + right: 3px; +} +.minicolors-theme-bootstrap .minicolors-input { + padding-left: 44px; +} +.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input { + padding-right: 44px; + padding-left: 12px; +} \ No newline at end of file diff --git a/css/vendor/messenger/messenger-spinner.css b/css/vendor/messenger/messenger-spinner.css new file mode 100755 index 0000000..37580c6 --- /dev/null +++ b/css/vendor/messenger/messenger-spinner.css @@ -0,0 +1,235 @@ +@-webkit-keyframes ui-spinner-rotate-right { + /* line 64, ../../src/sass/messenger-spinner.scss */ + 0% { + -webkit-transform: rotate(0deg); + } + + /* line 65, ../../src/sass/messenger-spinner.scss */ + 25% { + -webkit-transform: rotate(180deg); + } + + /* line 66, ../../src/sass/messenger-spinner.scss */ + 50% { + -webkit-transform: rotate(180deg); + } + + /* line 67, ../../src/sass/messenger-spinner.scss */ + 75% { + -webkit-transform: rotate(360deg); + } + + /* line 68, ../../src/sass/messenger-spinner.scss */ + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-webkit-keyframes ui-spinner-rotate-left { + /* line 72, ../../src/sass/messenger-spinner.scss */ + 0% { + -webkit-transform: rotate(0deg); + } + + /* line 73, ../../src/sass/messenger-spinner.scss */ + 25% { + -webkit-transform: rotate(0deg); + } + + /* line 74, ../../src/sass/messenger-spinner.scss */ + 50% { + -webkit-transform: rotate(180deg); + } + + /* line 75, ../../src/sass/messenger-spinner.scss */ + 75% { + -webkit-transform: rotate(180deg); + } + + /* line 76, ../../src/sass/messenger-spinner.scss */ + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-moz-keyframes ui-spinner-rotate-right { + /* line 80, ../../src/sass/messenger-spinner.scss */ + 0% { + -moz-transform: rotate(0deg); + } + + /* line 81, ../../src/sass/messenger-spinner.scss */ + 25% { + -moz-transform: rotate(180deg); + } + + /* line 82, ../../src/sass/messenger-spinner.scss */ + 50% { + -moz-transform: rotate(180deg); + } + + /* line 83, ../../src/sass/messenger-spinner.scss */ + 75% { + -moz-transform: rotate(360deg); + } + + /* line 84, ../../src/sass/messenger-spinner.scss */ + 100% { + -moz-transform: rotate(360deg); + } +} + +@-moz-keyframes ui-spinner-rotate-left { + /* line 88, ../../src/sass/messenger-spinner.scss */ + 0% { + -moz-transform: rotate(0deg); + } + + /* line 89, ../../src/sass/messenger-spinner.scss */ + 25% { + -moz-transform: rotate(0deg); + } + + /* line 90, ../../src/sass/messenger-spinner.scss */ + 50% { + -moz-transform: rotate(180deg); + } + + /* line 91, ../../src/sass/messenger-spinner.scss */ + 75% { + -moz-transform: rotate(180deg); + } + + /* line 92, ../../src/sass/messenger-spinner.scss */ + 100% { + -moz-transform: rotate(360deg); + } +} + +@keyframes ui-spinner-rotate-right { + /* line 96, ../../src/sass/messenger-spinner.scss */ + 0% { + transform: rotate(0deg); + } + + /* line 97, ../../src/sass/messenger-spinner.scss */ + 25% { + transform: rotate(180deg); + } + + /* line 98, ../../src/sass/messenger-spinner.scss */ + 50% { + transform: rotate(180deg); + } + + /* line 99, ../../src/sass/messenger-spinner.scss */ + 75% { + transform: rotate(360deg); + } + + /* line 100, ../../src/sass/messenger-spinner.scss */ + 100% { + transform: rotate(360deg); + } +} + +@keyframes ui-spinner-rotate-left { + /* line 104, ../../src/sass/messenger-spinner.scss */ + 0% { + transform: rotate(0deg); + } + + /* line 105, ../../src/sass/messenger-spinner.scss */ + 25% { + transform: rotate(0deg); + } + + /* line 106, ../../src/sass/messenger-spinner.scss */ + 50% { + transform: rotate(180deg); + } + + /* line 107, ../../src/sass/messenger-spinner.scss */ + 75% { + transform: rotate(180deg); + } + + /* line 108, ../../src/sass/messenger-spinner.scss */ + 100% { + transform: rotate(360deg); + } +} + +/* line 116, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner { + position: relative; + border-radius: 100%; +} +/* line 120, ../../src/sass/messenger-spinner.scss */ +ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { + display: block; +} +/* line 124, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side { + width: 50%; + height: 100%; + overflow: hidden; + position: absolute; +} +/* line 130, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + border-radius: 999px; + position: absolute; + width: 100%; + height: 100%; + -webkit-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + -o-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-timing-function: linear; + -ms-animation-timing-function: linear; + -o-animation-timing-function: linear; + animation-timing-function: linear; +} +/* line 140, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-left { + left: 0; +} +/* line 143, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { + left: 100%; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-animation-name: ui-spinner-rotate-left; + -moz-animation-name: ui-spinner-rotate-left; + -ms-animation-name: ui-spinner-rotate-left; + -o-animation-name: ui-spinner-rotate-left; + animation-name: ui-spinner-rotate-left; + -webkit-transform-origin: 0 50%; + -moz-transform-origin: 0 50%; + -ms-transform-origin: 0 50%; + -o-transform-origin: 0 50%; + transform-origin: 0 50%; +} +/* line 152, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-right { + left: 50%; +} +/* line 155, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { + left: -100%; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -webkit-animation-name: ui-spinner-rotate-right; + -moz-animation-name: ui-spinner-rotate-right; + -ms-animation-name: ui-spinner-rotate-right; + -o-animation-name: ui-spinner-rotate-right; + animation-name: ui-spinner-rotate-right; + -webkit-transform-origin: 100% 50%; + -moz-transform-origin: 100% 50%; + -ms-transform-origin: 100% 50%; + -o-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} diff --git a/css/vendor/messenger/messenger-theme-air.css b/css/vendor/messenger/messenger-theme-air.css new file mode 100755 index 0000000..344152b --- /dev/null +++ b/css/vendor/messenger/messenger-theme-air.css @@ -0,0 +1,439 @@ +@import url("//fonts.googleapis.com/css?family=Raleway:400"); +@-webkit-keyframes ui-spinner-rotate-right { + /* line 64, ../../src/sass/messenger-spinner.scss */ + 0% { + -webkit-transform: rotate(0deg); + } + + /* line 65, ../../src/sass/messenger-spinner.scss */ + 25% { + -webkit-transform: rotate(180deg); + } + + /* line 66, ../../src/sass/messenger-spinner.scss */ + 50% { + -webkit-transform: rotate(180deg); + } + + /* line 67, ../../src/sass/messenger-spinner.scss */ + 75% { + -webkit-transform: rotate(360deg); + } + + /* line 68, ../../src/sass/messenger-spinner.scss */ + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-webkit-keyframes ui-spinner-rotate-left { + /* line 72, ../../src/sass/messenger-spinner.scss */ + 0% { + -webkit-transform: rotate(0deg); + } + + /* line 73, ../../src/sass/messenger-spinner.scss */ + 25% { + -webkit-transform: rotate(0deg); + } + + /* line 74, ../../src/sass/messenger-spinner.scss */ + 50% { + -webkit-transform: rotate(180deg); + } + + /* line 75, ../../src/sass/messenger-spinner.scss */ + 75% { + -webkit-transform: rotate(180deg); + } + + /* line 76, ../../src/sass/messenger-spinner.scss */ + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-moz-keyframes ui-spinner-rotate-right { + /* line 80, ../../src/sass/messenger-spinner.scss */ + 0% { + -moz-transform: rotate(0deg); + } + + /* line 81, ../../src/sass/messenger-spinner.scss */ + 25% { + -moz-transform: rotate(180deg); + } + + /* line 82, ../../src/sass/messenger-spinner.scss */ + 50% { + -moz-transform: rotate(180deg); + } + + /* line 83, ../../src/sass/messenger-spinner.scss */ + 75% { + -moz-transform: rotate(360deg); + } + + /* line 84, ../../src/sass/messenger-spinner.scss */ + 100% { + -moz-transform: rotate(360deg); + } +} + +@-moz-keyframes ui-spinner-rotate-left { + /* line 88, ../../src/sass/messenger-spinner.scss */ + 0% { + -moz-transform: rotate(0deg); + } + + /* line 89, ../../src/sass/messenger-spinner.scss */ + 25% { + -moz-transform: rotate(0deg); + } + + /* line 90, ../../src/sass/messenger-spinner.scss */ + 50% { + -moz-transform: rotate(180deg); + } + + /* line 91, ../../src/sass/messenger-spinner.scss */ + 75% { + -moz-transform: rotate(180deg); + } + + /* line 92, ../../src/sass/messenger-spinner.scss */ + 100% { + -moz-transform: rotate(360deg); + } +} + +@keyframes ui-spinner-rotate-right { + /* line 96, ../../src/sass/messenger-spinner.scss */ + 0% { + transform: rotate(0deg); + } + + /* line 97, ../../src/sass/messenger-spinner.scss */ + 25% { + transform: rotate(180deg); + } + + /* line 98, ../../src/sass/messenger-spinner.scss */ + 50% { + transform: rotate(180deg); + } + + /* line 99, ../../src/sass/messenger-spinner.scss */ + 75% { + transform: rotate(360deg); + } + + /* line 100, ../../src/sass/messenger-spinner.scss */ + 100% { + transform: rotate(360deg); + } +} + +@keyframes ui-spinner-rotate-left { + /* line 104, ../../src/sass/messenger-spinner.scss */ + 0% { + transform: rotate(0deg); + } + + /* line 105, ../../src/sass/messenger-spinner.scss */ + 25% { + transform: rotate(0deg); + } + + /* line 106, ../../src/sass/messenger-spinner.scss */ + 50% { + transform: rotate(180deg); + } + + /* line 107, ../../src/sass/messenger-spinner.scss */ + 75% { + transform: rotate(180deg); + } + + /* line 108, ../../src/sass/messenger-spinner.scss */ + 100% { + transform: rotate(360deg); + } +} + +/* line 116, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner { + position: relative; + border-radius: 100%; +} +/* line 120, ../../src/sass/messenger-spinner.scss */ +ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { + display: block; +} +/* line 124, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side { + width: 50%; + height: 100%; + overflow: hidden; + position: absolute; +} +/* line 130, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + border-radius: 999px; + position: absolute; + width: 100%; + height: 100%; + -webkit-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + -o-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-timing-function: linear; + -ms-animation-timing-function: linear; + -o-animation-timing-function: linear; + animation-timing-function: linear; +} +/* line 140, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-left { + left: 0; +} +/* line 143, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { + left: 100%; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-animation-name: ui-spinner-rotate-left; + -moz-animation-name: ui-spinner-rotate-left; + -ms-animation-name: ui-spinner-rotate-left; + -o-animation-name: ui-spinner-rotate-left; + animation-name: ui-spinner-rotate-left; + -webkit-transform-origin: 0 50%; + -moz-transform-origin: 0 50%; + -ms-transform-origin: 0 50%; + -o-transform-origin: 0 50%; + transform-origin: 0 50%; +} +/* line 152, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-right { + left: 50%; +} +/* line 155, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { + left: -100%; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -webkit-animation-name: ui-spinner-rotate-right; + -moz-animation-name: ui-spinner-rotate-right; + -ms-animation-name: ui-spinner-rotate-right; + -o-animation-name: ui-spinner-rotate-right; + animation-name: ui-spinner-rotate-right; + -webkit-transform-origin: 100% 50%; + -moz-transform-origin: 100% 50%; + -ms-transform-origin: 100% 50%; + -o-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} + +/* line 16, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air { + -moz-user-select: none; + -webkit-user-select: none; + -o-user-select: none; + user-select: none; + font-family: "Raleway", sans-serif; +} +/* line 20, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message { + -webkit-transition: background-color 0.4s; + -moz-transition: background-color 0.4s; + -o-transition: background-color 0.4s; + transition: background-color 0.4s; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2); + border: 0px; + background-color: rgba(255, 255, 255, 0.8); + position: relative; + margin-bottom: 1em; + font-size: 13px; + color: #666666; + font-weight: 500; + padding: 10px 30px 11px 46px; +} +/* line 33, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message:hover { + background-color: white; +} +/* line 36, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-close { + position: absolute; + top: 0px; + right: 0px; + color: #888888; + opacity: 1; + font-weight: bold; + display: block; + font-size: 20px; + line-height: 20px; + padding: 8px 10px 7px 7px; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +/* line 52, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-close:hover { + color: #444444; +} +/* line 55, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-close:active { + color: #222222; +} +/* line 58, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-actions { + float: none; + margin-top: 10px; +} +/* line 62, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-actions a { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + text-decoration: none; + display: inline-block; + padding: 10px; + color: #888888; + margin-right: 10px; + padding: 3px 10px 5px; + text-transform: capitalize; +} +/* line 73, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-actions a:hover { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15); + color: #444444; +} +/* line 77, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-actions a:active { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05); + background: rgba(0, 0, 0, 0.04); + color: #444444; +} +/* line 82, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-actions .messenger-phrase { + display: none; +} +/* line 85, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message .messenger-message-inner:before { + -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); + -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + position: absolute; + left: 17px; + display: block; + content: " "; + top: 50%; + margin-top: -8px; + height: 13px; + width: 13px; + z-index: 20; +} +/* line 99, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message.alert-success .messenger-message-inner:before { + background-color: #5fca4a; +} +/* line 32, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner { + width: 24px; + height: 24px; + background: transparent; +} +/* line 37, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + background: #dd6a45; + -webkit-animation-duration: 20s; + -moz-animation-duration: 20s; + -ms-animation-duration: 20s; + -o-animation-duration: 20s; + animation-duration: 20s; + opacity: 1; +} +/* line 45, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after { + content: ""; + background: white; + position: absolute; + width: 19px; + height: 19px; + border-radius: 50%; + top: 2px; + left: 2px; + display: block; +} +/* line 32, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner { + width: 24px; + height: 24px; + background: transparent; +} +/* line 37, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + background: #dd6a45; + -webkit-animation-duration: 600s; + -moz-animation-duration: 600s; + -ms-animation-duration: 600s; + -o-animation-duration: 600s; + animation-duration: 600s; + opacity: 1; +} +/* line 45, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after { + content: ""; + background: white; + position: absolute; + width: 19px; + height: 19px; + border-radius: 50%; + top: 2px; + left: 2px; + display: block; +} +/* line 109, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message.alert-error .messenger-message-inner:before { + background-color: #dd6a45; +} +/* line 113, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-message.alert-info .messenger-message-inner:before { + background-color: #61c4b8; +} +/* line 116, ../../src/sass/messenger-theme-air.sass */ +ul.messenger-theme-air .messenger-spinner { + display: block; + position: absolute; + left: 12px; + top: 50%; + margin-top: -13px; + z-index: 999; + height: 24px; + width: 24px; + z-index: 10; +} diff --git a/css/vendor/messenger/messenger-theme-block.css b/css/vendor/messenger/messenger-theme-block.css new file mode 100755 index 0000000..43d17ac --- /dev/null +++ b/css/vendor/messenger/messenger-theme-block.css @@ -0,0 +1,96 @@ +/* line 4, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed { + width: 100%; + top: 0; + left: 0; + margin-left: 0px; +} +/* line 10, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom { + top: auto; + bottom: 0; +} +/* line 14, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top { + top: 0px; + bottom: auto; +} +/* line 18, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom { + left: 0px; + right: 0px; +} +/* line 22, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom.messenger-on-right, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom.messenger-on-left { + width: 350px; +} +/* line 25, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom.messenger-on-left { + right: auto; +} +/* line 28, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-theme-block.messenger-fixed.messenger-on-bottom.messenger-on-right { + left: auto; +} +/* line 31, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message-slot { + max-width: none; +} +/* line 34, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + border-width: 1px; + border-style: solid; + text-align: center; + padding: 1em; +} +/* line 41, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message.alert-warning { + color: #c09853; + background-color: #fcf8e3; + border-color: #fbeed5; +} +/* line 46, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message.alert-error, ul.messenger.messenger-theme-block.messenger-fixed .messenger-message.alert-danger { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} +/* line 51, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} +/* line 56, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} +/* line 61, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message .messenger-close { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); + opacity: 0.5; + padding: 0; + cursor: pointer; + color: inherit; + background: transparent; + border: 0; + -webkit-appearance: none; + float: right; + position: relative; + top: -13px; + left: 11px; + font-size: 22px; +} +/* line 75, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message .messenger-close:hover { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); + opacity: 0.8; +} +/* line 78, ../../src/sass/messenger-theme-block.sass */ +ul.messenger.messenger-theme-block.messenger-fixed .messenger-message .messenger-close:active { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} diff --git a/css/vendor/messenger/messenger-theme-flat.css b/css/vendor/messenger/messenger-theme-flat.css new file mode 100755 index 0000000..df8d35a --- /dev/null +++ b/css/vendor/messenger/messenger-theme-flat.css @@ -0,0 +1,462 @@ +@-webkit-keyframes ui-spinner-rotate-right { + /* line 64, ../../src/sass/messenger-spinner.scss */ + 0% { + -webkit-transform: rotate(0deg); + } + + /* line 65, ../../src/sass/messenger-spinner.scss */ + 25% { + -webkit-transform: rotate(180deg); + } + + /* line 66, ../../src/sass/messenger-spinner.scss */ + 50% { + -webkit-transform: rotate(180deg); + } + + /* line 67, ../../src/sass/messenger-spinner.scss */ + 75% { + -webkit-transform: rotate(360deg); + } + + /* line 68, ../../src/sass/messenger-spinner.scss */ + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-webkit-keyframes ui-spinner-rotate-left { + /* line 72, ../../src/sass/messenger-spinner.scss */ + 0% { + -webkit-transform: rotate(0deg); + } + + /* line 73, ../../src/sass/messenger-spinner.scss */ + 25% { + -webkit-transform: rotate(0deg); + } + + /* line 74, ../../src/sass/messenger-spinner.scss */ + 50% { + -webkit-transform: rotate(180deg); + } + + /* line 75, ../../src/sass/messenger-spinner.scss */ + 75% { + -webkit-transform: rotate(180deg); + } + + /* line 76, ../../src/sass/messenger-spinner.scss */ + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-moz-keyframes ui-spinner-rotate-right { + /* line 80, ../../src/sass/messenger-spinner.scss */ + 0% { + -moz-transform: rotate(0deg); + } + + /* line 81, ../../src/sass/messenger-spinner.scss */ + 25% { + -moz-transform: rotate(180deg); + } + + /* line 82, ../../src/sass/messenger-spinner.scss */ + 50% { + -moz-transform: rotate(180deg); + } + + /* line 83, ../../src/sass/messenger-spinner.scss */ + 75% { + -moz-transform: rotate(360deg); + } + + /* line 84, ../../src/sass/messenger-spinner.scss */ + 100% { + -moz-transform: rotate(360deg); + } +} + +@-moz-keyframes ui-spinner-rotate-left { + /* line 88, ../../src/sass/messenger-spinner.scss */ + 0% { + -moz-transform: rotate(0deg); + } + + /* line 89, ../../src/sass/messenger-spinner.scss */ + 25% { + -moz-transform: rotate(0deg); + } + + /* line 90, ../../src/sass/messenger-spinner.scss */ + 50% { + -moz-transform: rotate(180deg); + } + + /* line 91, ../../src/sass/messenger-spinner.scss */ + 75% { + -moz-transform: rotate(180deg); + } + + /* line 92, ../../src/sass/messenger-spinner.scss */ + 100% { + -moz-transform: rotate(360deg); + } +} + +@keyframes ui-spinner-rotate-right { + /* line 96, ../../src/sass/messenger-spinner.scss */ + 0% { + transform: rotate(0deg); + } + + /* line 97, ../../src/sass/messenger-spinner.scss */ + 25% { + transform: rotate(180deg); + } + + /* line 98, ../../src/sass/messenger-spinner.scss */ + 50% { + transform: rotate(180deg); + } + + /* line 99, ../../src/sass/messenger-spinner.scss */ + 75% { + transform: rotate(360deg); + } + + /* line 100, ../../src/sass/messenger-spinner.scss */ + 100% { + transform: rotate(360deg); + } +} + +@keyframes ui-spinner-rotate-left { + /* line 104, ../../src/sass/messenger-spinner.scss */ + 0% { + transform: rotate(0deg); + } + + /* line 105, ../../src/sass/messenger-spinner.scss */ + 25% { + transform: rotate(0deg); + } + + /* line 106, ../../src/sass/messenger-spinner.scss */ + 50% { + transform: rotate(180deg); + } + + /* line 107, ../../src/sass/messenger-spinner.scss */ + 75% { + transform: rotate(180deg); + } + + /* line 108, ../../src/sass/messenger-spinner.scss */ + 100% { + transform: rotate(360deg); + } +} + +/* line 116, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner { + position: relative; + border-radius: 100%; +} +/* line 120, ../../src/sass/messenger-spinner.scss */ +ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { + display: block; +} +/* line 124, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side { + width: 50%; + height: 100%; + overflow: hidden; + position: absolute; +} +/* line 130, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + border-radius: 999px; + position: absolute; + width: 100%; + height: 100%; + -webkit-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + -o-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-timing-function: linear; + -ms-animation-timing-function: linear; + -o-animation-timing-function: linear; + animation-timing-function: linear; +} +/* line 140, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-left { + left: 0; +} +/* line 143, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { + left: 100%; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-animation-name: ui-spinner-rotate-left; + -moz-animation-name: ui-spinner-rotate-left; + -ms-animation-name: ui-spinner-rotate-left; + -o-animation-name: ui-spinner-rotate-left; + animation-name: ui-spinner-rotate-left; + -webkit-transform-origin: 0 50%; + -moz-transform-origin: 0 50%; + -ms-transform-origin: 0 50%; + -o-transform-origin: 0 50%; + transform-origin: 0 50%; +} +/* line 152, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-right { + left: 50%; +} +/* line 155, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { + left: -100%; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -webkit-animation-name: ui-spinner-rotate-right; + -moz-animation-name: ui-spinner-rotate-right; + -ms-animation-name: ui-spinner-rotate-right; + -o-animation-name: ui-spinner-rotate-right; + animation-name: ui-spinner-rotate-right; + -webkit-transform-origin: 100% 50%; + -moz-transform-origin: 100% 50%; + -ms-transform-origin: 100% 50%; + -o-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} + +/* line 15, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -moz-user-select: none; + -webkit-user-select: none; + -o-user-select: none; + user-select: none; + background: #404040; +} +/* line 20, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat.messenger-empty { + display: none; +} +/* line 23, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message { + -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; + -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; + box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + position: relative; + border: 0px; + margin-bottom: 0px; + font-size: 13px; + background: transparent; + color: #f0f0f0; + font-weight: 500; + padding: 10px 30px 13px 65px; +} +/* line 35, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-close { + position: absolute; + top: 0px; + right: 0px; + color: #888888; + opacity: 1; + font-weight: bold; + display: block; + font-size: 20px; + line-height: 20px; + padding: 8px 10px 7px 7px; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +/* line 51, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-close:hover { + color: #bbbbbb; +} +/* line 54, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-close:active { + color: #777777; +} +/* line 57, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-actions { + float: none; + margin-top: 10px; +} +/* line 61, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-actions a { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + text-decoration: none; + color: #aaaaaa; + background: #2e2e2e; + display: inline-block; + padding: 10px; + margin-right: 10px; + padding: 4px 11px 6px; + text-transform: capitalize; +} +/* line 72, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-actions a:hover { + color: #f0f0f0; + background: #2e2e2e; +} +/* line 76, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-actions a:active { + background: #292929; + color: #aaaaaa; +} +/* line 80, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase { + display: none; +} +/* line 83, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message .messenger-message-inner:before { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + position: absolute; + left: 17px; + display: block; + content: " "; + top: 50%; + margin-top: -8px; + height: 13px; + width: 13px; + z-index: 20; +} +/* line 95, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before { + background: #5fca4a; +} +/* line 98, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before { + background: #61c4b8; +} +/* line 103, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before { + background: #dd6a45; +} +/* line 32, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner { + width: 32px; + height: 32px; + background: transparent; +} +/* line 37, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + background: #dd6a45; + -webkit-animation-duration: 20s; + -moz-animation-duration: 20s; + -ms-animation-duration: 20s; + -o-animation-duration: 20s; + animation-duration: 20s; + opacity: 1; +} +/* line 45, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after { + content: ""; + background: #292929; + position: absolute; + width: 26px; + height: 26px; + border-radius: 50%; + top: 3px; + left: 3px; + display: block; +} +/* line 32, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner { + width: 32px; + height: 32px; + background: transparent; +} +/* line 37, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + background: #dd6a45; + -webkit-animation-duration: 600s; + -moz-animation-duration: 600s; + -ms-animation-duration: 600s; + -o-animation-duration: 600s; + animation-duration: 600s; + opacity: 1; +} +/* line 45, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after { + content: ""; + background: #292929; + position: absolute; + width: 26px; + height: 26px; + border-radius: 50%; + top: 3px; + left: 3px; + display: block; +} +/* line 114, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message { + -webkit-border-radius: 4px 4px 0px 0px; + -moz-border-radius: 4px 4px 0px 0px; + -ms-border-radius: 4px 4px 0px 0px; + -o-border-radius: 4px 4px 0px 0px; + border-radius: 4px 4px 0px 0px; + -webkit-box-shadow: inset 48px 0px 0px #292929; + -moz-box-shadow: inset 48px 0px 0px #292929; + box-shadow: inset 48px 0px 0px #292929; +} +/* line 118, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message { + -webkit-border-radius: 0px 0px 4px 4px; + -moz-border-radius: 0px 0px 4px 4px; + -ms-border-radius: 0px 0px 4px 4px; + -o-border-radius: 0px 0px 4px 4px; + border-radius: 0px 0px 4px 4px; + -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; + -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; + box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; +} +/* line 122, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 48px 0px 0px #292929; + -moz-box-shadow: inset 48px 0px 0px #292929; + box-shadow: inset 48px 0px 0px #292929; +} +/* line 126, ../../src/sass/messenger-theme-flat.sass */ +ul.messenger-theme-flat .messenger-spinner { + display: block; + position: absolute; + left: 7px; + top: 50%; + margin-top: -18px; + z-index: 999; + height: 32px; + width: 32px; + z-index: 10; +} diff --git a/css/vendor/messenger/messenger-theme-future.css b/css/vendor/messenger/messenger-theme-future.css new file mode 100755 index 0000000..640a568 --- /dev/null +++ b/css/vendor/messenger/messenger-theme-future.css @@ -0,0 +1,496 @@ +@-webkit-keyframes ui-spinner-rotate-right { + /* line 64, ../../src/sass/messenger-spinner.scss */ + 0% { + -webkit-transform: rotate(0deg); + } + + /* line 65, ../../src/sass/messenger-spinner.scss */ + 25% { + -webkit-transform: rotate(180deg); + } + + /* line 66, ../../src/sass/messenger-spinner.scss */ + 50% { + -webkit-transform: rotate(180deg); + } + + /* line 67, ../../src/sass/messenger-spinner.scss */ + 75% { + -webkit-transform: rotate(360deg); + } + + /* line 68, ../../src/sass/messenger-spinner.scss */ + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-webkit-keyframes ui-spinner-rotate-left { + /* line 72, ../../src/sass/messenger-spinner.scss */ + 0% { + -webkit-transform: rotate(0deg); + } + + /* line 73, ../../src/sass/messenger-spinner.scss */ + 25% { + -webkit-transform: rotate(0deg); + } + + /* line 74, ../../src/sass/messenger-spinner.scss */ + 50% { + -webkit-transform: rotate(180deg); + } + + /* line 75, ../../src/sass/messenger-spinner.scss */ + 75% { + -webkit-transform: rotate(180deg); + } + + /* line 76, ../../src/sass/messenger-spinner.scss */ + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-moz-keyframes ui-spinner-rotate-right { + /* line 80, ../../src/sass/messenger-spinner.scss */ + 0% { + -moz-transform: rotate(0deg); + } + + /* line 81, ../../src/sass/messenger-spinner.scss */ + 25% { + -moz-transform: rotate(180deg); + } + + /* line 82, ../../src/sass/messenger-spinner.scss */ + 50% { + -moz-transform: rotate(180deg); + } + + /* line 83, ../../src/sass/messenger-spinner.scss */ + 75% { + -moz-transform: rotate(360deg); + } + + /* line 84, ../../src/sass/messenger-spinner.scss */ + 100% { + -moz-transform: rotate(360deg); + } +} + +@-moz-keyframes ui-spinner-rotate-left { + /* line 88, ../../src/sass/messenger-spinner.scss */ + 0% { + -moz-transform: rotate(0deg); + } + + /* line 89, ../../src/sass/messenger-spinner.scss */ + 25% { + -moz-transform: rotate(0deg); + } + + /* line 90, ../../src/sass/messenger-spinner.scss */ + 50% { + -moz-transform: rotate(180deg); + } + + /* line 91, ../../src/sass/messenger-spinner.scss */ + 75% { + -moz-transform: rotate(180deg); + } + + /* line 92, ../../src/sass/messenger-spinner.scss */ + 100% { + -moz-transform: rotate(360deg); + } +} + +@keyframes ui-spinner-rotate-right { + /* line 96, ../../src/sass/messenger-spinner.scss */ + 0% { + transform: rotate(0deg); + } + + /* line 97, ../../src/sass/messenger-spinner.scss */ + 25% { + transform: rotate(180deg); + } + + /* line 98, ../../src/sass/messenger-spinner.scss */ + 50% { + transform: rotate(180deg); + } + + /* line 99, ../../src/sass/messenger-spinner.scss */ + 75% { + transform: rotate(360deg); + } + + /* line 100, ../../src/sass/messenger-spinner.scss */ + 100% { + transform: rotate(360deg); + } +} + +@keyframes ui-spinner-rotate-left { + /* line 104, ../../src/sass/messenger-spinner.scss */ + 0% { + transform: rotate(0deg); + } + + /* line 105, ../../src/sass/messenger-spinner.scss */ + 25% { + transform: rotate(0deg); + } + + /* line 106, ../../src/sass/messenger-spinner.scss */ + 50% { + transform: rotate(180deg); + } + + /* line 107, ../../src/sass/messenger-spinner.scss */ + 75% { + transform: rotate(180deg); + } + + /* line 108, ../../src/sass/messenger-spinner.scss */ + 100% { + transform: rotate(360deg); + } +} + +/* line 116, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner { + position: relative; + border-radius: 100%; +} +/* line 120, ../../src/sass/messenger-spinner.scss */ +ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { + display: block; +} +/* line 124, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side { + width: 50%; + height: 100%; + overflow: hidden; + position: absolute; +} +/* line 130, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + border-radius: 999px; + position: absolute; + width: 100%; + height: 100%; + -webkit-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + -o-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-timing-function: linear; + -ms-animation-timing-function: linear; + -o-animation-timing-function: linear; + animation-timing-function: linear; +} +/* line 140, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-left { + left: 0; +} +/* line 143, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { + left: 100%; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-animation-name: ui-spinner-rotate-left; + -moz-animation-name: ui-spinner-rotate-left; + -ms-animation-name: ui-spinner-rotate-left; + -o-animation-name: ui-spinner-rotate-left; + animation-name: ui-spinner-rotate-left; + -webkit-transform-origin: 0 50%; + -moz-transform-origin: 0 50%; + -ms-transform-origin: 0 50%; + -o-transform-origin: 0 50%; + transform-origin: 0 50%; +} +/* line 152, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-right { + left: 50%; +} +/* line 155, ../../src/sass/messenger-spinner.scss */ +.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { + left: -100%; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -webkit-animation-name: ui-spinner-rotate-right; + -moz-animation-name: ui-spinner-rotate-right; + -ms-animation-name: ui-spinner-rotate-right; + -o-animation-name: ui-spinner-rotate-right; + animation-name: ui-spinner-rotate-right; + -webkit-transform-origin: 100% 50%; + -moz-transform-origin: 100% 50%; + -ms-transform-origin: 100% 50%; + -o-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} + +/* line 15, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future { + -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6); + -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6); + box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -moz-user-select: none; + -webkit-user-select: none; + -o-user-select: none; + user-select: none; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5b5b), color-stop(100%, #353535)); + background-image: -webkit-linear-gradient(#5c5b5b, #353535); + background-image: -moz-linear-gradient(#5c5b5b, #353535); + background-image: -o-linear-gradient(#5c5b5b, #353535); + background-image: linear-gradient(#5c5b5b, #353535); + background-color: #5c5b5b; + border: 1px solid rgba(0, 0, 0, 0.5); +} +/* line 23, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message { + -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); + -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); + box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + position: relative; + border: 0px; + margin-bottom: 0px; + font-size: 13px; + background: transparent; + color: #f0f0f0; + text-shadow: 0px 1px #111111; + font-weight: 500; + padding: 10px 30px 13px 65px; +} +/* line 36, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message a { + color: #5599ff; +} +/* line 39, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-close { + position: absolute; + top: 0px; + right: 0px; + color: #888888; + text-shadow: 0px 1px black; + opacity: 1; + font-weight: bold; + display: block; + font-size: 20px; + line-height: 20px; + padding: 8px 10px 7px 7px; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +/* line 56, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-close:hover { + color: #bbbbbb; +} +/* line 59, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-close:active { + color: #777777; +} +/* line 62, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-actions { + float: none; + margin-top: 10px; +} +/* line 66, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-actions a { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + text-decoration: none; + display: inline-block; + padding: 10px; + color: #aaaaaa; + text-shadow: 0px 1px #222222; + margin-right: 10px; + padding: 3px 10px 5px; + text-transform: capitalize; +} +/* line 78, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-actions a:hover { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2); + color: #f0f0f0; +} +/* line 82, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-actions a:active { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.04); + color: #aaaaaa; +} +/* line 87, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-actions .messenger-phrase { + display: none; +} +/* line 90, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message .messenger-message-inner:before { + -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + position: absolute; + left: 17px; + display: block; + content: " "; + top: 50%; + margin-top: -8px; + height: 13px; + width: 13px; + z-index: 20; +} +/* line 103, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message.alert-success .messenger-message-inner:before { + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fca4a), color-stop(100%, #098d38)); + background-image: -webkit-linear-gradient(top, #5fca4a, #098d38); + background-image: -moz-linear-gradient(top, #5fca4a, #098d38); + background-image: -o-linear-gradient(top, #5fca4a, #098d38); + background-image: linear-gradient(top, #5fca4a, #098d38); + background-color: #5fca4a; +} +/* line 107, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message.alert-info .messenger-message-inner:before { + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61c4b8), color-stop(100%, #1992a3)); + background-image: -webkit-linear-gradient(top, #61c4b8, #1992a3); + background-image: -moz-linear-gradient(top, #61c4b8, #1992a3); + background-image: -o-linear-gradient(top, #61c4b8, #1992a3); + background-image: linear-gradient(top, #61c4b8, #1992a3); + background-color: #61c4b8; +} +/* line 113, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message.alert-error .messenger-message-inner:before { + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd6a45), color-stop(100%, #91361a)); + background-image: -webkit-linear-gradient(top, #dd6a45, #91361a); + background-image: -moz-linear-gradient(top, #dd6a45, #91361a); + background-image: -o-linear-gradient(top, #dd6a45, #91361a); + background-image: linear-gradient(top, #dd6a45, #91361a); + background-color: #dd6a45; +} +/* line 32, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner { + width: 32px; + height: 32px; + background: transparent; +} +/* line 37, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + background: #dd6a45; + -webkit-animation-duration: 20s; + -moz-animation-duration: 20s; + -ms-animation-duration: 20s; + -o-animation-duration: 20s; + animation-duration: 20s; + opacity: 1; +} +/* line 45, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after { + content: ""; + background: #333333; + position: absolute; + width: 26px; + height: 26px; + border-radius: 50%; + top: 3px; + left: 3px; + display: block; +} +/* line 32, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner { + width: 32px; + height: 32px; + background: transparent; +} +/* line 37, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { + background: #dd6a45; + -webkit-animation-duration: 600s; + -moz-animation-duration: 600s; + -ms-animation-duration: 600s; + -o-animation-duration: 600s; + animation-duration: 600s; + opacity: 1; +} +/* line 45, ../../src/sass/messenger-spinner.scss */ +ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after { + content: ""; + background: #333333; + position: absolute; + width: 26px; + height: 26px; + border-radius: 50%; + top: 3px; + left: 3px; + display: block; +} +/* line 125, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message-slot.messenger-last .messenger-message { + -webkit-border-radius: 4px 4px 0px 0px; + -moz-border-radius: 4px 4px 0px 0px; + -ms-border-radius: 4px 4px 0px 0px; + -o-border-radius: 4px 4px 0px 0px; + border-radius: 4px 4px 0px 0px; +} +/* line 128, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message-slot.messenger-first .messenger-message { + -webkit-border-radius: 0px 0px 4px 4px; + -moz-border-radius: 0px 0px 4px 4px; + -ms-border-radius: 0px 0px 4px 4px; + -o-border-radius: 0px 0px 4px 4px; + border-radius: 0px 0px 4px 4px; + -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); + -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); + box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); +} +/* line 132, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-message-slot.messenger-first.messenger-last .messenger-message { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); + -moz-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); + box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07); +} +/* line 136, ../../src/sass/messenger-theme-future.sass */ +ul.messenger-theme-future .messenger-spinner { + display: block; + position: absolute; + left: 7px; + top: 50%; + margin-top: -18px; + z-index: 999; + height: 32px; + width: 32px; + z-index: 10; +} diff --git a/css/vendor/messenger/messenger-theme-ice.css b/css/vendor/messenger/messenger-theme-ice.css new file mode 100755 index 0000000..97b9c25 --- /dev/null +++ b/css/vendor/messenger/messenger-theme-ice.css @@ -0,0 +1,114 @@ +@import url("//fonts.googleapis.com/css?family=Raleway:400"); +/* line 12, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice { + -moz-user-select: none; + -webkit-user-select: none; + -o-user-select: none; + user-select: none; + font-family: "Raleway", sans-serif; +} +/* line 16, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14), 0 4px #aaaaaa, 0 5px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14), 0 4px #aaaaaa, 0 5px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14), 0 4px #aaaaaa, 0 5px rgba(0, 0, 0, 0.05); + border: 0px; + background-color: #f6f6f6; + position: relative; + margin-bottom: 1.5em; + font-size: 13px; + color: #666666; + font-weight: 500; + padding: 12px 22px; +} +/* line 28, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-close { + position: absolute; + top: 0px; + right: 0px; + color: #888888; + opacity: 1; + font-weight: bold; + display: block; + font-size: 20px; + line-height: 20px; + padding: 8px 10px 7px 7px; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +/* line 44, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-close:hover { + color: #444444; +} +/* line 47, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-close:active { + color: #222222; +} +/* line 50, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-actions { + float: none; + margin-top: 10px; +} +/* line 54, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-actions a { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + position: relative; + text-decoration: none; + display: inline-block; + padding: 10px; + color: #888888; + margin-right: 10px; + padding: 3px 10px 5px; + text-transform: capitalize; +} +/* line 66, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-actions a:hover, ul.messenger-theme-ice .messenger-message .messenger-actions a:active { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 2px #aaaaaa; + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 2px #aaaaaa; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 2px #aaaaaa; + color: #444444; +} +/* line 70, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-actions a:active { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 1px #aaaaaa; + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 1px #aaaaaa; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15), 0 1px #aaaaaa; + top: 1px; +} +/* line 74, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-actions .messenger-phrase { + display: none; +} +/* line 77, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message .messenger-message-inner:before { + display: block; + z-index: 20; + font-weight: bold; + margin-bottom: 2px; +} +/* line 84, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message.alert-success .messenger-message-inner:before { + content: "Success"; +} +/* line 88, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message.alert-error .messenger-message-inner:before { + content: "Error"; +} +/* line 92, ../../src/sass/messenger-theme-ice.sass */ +ul.messenger-theme-ice .messenger-message.alert-info .messenger-message-inner:before { + content: "Information"; +} diff --git a/css/vendor/messenger/messenger.css b/css/vendor/messenger/messenger.css new file mode 100755 index 0000000..9fc58c9 --- /dev/null +++ b/css/vendor/messenger/messenger.css @@ -0,0 +1,101 @@ +/* line 4, ../../src/sass/messenger.sass */ +ul.messenger { + margin: 0; + padding: 0; +} +/* line 8, ../../src/sass/messenger.sass */ +ul.messenger > li { + list-style: none; + margin: 0; + padding: 0; +} +/* line 14, ../../src/sass/messenger.sass */ +ul.messenger.messenger-empty { + display: none; +} +/* line 17, ../../src/sass/messenger.sass */ +ul.messenger .messenger-message { + overflow: hidden; + *zoom: 1; +} +/* line 20, ../../src/sass/messenger.sass */ +ul.messenger .messenger-message.messenger-hidden { + display: none; +} +/* line 23, ../../src/sass/messenger.sass */ +ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a { + padding-right: 5px; +} +/* line 26, ../../src/sass/messenger.sass */ +ul.messenger .messenger-message .messenger-actions { + float: right; +} +/* line 29, ../../src/sass/messenger.sass */ +ul.messenger .messenger-message .messenger-actions a { + cursor: pointer; + text-decoration: underline; +} +/* line 33, ../../src/sass/messenger.sass */ +ul.messenger .messenger-message ul, ul.messenger .messenger-message ol { + margin: 10px 18px 0; +} +/* line 36, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed { + position: fixed; + z-index: 10000; +} +/* line 40, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed .messenger-message { + min-width: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* line 45, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed .message .messenger-actions { + float: left; +} +/* line 48, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed.messenger-on-top { + top: 20px; +} +/* line 51, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed.messenger-on-bottom { + bottom: 20px; +} +/* line 54, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom { + left: 50%; + width: 800px; + margin-left: -400px; +} +@media (max-width: 960px) { + /* line 54, ../../src/sass/messenger.sass */ + ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom { + left: 10%; + width: 80%; + margin-left: 0px; + } +} +/* line 64, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right { + right: 20px; + left: auto; +} +/* line 68, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left { + left: 20px; + margin-left: 0px; +} +/* line 72, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left { + width: 350px; +} +/* line 75, ../../src/sass/messenger.sass */ +ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions { + float: left; +} +/* line 78, ../../src/sass/messenger.sass */ +ul.messenger .messenger-spinner { + display: none; +} diff --git a/css/vendor/morris.css b/css/vendor/morris.css new file mode 100644 index 0000000..99a7134 --- /dev/null +++ b/css/vendor/morris.css @@ -0,0 +1,2 @@ +.morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;} +.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;} \ No newline at end of file diff --git a/css/vendor/offline.chrome.css b/css/vendor/offline.chrome.css new file mode 100644 index 0000000..5445c05 --- /dev/null +++ b/css/vendor/offline.chrome.css @@ -0,0 +1,709 @@ +/* English language */ + +.offline-ui .offline-ui-retry:before { + content: "Reconnect"; +} + +.offline-ui.offline-ui-up .offline-ui-content:before { + content: "Your computer is connected to the internet."; +} +@media (max-width: 1024px) { + + .offline-ui.offline-ui-up .offline-ui-content:before { + content: "Your device is connected to the internet."; + } +} +@media (max-width: 568px) { + + .offline-ui.offline-ui-up .offline-ui-content:before { + content: "Your device is connected."; + } +} + +.offline-ui.offline-ui-down .offline-ui-content:before { + content: "Your computer lost its internet connection."; +} +@media (max-width: 1024px) { + + .offline-ui.offline-ui-down .offline-ui-content:before { + content: "Your device lost its internet connection."; + } +} +@media (max-width: 568px) { + + .offline-ui.offline-ui-down .offline-ui-content:before { + content: "Your device isn't connected."; + } +} + +.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before { + content: "Attempting to reconnect..."; +} + +.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before { + content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " seconds..."; +} +@media (max-width: 568px) { + + .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before { + content: "Reconnecting in " attr(data-retry-in-value) "s..."; + } +} + +.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before { + content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " second..."; +} +@media (max-width: 568px) { + + .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before { + content: "Reconnecting in " attr(data-retry-in-value) "s..."; + } +} + +.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before { + content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minutes..."; +} +@media (max-width: 568px) { + + .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before { + content: "Reconnecting in " attr(data-retry-in-value) "m..."; + } +} + +.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before { + content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minute..."; +} +@media (max-width: 568px) { + + .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before { + content: "Reconnecting in " attr(data-retry-in-value) "m..."; + } +} + +.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before { + content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hours..."; +} +@media (max-width: 568px) { + + .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before { + content: "Reconnecting in " attr(data-retry-in-value) "h..."; + } +} + +.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before { + content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hour..."; +} +@media (max-width: 568px) { + + .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before { + content: "Reconnecting in " attr(data-retry-in-value) "h..."; + } +} + +.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry { + display: none; +} + +.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before { + content: "Connection attempt failed."; +} + + +/* Plugin styles */ + +.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + + +.offline-ui { + display: none; + position: fixed; + background: white; + z-index: 800; + margin: auto; + top: 0; + left: 0; + right: 0; +} + +.offline-ui .offline-ui-content:before { + display: inline; +} + +.offline-ui .offline-ui-retry { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + display: none; +} + +.offline-ui .offline-ui-retry:before { + display: inline; +} + +.offline-ui.offline-ui-up.offline-ui-up-5s { + display: block; +} + +.offline-ui.offline-ui-down { + display: block; +} + +.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry { + display: block; +} + +.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry { + display: none; +} + +@-webkit-keyframes offline-dropin { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 0; + } + + + 1% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 0; + } + + + 2% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 1; + } + + + 100% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 1; + } +} + +@-moz-keyframes offline-dropin { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 0; + } + + + 1% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 0; + } + + + 2% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 1; + } + + + 100% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 1; + } +} + +@-ms-keyframes offline-dropin { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 0; + } + + + 1% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 0; + } + + + 2% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 1; + } + + + 100% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 1; + } +} + +@-o-keyframes offline-dropin { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 0; + } + + + 1% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 0; + } + + + 2% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 1; + } + + + 100% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 1; + } +} + +@keyframes offline-dropin { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 0; + } + + + 1% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 0; + } + + + 2% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + opacity: 1; + } + + + 100% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + opacity: 1; + } +} + +@-webkit-keyframes offline-dropout { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + } + + + 100% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + } +} + +@-moz-keyframes offline-dropout { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + } + + + 100% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + } +} + +@-ms-keyframes offline-dropout { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + } + + + 100% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + } +} + +@-o-keyframes offline-dropout { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + } + + + 100% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + } +} + +@keyframes offline-dropout { + + 0% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + } + + + 100% { + transform: translateY(-800px); + -webkit-transform: translateY(-800px); + -moz-transform: translateY(-800px); + -ms-transform: translateY(-800px); + -o-transform: translateY(-800px); + } +} + +@-webkit-keyframes offline-rotation { + + 0% { + transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + } + + + 100% { + transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -moz-transform: rotate(359deg); + -ms-transform: rotate(359deg); + -o-transform: rotate(359deg); + } +} + +@-moz-keyframes offline-rotation { + + 0% { + transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + } + + + 100% { + transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -moz-transform: rotate(359deg); + -ms-transform: rotate(359deg); + -o-transform: rotate(359deg); + } +} + +@-ms-keyframes offline-rotation { + + 0% { + transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + } + + + 100% { + transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -moz-transform: rotate(359deg); + -ms-transform: rotate(359deg); + -o-transform: rotate(359deg); + } +} + +@-o-keyframes offline-rotation { + + 0% { + transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + } + + + 100% { + transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -moz-transform: rotate(359deg); + -ms-transform: rotate(359deg); + -o-transform: rotate(359deg); + } +} + +@keyframes offline-rotation { + + 0% { + transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + } + + + 100% { + transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -moz-transform: rotate(359deg); + -ms-transform: rotate(359deg); + -o-transform: rotate(359deg); + } +} + + +.offline-ui { + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3); + font-family: "Lucida Grande", sans-serif; + font-size: 14px; + padding: 1em; + width: 38em; + max-width: 100%; + background: #f6f6f6; + color: #444444; + overflow: hidden; +} + +.offline-ui .offline-ui-content { + padding-left: 2em; +} + +.offline-ui .offline-ui-content:before { + line-height: 1.25em; +} + +.offline-ui .offline-ui-content:after { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + content: " "; + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 1em; + margin: auto; + height: 1em; + width: 1em; +} + +.offline-ui .offline-ui-retry { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(38%, #ededed), color-stop(100%, #dedede)); + background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); + background-image: -moz-linear-gradient(#ededed, #ededed 38%, #dedede); + background-image: -o-linear-gradient(#ededed, #ededed 38%, #dedede); + background-image: linear-gradient(#ededed, #ededed 38%, #dedede); + position: absolute; + right: 4em; + top: 1em; + bottom: 1em; + border: 1px solid rgba(0, 0, 0, 0.25); + text-shadow: 0 1px 0 #f0f0f0; + padding: 0 1em; + line-height: 1.6em; + height: 1.7em; + margin: auto; + font-size: 12px; + text-decoration: none; + color: inherit; +} + +.offline-ui.offline-ui-up { + -webkit-animation: offline-dropout forwards 0.5s 2s; + -moz-animation: offline-dropout forwards 0.5s 2s; + -ms-animation: offline-dropout forwards 0.5s 2s; + -o-animation: offline-dropout forwards 0.5s 2s; + animation: offline-dropout forwards 0.5s 2s; + -webkit-backface-visibility: hidden; +} + +.offline-ui.offline-ui-up .offline-ui-content:after { + background: #80d580; +} + +.offline-ui.offline-ui-down { + -webkit-animation: offline-dropin 0.5s; + -moz-animation: offline-dropin 0.5s; + -ms-animation: offline-dropin 0.5s; + -o-animation: offline-dropin 0.5s; + animation: offline-dropin 0.5s; + -webkit-backface-visibility: hidden; +} + +.offline-ui.offline-ui-down .offline-ui-content:after { + background: #ec8787; +} + +.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting { + padding-right: 3em; +} + +.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after, .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after { + background: #ec8787; +} + +.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after { + -webkit-animation: offline-rotation 0.7s linear infinite; + -moz-animation: offline-rotation 0.7s linear infinite; + -ms-animation: offline-rotation 0.7s linear infinite; + -o-animation: offline-rotation 0.7s linear infinite; + animation: offline-rotation 0.7s linear infinite; + -webkit-backface-visibility: hidden; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + content: " "; + display: block; + position: absolute; + right: 1em; + top: 0; + bottom: 0; + margin: auto; + height: 1em; + width: 1em; + border: 2px solid rgba(0, 0, 0, 0); + border-top-color: rgba(0, 0, 0, 0.5); + border-left-color: rgba(0, 0, 0, 0.5); + opacity: 0.7; +} + +.offline-ui.offline-ui-down.offline-ui-waiting { + padding-right: 11em; +} + +.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s { + padding-right: 0; +} \ No newline at end of file diff --git a/css/vendor/select2-bootstrap.css b/css/vendor/select2-bootstrap.css new file mode 100755 index 0000000..bae9973 --- /dev/null +++ b/css/vendor/select2-bootstrap.css @@ -0,0 +1,459 @@ +/** + * Select2 Bootstrap CSS + * Compatible with Select2 3.3.2, 3.4.1, 3.4.2 and Twitter Bootstrap 3.0.0 + * MIT License + */ +/** + * Reset Bootstrap 3 .form-control styles which - if applied to the + * original ' + + '' + + '
' + + '' + + '' + + '
' + + ' ' + + '' + + '' + + '' + + ''; + + //custom options + if (typeof options !== 'object' || options === null) + options = {}; + + this.parentEl = (typeof options === 'object' && options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl); + this.container = $(DRPTemplate).appendTo(this.parentEl); + + this.setOptions(options, cb); + + //apply CSS classes and labels to buttons + var c = this.container; + $.each(this.buttonClasses, function (idx, val) { + c.find('button').addClass(val); + }); + this.container.find('.daterangepicker_start_input label').html(this.locale.fromLabel); + this.container.find('.daterangepicker_end_input label').html(this.locale.toLabel); + if (this.applyClass.length) + this.container.find('.applyBtn').addClass(this.applyClass); + if (this.cancelClass.length) + this.container.find('.cancelBtn').addClass(this.cancelClass); + this.container.find('.applyBtn').html(this.locale.applyLabel); + this.container.find('.cancelBtn').html(this.locale.cancelLabel); + + //event listeners + + this.container.find('.calendar') + .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this)) + .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this)) + .on('click.daterangepicker', 'td.available', $.proxy(this.clickDate, this)) + .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.enterDate, this)) + .on('mouseleave.daterangepicker', 'td.available', $.proxy(this.updateFormInputs, this)) + .on('change.daterangepicker', 'select.yearselect', $.proxy(this.updateMonthYear, this)) + .on('change.daterangepicker', 'select.monthselect', $.proxy(this.updateMonthYear, this)) + .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.ampmselect', $.proxy(this.updateTime, this)); + + this.container.find('.ranges') + .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this)) + .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this)) + .on('click.daterangepicker', '.daterangepicker_start_input,.daterangepicker_end_input', $.proxy(this.showCalendars, this)) + .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this)) + .on('mouseenter.daterangepicker', 'li', $.proxy(this.enterRange, this)) + .on('mouseleave.daterangepicker', 'li', $.proxy(this.updateFormInputs, this)); + + if (this.element.is('input')) { + this.element.on({ + 'click.daterangepicker': $.proxy(this.show, this), + 'focus.daterangepicker': $.proxy(this.show, this), + 'keyup.daterangepicker': $.proxy(this.updateFromControl, this) + }); + } else { + this.element.on('click.daterangepicker', $.proxy(this.toggle, this)); + } + + }; + + DateRangePicker.prototype = { + + constructor: DateRangePicker, + + setOptions: function(options, callback) { + + this.startDate = moment().startOf('day'); + this.endDate = moment().endOf('day'); + this.minDate = false; + this.maxDate = false; + this.dateLimit = false; + + this.showDropdowns = false; + this.showWeekNumbers = false; + this.timePicker = false; + this.timePickerIncrement = 30; + this.timePicker12Hour = true; + this.singleDatePicker = false; + this.ranges = {}; + + this.opens = 'right'; + if (this.element.hasClass('pull-right')) + this.opens = 'left'; + + this.buttonClasses = ['btn', 'btn-small']; + this.applyClass = 'btn-success'; + this.cancelClass = 'btn-default'; + + this.format = 'MM/DD/YYYY'; + this.separator = ' - '; + + this.locale = { + applyLabel: 'Apply', + cancelLabel: 'Cancel', + fromLabel: 'From', + toLabel: 'To', + weekLabel: 'W', + customRangeLabel: 'Custom Range', + daysOfWeek: moment()._lang._weekdaysMin.slice(), + monthNames: moment()._lang._monthsShort.slice(), + firstDay: 0 + }; + + this.cb = function () { }; + + if (typeof options.format === 'string') + this.format = options.format; + + if (typeof options.separator === 'string') + this.separator = options.separator; + + if (typeof options.startDate === 'string') + this.startDate = moment(options.startDate, this.format); + + if (typeof options.endDate === 'string') + this.endDate = moment(options.endDate, this.format); + + if (typeof options.minDate === 'string') + this.minDate = moment(options.minDate, this.format); + + if (typeof options.maxDate === 'string') + this.maxDate = moment(options.maxDate, this.format); + + if (typeof options.startDate === 'object') + this.startDate = moment(options.startDate); + + if (typeof options.endDate === 'object') + this.endDate = moment(options.endDate); + + if (typeof options.minDate === 'object') + this.minDate = moment(options.minDate); + + if (typeof options.maxDate === 'object') + this.maxDate = moment(options.maxDate); + + if (typeof options.applyClass === 'string') + this.applyClass = options.applyClass; + + if (typeof options.cancelClass === 'string') + this.cancelClass = options.cancelClass; + + if (typeof options.dateLimit === 'object') + this.dateLimit = options.dateLimit; + + // update day names order to firstDay + if (typeof options.locale === 'object') { + + if (typeof options.locale.daysOfWeek === 'object') { + // Create a copy of daysOfWeek to avoid modification of original + // options object for reusability in multiple daterangepicker instances + this.locale.daysOfWeek = options.locale.daysOfWeek.slice(); + } + + if (typeof options.locale.monthNames === 'object') { + this.locale.monthNames = options.locale.monthNames.slice(); + } + + if (typeof options.locale.firstDay === 'number') { + this.locale.firstDay = options.locale.firstDay; + var iterator = options.locale.firstDay; + while (iterator > 0) { + this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift()); + iterator--; + } + } + + if (typeof options.locale.applyLabel === 'string') { + this.locale.applyLabel = options.locale.applyLabel; + } + + if (typeof options.locale.cancelLabel === 'string') { + this.locale.cancelLabel = options.locale.cancelLabel; + } + + if (typeof options.locale.fromLabel === 'string') { + this.locale.fromLabel = options.locale.fromLabel; + } + + if (typeof options.locale.toLabel === 'string') { + this.locale.toLabel = options.locale.toLabel; + } + + if (typeof options.locale.weekLabel === 'string') { + this.locale.weekLabel = options.locale.weekLabel; + } + + if (typeof options.locale.customRangeLabel === 'string') { + this.locale.customRangeLabel = options.locale.customRangeLabel; + } + } + + if (typeof options.opens === 'string') + this.opens = options.opens; + + if (typeof options.showWeekNumbers === 'boolean') { + this.showWeekNumbers = options.showWeekNumbers; + } + + if (typeof options.buttonClasses === 'string') { + this.buttonClasses = [options.buttonClasses]; + } + + if (typeof options.buttonClasses === 'object') { + this.buttonClasses = options.buttonClasses; + } + + if (typeof options.showDropdowns === 'boolean') { + this.showDropdowns = options.showDropdowns; + } + + if (typeof options.singleDatePicker === 'boolean') { + this.singleDatePicker = options.singleDatePicker; + } + + if (typeof options.timePicker === 'boolean') { + this.timePicker = options.timePicker; + } + + if (typeof options.timePickerIncrement === 'number') { + this.timePickerIncrement = options.timePickerIncrement; + } + + if (typeof options.timePicker12Hour === 'boolean') { + this.timePicker12Hour = options.timePicker12Hour; + } + + var start, end, range; + + //if no start/end dates set, check if an input element contains initial values + if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') { + if ($(this.element).is('input[type=text]')) { + var val = $(this.element).val(); + var split = val.split(this.separator); + start = end = null; + if (split.length == 2) { + start = moment(split[0], this.format); + end = moment(split[1], this.format); + } else if (this.singleDatePicker) { + start = moment(val, this.format); + end = moment(val, this.format); + } + if (start !== null && end !== null) { + this.startDate = start; + this.endDate = end; + } + } + } + + if (typeof options.ranges === 'object') { + for (range in options.ranges) { + + start = moment(options.ranges[range][0]); + end = moment(options.ranges[range][1]); + + // If we have a min/max date set, bound this range + // to it, but only if it would otherwise fall + // outside of the min/max. + if (this.minDate && start.isBefore(this.minDate)) + start = moment(this.minDate); + + if (this.maxDate && end.isAfter(this.maxDate)) + end = moment(this.maxDate); + + // If the end of the range is before the minimum (if min is set) OR + // the start of the range is after the max (also if set) don't display this + // range option. + if ((this.minDate && end.isBefore(this.minDate)) || (this.maxDate && start.isAfter(this.maxDate))) { + continue; + } + + this.ranges[range] = [start, end]; + } + + var list = '
    '; + for (range in this.ranges) { + list += '
  • ' + range + '
    • '; + } + list += '
  • ' + this.locale.customRangeLabel + '
    • '; + list += '
'; + this.container.find('.ranges ul').remove(); + this.container.find('.ranges').prepend(list); + } + + if (typeof callback === 'function') { + this.cb = callback; + } + + if (!this.timePicker) { + this.startDate = this.startDate.startOf('day'); + this.endDate = this.endDate.endOf('day'); + } + + if (this.singleDatePicker) { + this.opens = 'right'; + this.container.find('.calendar.right').show(); + this.container.find('.calendar.left').hide(); + this.container.find('.ranges').hide(); + if (!this.container.find('.calendar.right').hasClass('single')) + this.container.find('.calendar.right').addClass('single'); + } else { + this.container.find('.calendar.right').removeClass('single'); + this.container.find('.ranges').show(); + } + + this.oldStartDate = this.startDate.clone(); + this.oldEndDate = this.endDate.clone(); + this.oldChosenLabel = this.chosenLabel; + + this.leftCalendar = { + month: moment([this.startDate.year(), this.startDate.month(), 1, this.startDate.hour(), this.startDate.minute()]), + calendar: [] + }; + + this.rightCalendar = { + month: moment([this.endDate.year(), this.endDate.month(), 1, this.endDate.hour(), this.endDate.minute()]), + calendar: [] + }; + + if (this.opens == 'right') { + //swap calendar positions + var left = this.container.find('.calendar.left'); + var right = this.container.find('.calendar.right'); + left.removeClass('left').addClass('right'); + right.removeClass('right').addClass('left'); + } + + if (typeof options.ranges === 'undefined' && !this.singleDatePicker) { + this.container.addClass('show-calendar'); + } + + this.container.addClass('opens' + this.opens); + + this.updateView(); + this.updateCalendars(); + + }, + + setStartDate: function(startDate) { + if (typeof startDate === 'string') + this.startDate = moment(startDate, this.format); + + if (typeof startDate === 'object') + this.startDate = moment(startDate); + + if (!this.timePicker) + this.startDate = this.startDate.startOf('day'); + + this.oldStartDate = this.startDate.clone(); + + this.updateView(); + this.updateCalendars(); + }, + + setEndDate: function(endDate) { + if (typeof endDate === 'string') + this.endDate = moment(endDate, this.format); + + if (typeof endDate === 'object') + this.endDate = moment(endDate); + + if (!this.timePicker) + this.endDate = this.endDate.endOf('day'); + + this.oldEndDate = this.endDate.clone(); + + this.updateView(); + this.updateCalendars(); + }, + + updateView: function () { + this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()); + this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()); + this.updateFormInputs(); + }, + + updateFormInputs: function () { + this.container.find('input[name=daterangepicker_start]').val(this.startDate.format(this.format)); + this.container.find('input[name=daterangepicker_end]').val(this.endDate.format(this.format)); + + if (this.startDate.isSame(this.endDate) || this.startDate.isBefore(this.endDate)) { + this.container.find('button.applyBtn').removeAttr('disabled'); + } else { + this.container.find('button.applyBtn').attr('disabled', 'disabled'); + } + }, + + updateFromControl: function () { + if (!this.element.is('input')) return; + if (!this.element.val().length) return; + + var dateString = this.element.val().split(this.separator), + start = null, + end = null; + + if(dateString.length === 2) { + start = moment(dateString[0], this.format); + end = moment(dateString[1], this.format); + } + + if (this.singleDatePicker || start === null || end === null) { + start = moment(this.element.val(), this.format); + end = start; + } + + if (end.isBefore(start)) return; + + this.oldStartDate = this.startDate.clone(); + this.oldEndDate = this.endDate.clone(); + + this.startDate = start; + this.endDate = end; + + if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate)) + this.notify(); + + this.updateCalendars(); + }, + + notify: function () { + this.updateView(); + this.cb(this.startDate, this.endDate, this.chosenLabel); + }, + + move: function () { + var parentOffset = { top: 0, left: 0 }; + if (!this.parentEl.is('body')) { + parentOffset = { + top: this.parentEl.offset().top - this.parentEl.scrollTop(), + left: this.parentEl.offset().left - this.parentEl.scrollLeft() + }; + } + + if (this.opens == 'left') { + this.container.css({ + top: this.element.offset().top + this.element.outerHeight() - parentOffset.top, + right: $(window).width() - this.element.offset().left - this.element.outerWidth() - parentOffset.left, + left: 'auto' + }); + if (this.container.offset().left < 0) { + this.container.css({ + right: 'auto', + left: 9 + }); + } + } else { + this.container.css({ + top: this.element.offset().top + this.element.outerHeight() - parentOffset.top, + left: this.element.offset().left - parentOffset.left, + right: 'auto' + }); + if (this.container.offset().left + this.container.outerWidth() > $(window).width()) { + this.container.css({ + left: 'auto', + right: 0 + }); + } + } + }, + + toggle: function (e) { + if (this.element.hasClass('active')) { + this.hide(); + } else { + this.show(); + } + }, + + show: function (e) { + this.element.addClass('active'); + this.container.show(); + this.move(); + + $(document).on('click.daterangepicker', $.proxy(this.outsideClick, this)); + // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them + $(document).on('click.daterangepicker', '[data-toggle=dropdown]', $.proxy(this.outsideClick, this)); + + this.element.trigger('show.daterangepicker', this); + }, + + outsideClick: function (e) { + var target = $(e.target); + // if the page is clicked anywhere except within the daterangerpicker/button + // itself then call this.hide() + if ( + target.closest(this.element).length || + target.closest(this.container).length || + target.closest('.calendar-date').length + ) return; + this.hide(); + }, + + hide: function (e) { + $(document).off('click.daterangepicker', this.outsideClick); + + this.element.removeClass('active'); + this.container.hide(); + + if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate)) + this.notify(); + + this.oldStartDate = this.startDate.clone(); + this.oldEndDate = this.endDate.clone(); + + this.element.trigger('hide.daterangepicker', this); + }, + + enterRange: function (e) { + // mouse pointer has entered a range label + var label = e.target.innerHTML; + if (label == this.locale.customRangeLabel) { + this.updateView(); + } else { + var dates = this.ranges[label]; + this.container.find('input[name=daterangepicker_start]').val(dates[0].format(this.format)); + this.container.find('input[name=daterangepicker_end]').val(dates[1].format(this.format)); + } + }, + + showCalendars: function() { + this.container.addClass('show-calendar'); + this.move(); + }, + + hideCalendars: function() { + this.container.removeClass('show-calendar'); + }, + + updateInputText: function() { + if (this.element.is('input') && !this.singleDatePicker) { + this.element.val(this.startDate.format(this.format) + this.separator + this.endDate.format(this.format)); + } else if (this.element.is('input')) { + this.element.val(this.startDate.format(this.format)); + } + }, + + clickRange: function (e) { + var label = e.target.innerHTML; + this.chosenLabel = label; + if (label == this.locale.customRangeLabel) { + this.showCalendars(); + } else { + var dates = this.ranges[label]; + + this.startDate = dates[0]; + this.endDate = dates[1]; + + if (!this.timePicker) { + this.startDate.startOf('day'); + this.endDate.endOf('day'); + } + + this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()).hour(this.startDate.hour()).minute(this.startDate.minute()); + this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()).hour(this.endDate.hour()).minute(this.endDate.minute()); + this.updateCalendars(); + + this.updateInputText(); + + this.hideCalendars(); + this.hide(); + this.element.trigger('apply.daterangepicker', this); + } + }, + + clickPrev: function (e) { + var cal = $(e.target).parents('.calendar'); + if (cal.hasClass('left')) { + this.leftCalendar.month.subtract('month', 1); + } else { + this.rightCalendar.month.subtract('month', 1); + } + this.updateCalendars(); + }, + + clickNext: function (e) { + var cal = $(e.target).parents('.calendar'); + if (cal.hasClass('left')) { + this.leftCalendar.month.add('month', 1); + } else { + this.rightCalendar.month.add('month', 1); + } + this.updateCalendars(); + }, + + enterDate: function (e) { + + var title = $(e.target).attr('data-title'); + var row = title.substr(1, 1); + var col = title.substr(3, 1); + var cal = $(e.target).parents('.calendar'); + + if (cal.hasClass('left')) { + this.container.find('input[name=daterangepicker_start]').val(this.leftCalendar.calendar[row][col].format(this.format)); + } else { + this.container.find('input[name=daterangepicker_end]').val(this.rightCalendar.calendar[row][col].format(this.format)); + } + + }, + + clickDate: function (e) { + var title = $(e.target).attr('data-title'); + var row = title.substr(1, 1); + var col = title.substr(3, 1); + var cal = $(e.target).parents('.calendar'); + + var startDate, endDate; + if (cal.hasClass('left')) { + startDate = this.leftCalendar.calendar[row][col]; + endDate = this.endDate; + if (typeof this.dateLimit === 'object') { + var maxDate = moment(startDate).add(this.dateLimit).startOf('day'); + if (endDate.isAfter(maxDate)) { + endDate = maxDate; + } + } + } else { + startDate = this.startDate; + endDate = this.rightCalendar.calendar[row][col]; + if (typeof this.dateLimit === 'object') { + var minDate = moment(endDate).subtract(this.dateLimit).startOf('day'); + if (startDate.isBefore(minDate)) { + startDate = minDate; + } + } + } + + if (this.singleDatePicker && cal.hasClass('left')) { + endDate = startDate.clone(); + } else if (this.singleDatePicker && cal.hasClass('right')) { + startDate = endDate.clone(); + } + + cal.find('td').removeClass('active'); + + if (startDate.isSame(endDate) || startDate.isBefore(endDate)) { + $(e.target).addClass('active'); + this.startDate = startDate; + this.endDate = endDate; + this.chosenLabel = this.locale.customRangeLabel; + } else if (startDate.isAfter(endDate)) { + $(e.target).addClass('active'); + var difference = this.endDate.diff(this.startDate); + this.startDate = startDate; + this.endDate = moment(startDate).add('ms', difference); + this.chosenLabel = this.locale.customRangeLabel; + } + + this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()); + this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()); + this.updateCalendars(); + + if (!this.timePicker) + endDate.endOf('day'); + + if (this.singleDatePicker) + this.clickApply(); + }, + + clickApply: function (e) { + this.updateInputText(); + this.hide(); + this.element.trigger('apply.daterangepicker', this); + }, + + clickCancel: function (e) { + this.startDate = this.oldStartDate; + this.endDate = this.oldEndDate; + this.chosenLabel = this.oldChosenLabel; + this.updateView(); + this.updateCalendars(); + this.hide(); + this.element.trigger('cancel.daterangepicker', this); + }, + + updateMonthYear: function (e) { + var isLeft = $(e.target).closest('.calendar').hasClass('left'), + leftOrRight = isLeft ? 'left' : 'right', + cal = this.container.find('.calendar.'+leftOrRight); + + // Month must be Number for new moment versions + var month = parseInt(cal.find('.monthselect').val(), 10); + var year = cal.find('.yearselect').val(); + + this[leftOrRight+'Calendar'].month.month(month).year(year); + this.updateCalendars(); + }, + + updateTime: function(e) { + var isLeft = $(e.target).closest('.calendar').hasClass('left'), + leftOrRight = isLeft ? 'left' : 'right', + cal = this.container.find('.calendar.'+leftOrRight); + + var hour = parseInt(cal.find('.hourselect').val(), 10); + var minute = parseInt(cal.find('.minuteselect').val(), 10); + + if (this.timePicker12Hour) { + var ampm = cal.find('.ampmselect').val(); + if (ampm === 'PM' && hour < 12) + hour += 12; + if (ampm === 'AM' && hour === 12) + hour = 0; + } + + if (isLeft) { + var start = this.startDate.clone(); + start.hour(hour); + start.minute(minute); + this.startDate = start; + this.leftCalendar.month.hour(hour).minute(minute); + } else { + var end = this.endDate.clone(); + end.hour(hour); + end.minute(minute); + this.endDate = end; + this.rightCalendar.month.hour(hour).minute(minute); + } + + this.updateCalendars(); + }, + + updateCalendars: function () { + this.leftCalendar.calendar = this.buildCalendar(this.leftCalendar.month.month(), this.leftCalendar.month.year(), this.leftCalendar.month.hour(), this.leftCalendar.month.minute(), 'left'); + this.rightCalendar.calendar = this.buildCalendar(this.rightCalendar.month.month(), this.rightCalendar.month.year(), this.rightCalendar.month.hour(), this.rightCalendar.month.minute(), 'right'); + this.container.find('.calendar.left').empty().html(this.renderCalendar(this.leftCalendar.calendar, this.startDate, this.minDate, this.maxDate)); + this.container.find('.calendar.right').empty().html(this.renderCalendar(this.rightCalendar.calendar, this.endDate, this.startDate, this.maxDate)); + + this.container.find('.ranges li').removeClass('active'); + var customRange = true; + var i = 0; + for (var range in this.ranges) { + if (this.timePicker) { + if (this.startDate.isSame(this.ranges[range][0]) && this.endDate.isSame(this.ranges[range][1])) { + customRange = false; + this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')') + .addClass('active').html(); + } + } else { + //ignore times when comparing dates if time picker is not enabled + if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) { + customRange = false; + this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')') + .addClass('active').html(); + } + } + i++; + } + if (customRange) { + this.chosenLabel = this.container.find('.ranges li:last') + .addClass('active').html(); + } + }, + + buildCalendar: function (month, year, hour, minute, side) { + var firstDay = moment([year, month, 1]); + var lastMonth = moment(firstDay).subtract('month', 1).month(); + var lastYear = moment(firstDay).subtract('month', 1).year(); + + var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth(); + + var dayOfWeek = firstDay.day(); + + var i; + + //initialize a 6 rows x 7 columns array for the calendar + var calendar = []; + for (i = 0; i < 6; i++) { + calendar[i] = []; + } + + //populate the calendar with date objects + var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1; + if (startDay > daysInLastMonth) + startDay -= 7; + + if (dayOfWeek == this.locale.firstDay) + startDay = daysInLastMonth - 6; + + var curDate = moment([lastYear, lastMonth, startDay, 12, minute]); + var col, row; + for (i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add('hour', 24)) { + if (i > 0 && col % 7 === 0) { + col = 0; + row++; + } + calendar[row][col] = curDate.clone().hour(hour); + curDate.hour(12); + } + + return calendar; + }, + + renderDropdowns: function (selected, minDate, maxDate) { + var currentMonth = selected.month(); + var monthHtml = '"; + + var currentYear = selected.year(); + var maxYear = (maxDate && maxDate.year()) || (currentYear + 5); + var minYear = (minDate && minDate.year()) || (currentYear - 50); + var yearHtml = ''; + + return monthHtml + yearHtml; + }, + + renderCalendar: function (calendar, selected, minDate, maxDate) { + + var html = '
'; + html += ''; + html += ''; + html += ''; + + // add empty cell for week number + if (this.showWeekNumbers) + html += ''; + + if (!minDate || minDate.isBefore(calendar[1][1])) { + html += ''; + } else { + html += ''; + } + + var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY"); + + if (this.showDropdowns) { + dateHtml = this.renderDropdowns(calendar[1][1], minDate, maxDate); + } + + html += ''; + if (!maxDate || maxDate.isAfter(calendar[1][1])) { + html += ''; + } else { + html += ''; + } + + html += ''; + html += ''; + + // add week number label + if (this.showWeekNumbers) + html += ''; + + $.each(this.locale.daysOfWeek, function (index, dayOfWeek) { + html += ''; + }); + + html += ''; + html += ''; + html += ''; + + for (var row = 0; row < 6; row++) { + html += ''; + + // add week number + if (this.showWeekNumbers) + html += ''; + + for (var col = 0; col < 7; col++) { + var cname = 'available '; + cname += (calendar[row][col].month() == calendar[1][1].month()) ? '' : 'off'; + + if ((minDate && calendar[row][col].isBefore(minDate)) || (maxDate && calendar[row][col].isAfter(maxDate))) { + cname = ' off disabled '; + } else if (calendar[row][col].format('YYYY-MM-DD') == selected.format('YYYY-MM-DD')) { + cname += ' active '; + if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD')) { + cname += ' start-date '; + } + if (calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD')) { + cname += ' end-date '; + } + } else if (calendar[row][col] >= this.startDate && calendar[row][col] <= this.endDate) { + cname += ' in-range '; + if (calendar[row][col].isSame(this.startDate)) { cname += ' start-date '; } + if (calendar[row][col].isSame(this.endDate)) { cname += ' end-date '; } + } + + var title = 'r' + row + 'c' + col; + html += ''; + } + html += ''; + } + + html += ''; + html += '
' + dateHtml + '
' + this.locale.weekLabel + '' + dayOfWeek + '
' + calendar[row][0].week() + '' + calendar[row][col].date() + '
'; + html += '
'; + + var i; + if (this.timePicker) { + + html += '
'; + html += ' : '; + + html += ' '; + + if (this.timePicker12Hour) { + html += ''; + } + + html += '
'; + + } + + return html; + + }, + + remove: function() { + + this.container.remove(); + this.element.off('.daterangepicker'); + this.element.removeData('daterangepicker'); + + } + + }; + + $.fn.daterangepicker = function (options, cb) { + this.each(function () { + var el = $(this); + if (el.data('daterangepicker')) + el.data('daterangepicker').remove(); + el.data('daterangepicker', new DateRangePicker(el, options, cb)); + }); + return this; + }; + +}(window.jQuery, window.moment); \ No newline at end of file diff --git a/js/vendor/bootstrap-switch.min.js b/js/vendor/bootstrap-switch.min.js new file mode 100755 index 0000000..83d33d8 --- /dev/null +++ b/js/vendor/bootstrap-switch.min.js @@ -0,0 +1,22 @@ +/* ======================================================================== + * bootstrap-switch - v3.0.0 + * http://www.bootstrap-switch.org + * ======================================================================== + * Copyright 2012-2013 Mattia Larentis + * + * ======================================================================== + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================================== + */ + +(function(){var t=[].slice;!function(e,s){"use strict";var o;return o=function(){function t(t,s){null==s&&(s={}),this.$element=e(t),this.options=e.extend({},e.fn.bootstrapSwitch.defaults,s,{state:this.$element.is(":checked"),size:this.$element.data("size"),animate:this.$element.data("animate"),disabled:this.$element.is(":disabled"),readonly:this.$element.is("[readonly]"),onColor:this.$element.data("on-color"),offColor:this.$element.data("off-color"),onText:this.$element.data("on-text"),offText:this.$element.data("off-text"),labelText:this.$element.data("label-text"),baseClass:this.$element.data("base-class"),wrapperClass:this.$element.data("wrapper-class")}),this.$wrapper=e("
",{"class":function(t){return function(){var e;return e=[""+t.options.baseClass].concat(t._getClasses(t.options.wrapperClass)),e.push(t.options.state?""+t.options.baseClass+"-on":""+t.options.baseClass+"-off"),null!=t.options.size&&e.push(""+t.options.baseClass+"-"+t.options.size),t.options.animate&&e.push(""+t.options.baseClass+"-animate"),t.options.disabled&&e.push(""+t.options.baseClass+"-disabled"),t.options.readonly&&e.push(""+t.options.baseClass+"-readonly"),t.$element.attr("id")&&e.push(""+t.options.baseClass+"-id-"+t.$element.attr("id")),e.join(" ")}}(this)()}),this.$container=e("
",{"class":""+this.options.baseClass+"-container"}),this.$on=e("",{html:this.options.onText,"class":""+this.options.baseClass+"-handle-on "+this.options.baseClass+"-"+this.options.onColor}),this.$off=e("",{html:this.options.offText,"class":""+this.options.baseClass+"-handle-off "+this.options.baseClass+"-"+this.options.offColor}),this.$label=e("