Remove old/ unused files | use ng-openaire-libraries for menu, footer & login
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@50287 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
f778369838
commit
989bb6394b
|
@ -1,13 +1,15 @@
|
|||
<navbar portal="connect" logoPath="imgs/" onlyTop=true userMenu=true [userMenuItems]=userMenuItems [menuItems]=menuItems [logInUrl]=logInUrl [logOutUrl]=logOutUrl></navbar>
|
||||
|
||||
<div class="">
|
||||
<!--div class="">
|
||||
<div class="uk-navbar-left uk-visible@l ">
|
||||
<a class="uk-logo uk-navbar-item uk-link" routerlink="/" routerlinkactive="uk-link" href="/">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="imgs/OA CONNECT_B.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div-->
|
||||
|
||||
<div id="wrapper" class=" uk-section uk-grid uk-margin-top">
|
||||
<div id="wrapper" class=" uk-section uk-margin-top">
|
||||
<div class="uk-grid">
|
||||
<div id="sidebar-default" class="uk-width-1-5">
|
||||
<ul class="uk-nav uk-nav-default">
|
||||
<li class="uk-nav-header uk-parent">
|
||||
|
@ -75,7 +77,7 @@
|
|||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</li>
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Help Content
|
||||
|
@ -98,4 +100,13 @@
|
|||
<div class="uk-width-4-5">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--cookie-law *ngIf= "isClient" position="bottom">
|
||||
OpenAIRE uses cookies in order to function properly.<br>
|
||||
Cookies are small pieces of data that websites store in your browser to allow us to give you the best browsing experience possible.
|
||||
By using the OpenAIRE portal you accept our use of cookies. <a href="//ec.europa.eu/ipg/basics/legal/cookies/index_en.htm" target="_blank"> Read more <span class="uk-icon">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
|
||||
</span></a>
|
||||
</cookie-law-->
|
||||
<bottom *ngIf= "isClient"></bottom>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
*/
|
||||
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
import {Properties} from './utils/properties';
|
||||
@Component({
|
||||
selector: 'metadata-registry-service',
|
||||
templateUrl: './app.component.html',
|
||||
|
@ -11,5 +11,27 @@ import { Component } from '@angular/core';
|
|||
|
||||
export class AppComponent {
|
||||
title = 'Metadata Registry Service';
|
||||
}
|
||||
isClient:boolean = false;
|
||||
|
||||
userMenuItems = [
|
||||
{title: "My profile",
|
||||
url:"",
|
||||
route:"",
|
||||
needsAuthorization:false}
|
||||
];
|
||||
|
||||
menuItems = [];
|
||||
loginUrl = Properties.getLoginURL();
|
||||
logOutUrl = Properties.getLogoutURL();
|
||||
constructor( ) {}
|
||||
|
||||
ngOnInit() {
|
||||
|
||||
if (typeof document !== 'undefined') {
|
||||
try{
|
||||
this.isClient = true;
|
||||
}catch (e) {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -18,7 +18,7 @@ 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 { 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";
|
||||
|
@ -32,7 +32,8 @@ import { CommunityFormComponent } from './pages/community/community-form.compone
|
|||
import { CommunityEditFormComponent } from './pages/community/community-edit-form.component';
|
||||
import { EntitiesComponent } from "./pages/helpcontent/entities.component";
|
||||
import { EntityFormComponent } from "./pages/helpcontent/entity-form.component";
|
||||
|
||||
import {BottomModule, FeedbackModule, NavigationBarModule, CookieLawModule} from 'ng-openaire-library';
|
||||
//, , ErrorModule CookieLawModule
|
||||
@NgModule({
|
||||
imports: [
|
||||
BrowserModule,
|
||||
|
@ -44,8 +45,10 @@ import { EntityFormComponent } from "./pages/helpcontent/entity-form.component";
|
|||
//AccordionModule.forRoot(),
|
||||
FormsModule,
|
||||
ReactiveFormsModule,
|
||||
JWBootstrapSwitchModule,
|
||||
CKEditorModule
|
||||
// JWBootstrapSwitchModule,
|
||||
CKEditorModule,
|
||||
BottomModule, FeedbackModule, NavigationBarModule, CookieLawModule
|
||||
// , CookieLawModule, ErrorModule
|
||||
],
|
||||
declarations: [
|
||||
AppComponent,
|
||||
|
|
|
@ -0,0 +1,418 @@
|
|||
export class Properties {
|
||||
private static productionMode:boolean = false;
|
||||
private static enablePiwikTrack:boolean = false;
|
||||
private static enableHelper:boolean = false;
|
||||
private static useCache:boolean = true;
|
||||
|
||||
//base url
|
||||
private static baseLink = "https://demo.openaire.eu";
|
||||
|
||||
//landing Pages
|
||||
private static baseSearchLink="/";
|
||||
private static searchLinkToPublication = "search/publication?articleId=";
|
||||
private static searchLinkToProject = "search/project?projectId=";
|
||||
private static searchLinkToDataProvider = "search/dataprovider?datasourceId=";
|
||||
private static searchLinkToDataset = "search/dataset?datasetId=";
|
||||
private static searchLinkToOrganization = "search/organization?organizationId=";
|
||||
//Search pages
|
||||
private static searchLinkToPublications = "search/find/publications";
|
||||
private static searchLinkToDataProviders = "search/find/dataproviders";
|
||||
private static searchLinkToProjects = "search/find/projects";
|
||||
private static searchLinkToDatasets = "search/find/datasets";
|
||||
private static searchLinkToSoftware = "search/find/software";
|
||||
private static searchLinkToOrganizations = "search/find/organizations";
|
||||
private static searchLinkToPeople = "search/find/people";
|
||||
public static searchLinkToCompatibleDataProviders = "search/content-providers";
|
||||
public static searchLinkToCompatibleDataProvidersTable = "search/content-providers-table";
|
||||
public static searchLinkToEntityRegistriesDataProviders = "search/entity-registries";
|
||||
public static searchLinkToEntityRegistriesDataProvidersTable = "search/entity-registries-table";
|
||||
public static searchLinkToJournals = "search/journals";
|
||||
public static searchLinkToJournalsTable = "search/journals-table";
|
||||
|
||||
//Advanced Search for pages
|
||||
public static searchLinkToAdvancedPublications = "search/advanced/publications";
|
||||
public static searchLinkToAdvancedProjects = "search/advanced/projects";
|
||||
public static searchLinkToAdvancedDatasets = "search/advanced/datasets";
|
||||
public static searchLinkToAdvancedSoftware = "search/advanced/software";
|
||||
public static searchLinkToAdvancedDataProviders = "search/advanced/dataproviders";
|
||||
public static searchLinkToAdvancedOrganizations = "search/advanced/organizations";
|
||||
public static searchLinkToAdvancedPeople = "search/advanced/people";
|
||||
|
||||
|
||||
private static metricsAPIURL = "https://beta.services.openaire.eu/usagestats/";
|
||||
private static framesAPIURL = "https://beta.openaire.eu/stats3/";
|
||||
|
||||
private static loginAPIURL = "http://rudie.di.uoa.gr:8080/dnet%2Dopenaire%2Dusers%2D1.0.0%2DSNAPSHOT/api/users/authenticates"
|
||||
//"http://scoobydoo.di.uoa.gr:8080/uoa-user-management-1.0.0-SNAPSHOT/api/users/authenticates";
|
||||
private static loginAPIURL_pm = "https://beta.services.openaire.eu/uoa-user-management/api/users/authenticates";
|
||||
|
||||
private static claimsAPIURL = "http://scoobydoo.di.uoa.gr:8080/dnet-claims-service-2.0.0-SNAPSHOT/rest/claimsService/";
|
||||
private static claimsAPIURL_pm = "https://beta.services.openaire.eu/claims/rest/claimsService/";
|
||||
|
||||
private static searchAPIURLLAst_pm = "https://beta.services.openaire.eu/search/v2/api/";
|
||||
private static searchAPIURLLAst = "https://beta.services.openaire.eu/search/v2/api/";
|
||||
// private static searchAPIURLLAst = "http://scoobydoo.di.uoa.gr:8080/dnet-functionality-services-2.0.0-SNAPSHOT/rest/v2/api/";
|
||||
|
||||
private static searchResourcesAPIURL_pm = "https://beta.services.openaire.eu/search/v2/api/resources";
|
||||
private static searchResourcesAPIURL = "https://beta.services.openaire.eu/search/v2/api/resources";
|
||||
// private static searchResourcesAPIURL = "http://scoobydoo.di.uoa.gr:8080/dnet-functionality-services-2.0.0-SNAPSHOT/rest/v2/api/resources";
|
||||
|
||||
|
||||
private static csvAPIURL_pm = "https://beta.services.openaire.eu/search/v2/api/";//publications?format=csv
|
||||
// private static csvAPIURL = "http://rudie.di.uoa.gr:8080/dnet-functionality-services-2.0.0-SNAPSHOT/rest/v2/api/";//publications?format=csv
|
||||
|
||||
private static csvAPIURL = "https://beta.services.openaire.eu/search/v2/api/";//publications?format=csv
|
||||
|
||||
private static searchCrossrefAPIURL = "https://api.crossref.org/works";
|
||||
// private static searchDataciteAPIURL = "https://search.datacite.org/api";
|
||||
private static searchDataciteAPIURL = "https://api.datacite.org/works";
|
||||
|
||||
private static searchOrcidURL = "https://pub.orcid.org/";
|
||||
|
||||
// Identifiers
|
||||
private static pmidURL = "http://www.ncbi.nlm.nih.gov/pubmed/";
|
||||
private static doiURL = "https://dx.doi.org/";
|
||||
private static cordisURL = "http://cordis.europa.eu/projects/";
|
||||
private static pmcURL = "http://europepmc.org/articles/";
|
||||
private static handleURL = "http://hdl.handle.net/";
|
||||
|
||||
// Zenodo's url
|
||||
private static zenodo = "https://zenodo.org/";
|
||||
// Open access link
|
||||
private static openAccess = "https://www.openaire.eu/support/faq#article-id-234";
|
||||
// Open access repository link
|
||||
private static openAccessRepo = "https://www.openaire.eu/support/faq#article-id-310";
|
||||
// FP7 link
|
||||
private static fp7Guidlines = "https://www.openaire.eu/open-access-in-fp7-seventh-research-framework-programme";
|
||||
// H2020 link
|
||||
private static h2020Guidlines = "https://www.openaire.eu/oa-publications/h2020/open-access-in-horizon-2020";
|
||||
// ERC Guidlines
|
||||
private static ercGuidlines = "http://erc.europa.eu/sites/default/files/document/file/ERC_Open_Access_Guidelines-revised_2014.pdf";
|
||||
// helpdesk link
|
||||
private static helpdesk = "https://www.openaire.eu/support/helpdesk";
|
||||
|
||||
private static uploadService_pm = "https://demo.openaire.eu/upload";
|
||||
private static uploadService = "http://scoobydoo.di.uoa.gr:8000/upload";
|
||||
|
||||
private static vocabulariesAPI ="https://beta.services.openaire.eu/provision/mvc/vocabularies/";
|
||||
|
||||
private static piwikBaseUrl =" https://analytics.openaire.eu/piwik.php?idsite=6";
|
||||
|
||||
|
||||
private static loginUrl ="http://rudie.di.uoa.gr:8080/dnet-openaire-users-2.0.0-SNAPSHOT/openid_connect_login";
|
||||
//"http://mpagasas.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login";
|
||||
private static loginUrl_pm ="https://beta.services.openaire.eu/uoa-user-management/openid_connect_login";
|
||||
|
||||
private static logoutUrl ="https://aai.openminted.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo=";
|
||||
private static logoutUrl_pm ="https://aai.openminted.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo=";
|
||||
|
||||
private static logoutOpenaireUrl ="http://dl067.madgik.di.uoa.gr/idp/profile/Logout";
|
||||
private static logoutOpenaireUrl_pm ="http://dl067.madgik.di.uoa.gr/idp/profile/Logout";
|
||||
|
||||
|
||||
|
||||
private static cookieDomain =".di.uoa.gr";
|
||||
private static cookieDomain_pm =".openaire.eu";
|
||||
|
||||
private static feedbackmail ="openaire.test@gmail.com";
|
||||
|
||||
private static helperPageUrl ="http://scoobydoo.di.uoa.gr:16000/api/page/route";
|
||||
|
||||
private static cache ="http://scoobydoo.di.uoa.gr:3000/get?url=";
|
||||
private static cache_pm ="https://demo.openaire.eu/cache/get?url=";
|
||||
|
||||
|
||||
|
||||
public static getBaseLink():string{
|
||||
return this.baseLink;
|
||||
}
|
||||
|
||||
//landing Pages' getters
|
||||
public static getsearchLinkToPublication():string{
|
||||
return this.baseSearchLink + this.searchLinkToPublication;
|
||||
}
|
||||
public static getsearchLinkToDataset():string{
|
||||
return this.baseSearchLink + this.searchLinkToDataset;
|
||||
}
|
||||
public static getsearchLinkToProject():string{
|
||||
return this.baseSearchLink + this.searchLinkToProject;
|
||||
}
|
||||
|
||||
public static getsearchLinkToOrganization():string{
|
||||
return this.searchLinkToOrganization;
|
||||
}
|
||||
public static getsearchLinkToDataProvider():string{
|
||||
return this.searchLinkToDataProvider;
|
||||
}
|
||||
//searchPages
|
||||
public static getLinkToSearchPublications():string{
|
||||
return this.baseSearchLink + this.searchLinkToPublications;
|
||||
}
|
||||
public static getLinkToSearchProjects():string{
|
||||
return this.baseSearchLink + this.searchLinkToProjects;
|
||||
}
|
||||
public static getLinkToSearchDataProviders():string{
|
||||
return this.baseSearchLink + this.searchLinkToDataProviders;
|
||||
}
|
||||
public static getLinkToSearchCompatibleDataProviders():string{
|
||||
return this.baseSearchLink + this.searchLinkToCompatibleDataProviders;
|
||||
}
|
||||
public static getLinkToSearchCompatibleDataProvidersTable():string{
|
||||
return this.baseSearchLink + this.searchLinkToCompatibleDataProvidersTable;
|
||||
}
|
||||
public static getLinkToSearchEntityRegistries():string{
|
||||
return this.baseSearchLink + this.searchLinkToEntityRegistriesDataProviders;
|
||||
}
|
||||
public static getLinkToSearchEntityRegistriesTable():string{
|
||||
return this.baseSearchLink + this.searchLinkToEntityRegistriesDataProvidersTable;
|
||||
}
|
||||
public static getLinkToSearchJournals():string{
|
||||
return this.baseSearchLink + this.searchLinkToJournals;
|
||||
}
|
||||
public static getLinkToSearchJournalsTable():string{
|
||||
return this.baseSearchLink + this.searchLinkToJournalsTable;
|
||||
}
|
||||
public static getLinkToSearchDatasets():string{
|
||||
return this.baseSearchLink + this.searchLinkToDatasets;
|
||||
}
|
||||
public static getLinkToSearchSoftware():string{
|
||||
return this.baseSearchLink + this.searchLinkToSoftware;
|
||||
}
|
||||
public static getLinkToSearchOrganizations():string{
|
||||
return this.baseSearchLink + this.searchLinkToOrganizations;
|
||||
}
|
||||
public static getLinkToSearchPeople():string{
|
||||
return this.baseSearchLink + this.searchLinkToPeople;
|
||||
}
|
||||
|
||||
//Advanced searchPages
|
||||
public static getLinkToAdvancedSearchPublications():string{
|
||||
return this.baseSearchLink + this.searchLinkToAdvancedPublications;
|
||||
}
|
||||
public static getLinkToAdvancedSearchProjects():string{
|
||||
return this.baseSearchLink + this.searchLinkToAdvancedProjects;
|
||||
}
|
||||
public static getLinkToAdvancedSearchDataProviders():string{
|
||||
return this.baseSearchLink + this.searchLinkToAdvancedDataProviders;
|
||||
}
|
||||
public static getLinkToAdvancedSearchDatasets():string{
|
||||
return this.baseSearchLink + this.searchLinkToAdvancedDatasets;
|
||||
}
|
||||
public static getLinkToAdvancedSearchSoftware():string{
|
||||
return this.baseSearchLink + this.searchLinkToAdvancedSoftware;
|
||||
}
|
||||
public static getLinkToAdvancedSearchOrganizations():string{
|
||||
return this.baseSearchLink + this.searchLinkToAdvancedOrganizations;
|
||||
}
|
||||
public static getLinkToAdvancedSearchPeople():string{
|
||||
return this.baseSearchLink + this.searchLinkToAdvancedPeople;
|
||||
}
|
||||
|
||||
// Services - APIs' getters
|
||||
// public static getSearchAPIURL():string{
|
||||
// return this.searchAPIURL;
|
||||
// }
|
||||
// Services - APIs' getters
|
||||
public static getCsvAPIURL(): string {
|
||||
if(this.productionMode){
|
||||
return this.csvAPIURL_pm;
|
||||
}else{
|
||||
return this.csvAPIURL;
|
||||
}
|
||||
// return this.csvAPIURL;
|
||||
}
|
||||
|
||||
public static getFramesAPIURL(): string {
|
||||
return this.framesAPIURL;
|
||||
}
|
||||
|
||||
public static getMetricsAPIURL(): string {
|
||||
return this.metricsAPIURL;
|
||||
}
|
||||
|
||||
public static getLoginAPIURL(): string {
|
||||
if(this.productionMode){
|
||||
return this.loginAPIURL_pm;
|
||||
}else{
|
||||
return this.loginAPIURL;
|
||||
}
|
||||
// return this.loginAPIURL;
|
||||
}
|
||||
|
||||
public static getSearchAPIURLLast():string{
|
||||
if(this.productionMode){
|
||||
return this.searchAPIURLLAst_pm;
|
||||
}else{
|
||||
return this.searchAPIURLLAst;
|
||||
}
|
||||
// return this.searchAPIURLLAst;
|
||||
}
|
||||
//query using full query:
|
||||
//
|
||||
public static getSearchResourcesAPIURL():string{
|
||||
if(this.productionMode){
|
||||
return this.searchResourcesAPIURL_pm;
|
||||
}else{
|
||||
return this.searchResourcesAPIURL;
|
||||
}
|
||||
// return this.searchResourcesAPIURL;
|
||||
}
|
||||
public static getSearchAPIURLForEntity(entityType:string):string{
|
||||
var suffix = "";
|
||||
if(entityType == "project"){
|
||||
suffix="projects/";
|
||||
}else if(entityType == "publication"){
|
||||
suffix="publications/";
|
||||
}else if(entityType == "dataset"){
|
||||
suffix="datasets/";
|
||||
} else if(entityType == "software"){
|
||||
suffix="software/";
|
||||
}else if(entityType == "organization"){
|
||||
suffix="organizations/";
|
||||
}else if(entityType == "dataprovider"){
|
||||
suffix="datasources/";
|
||||
}else if(entityType == "person"){
|
||||
suffix="people/";
|
||||
}
|
||||
return (this.productionMode?this.searchAPIURLLAst_pm:this.searchAPIURLLAst) + suffix;
|
||||
}
|
||||
|
||||
public static getClaimsAPIURL():string{
|
||||
if(this.productionMode){
|
||||
return this.claimsAPIURL_pm;
|
||||
}else{
|
||||
return this.claimsAPIURL;
|
||||
}
|
||||
}
|
||||
public static getSearchCrossrefAPIURL():string{
|
||||
return this.searchCrossrefAPIURL;
|
||||
}
|
||||
public static getSearchDataciteAPIURL():string{
|
||||
return this.searchDataciteAPIURL;
|
||||
}
|
||||
public static getSearchOrcidURL():string{
|
||||
return this.searchOrcidURL;
|
||||
}
|
||||
|
||||
// Identifiers' getters
|
||||
public static getPmidURL():string{
|
||||
return this.pmidURL;
|
||||
}
|
||||
public static getDoiURL():string{
|
||||
return this.doiURL;
|
||||
}
|
||||
public static getCordisURL():string{
|
||||
return this.cordisURL;
|
||||
}
|
||||
public static getPmcURL():string{
|
||||
return this.pmcURL;
|
||||
}
|
||||
public static getHandleURL():string{
|
||||
return this.handleURL;
|
||||
}
|
||||
|
||||
// Zenodo's getter
|
||||
public static getZenodoURL():string{
|
||||
return this.zenodo;
|
||||
}
|
||||
// Open access getter
|
||||
public static getOpenAccess():string{
|
||||
return this.openAccess;
|
||||
}
|
||||
// Open access repository getter
|
||||
public static getOpenAccessRepo():string{
|
||||
return this.openAccessRepo;
|
||||
}
|
||||
// FP7 link getter
|
||||
public static getFP7Guidlines():string{
|
||||
return this.fp7Guidlines;
|
||||
}
|
||||
// H2020 link getter
|
||||
public static getH2020Guidlines():string{
|
||||
return this.h2020Guidlines;
|
||||
}
|
||||
// ERC Guidlines getter
|
||||
public static getERCGuidlines():string{
|
||||
return this.ercGuidlines;
|
||||
}
|
||||
// helpdesk link getter
|
||||
public static getHelpdesk():string{
|
||||
return this.helpdesk;
|
||||
}
|
||||
|
||||
|
||||
//upload service for bulk claim - upload csv file
|
||||
public static getUploadServiceUrl():string{
|
||||
if(this.productionMode){
|
||||
return this.uploadService_pm;
|
||||
}else{
|
||||
return this.uploadService;
|
||||
}
|
||||
}
|
||||
//vocabularies API
|
||||
public static getVocabulariesAPI():string{
|
||||
return this.vocabulariesAPI;
|
||||
}
|
||||
public static getPiwikBaseURL():string{
|
||||
return this.piwikBaseUrl;
|
||||
}
|
||||
public static isPiwikTrackEnabled():boolean{
|
||||
return this.enablePiwikTrack;
|
||||
}
|
||||
public static getLoginURL():string{
|
||||
if(this.productionMode){
|
||||
return this.loginUrl_pm;
|
||||
}else{
|
||||
return this.loginUrl;
|
||||
}
|
||||
}
|
||||
public static getLogoutURL():string{
|
||||
if(this.productionMode){
|
||||
return this.logoutUrl_pm;
|
||||
}else{
|
||||
return this.logoutUrl;
|
||||
}
|
||||
}
|
||||
public static getLogoutOpenaireURL():string{
|
||||
if(this.productionMode){
|
||||
return this.logoutOpenaireUrl_pm;
|
||||
}else{
|
||||
return this.logoutOpenaireUrl;
|
||||
}
|
||||
}
|
||||
public static getCookieDomain():string{
|
||||
if(this.productionMode){
|
||||
return this.cookieDomain_pm;
|
||||
}else{
|
||||
return this.cookieDomain;
|
||||
}
|
||||
}
|
||||
public static getFeedbackMail():string{
|
||||
return this.feedbackmail;
|
||||
}
|
||||
public static getHelperPageUrl():string{
|
||||
return this.helperPageUrl;
|
||||
}
|
||||
public static isHelperEnabled():boolean{
|
||||
return this.enableHelper;
|
||||
}
|
||||
public static getCacheUrl():string{
|
||||
if(this.productionMode){
|
||||
return this.cache_pm;
|
||||
}else{
|
||||
return this.cache;
|
||||
}
|
||||
}
|
||||
public static isCacheEnabled():boolean{
|
||||
return this.useCache;
|
||||
}
|
||||
}
|
||||
export class ErrorCodes {
|
||||
public LOADING = 0;
|
||||
public DONE = 1;
|
||||
public NONE = 2;
|
||||
public ERROR = 3;
|
||||
public NOT_AVAILABLE = 4;
|
||||
public OUT_OF_BOUND = 5;
|
||||
public NOT_FOUND = 6;
|
||||
}
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -1,181 +0,0 @@
|
|||
/* ==============================================================================
|
||||
// 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></code>
|
||||
// ============================================================================== */
|
||||
code {
|
||||
color: #256CC7;
|
||||
background-color: #F8F2F9;
|
||||
}
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,21 @@
|
|||
.tm-toolbar .uk-subnav-line .custom-connect-li {
|
||||
display: block;
|
||||
background:#DEAF50 !important; color:#fff !important;
|
||||
|
||||
}
|
||||
.custom-connect-toolbar ul.uk-subnav.uk-subnav-line{
|
||||
background-color: #FFC700 !important;
|
||||
}
|
||||
|
||||
.custom-connect-toolbar .inner {
|
||||
background-color: #FFC700 !important;
|
||||
}
|
||||
|
||||
.custom-connect-toolbar{
|
||||
border-top-color:#FFC700 !important;
|
||||
}
|
||||
.custom-footer{
|
||||
position:relative;
|
||||
bottom:0;
|
||||
left:0;
|
||||
}
|
150
css/custom.css
150
css/custom.css
|
@ -43,8 +43,8 @@ h3, .uk-h3, .wk-h3 {
|
|||
/* support plain widgetkits */
|
||||
.wk-h1{font-size:54px;line-height:1.2}
|
||||
.wk-h3{font-size:22px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
|
||||
.wk-h4{font-size:16px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase!important}
|
||||
.wk-h5{font-size:14px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
|
||||
.wk-h4{font-size:18px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
|
||||
.wk-h5{font-size:13px;line-height:1.4;font-family:'Open Sans';font-weight:700;text-transform:uppercase}
|
||||
.wk-h6{font-size:13px;line-height:1.4;font-family:'Open Sans';font-weight:300;text-transform:uppercase}
|
||||
.img-fulltext-none {
|
||||
text-align: center;
|
||||
|
@ -107,32 +107,14 @@ h3, .uk-h3, .wk-h3 {
|
|||
color: #767779;
|
||||
color: rgb(108, 109, 116);
|
||||
box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px;
|
||||
background: rgb(255, 255, 255)!important;
|
||||
background: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.uk-button-default:focus, .uk-button-default:hover {color:#fff;}
|
||||
.btn-info, .btn-primary, .uk-button-primary {
|
||||
|
||||
/*explore */
|
||||
background-color:#EC4725!important;
|
||||
/*provide*/
|
||||
background: #17A6F6!important;
|
||||
/*www*/
|
||||
background: #3870DF!important;
|
||||
color:#fff!important;
|
||||
|
||||
}
|
||||
.btn-info, .btn-primary, .uk-button-primary { background: #3870DF; color:#fff;}
|
||||
.btn-info:focus, .btn-info:hover, .btn-primary:focus, .btn-primary:hover,
|
||||
.uk-button-primary:focus, .uk-button-primary:hover {
|
||||
|
||||
/*explore */
|
||||
background-color:#f25f30!important;
|
||||
/*provide*/
|
||||
background-color: #28beFF!important;
|
||||
/*www*/
|
||||
background: #223CAA!important;
|
||||
color:#fff!important;
|
||||
|
||||
background: #223CAA; color:#fff;
|
||||
}
|
||||
|
||||
a, .uk-link {
|
||||
|
@ -142,51 +124,17 @@ a:hover, .uk-link:hover{
|
|||
color: #D53B23;
|
||||
}
|
||||
|
||||
/*.uk-badge, .badge, a.badge { border-radius: 2px;}*/
|
||||
.uk-badge, .badge, a.badge { border-radius: 2px;}
|
||||
.uk-button-secondary {
|
||||
background-color: transparent;
|
||||
|
||||
border-radius:0px;
|
||||
|
||||
/*explore */
|
||||
border:1px solid #f25f30!important;
|
||||
/*provide*/
|
||||
border:1px solid #17A6F6!important;
|
||||
/*www*/
|
||||
color: #192699;
|
||||
border: 1px solid #192699!important;
|
||||
|
||||
border: 1px solid #192699;
|
||||
border-radius:0px;
|
||||
}
|
||||
|
||||
.uk-button-secondary:hover {
|
||||
|
||||
/*explore */
|
||||
border:1px solid #f25f30!important;
|
||||
background-color:#f25f30!important;
|
||||
|
||||
/*provide*/
|
||||
border:1px solid #17A6F6!important;
|
||||
background-color:#17A6F6!important;
|
||||
/*www*/
|
||||
color: #fff!important;
|
||||
border: 1px solid #192699!important;
|
||||
|
||||
|
||||
}
|
||||
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
|
||||
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover {
|
||||
/*explore */
|
||||
border:1px solid #f25f30!important;
|
||||
background-color:#f9f9f9!important;
|
||||
color:#f25f30!important;
|
||||
/*provide*/
|
||||
border:1px solid #17A6F6!important;
|
||||
background-color:#f9f9f9!important;
|
||||
color:#1B92F4!important;
|
||||
/*www*/
|
||||
border:1px solid #192699!important;
|
||||
background-color:#f9f9f9!important;
|
||||
color:#192699!important;
|
||||
background-color: #192699;
|
||||
color: #fff;
|
||||
border: 1px solid #192699;
|
||||
}
|
||||
ol.big-numbers-list{
|
||||
margin-left: 0;
|
||||
|
@ -240,6 +188,7 @@ ol.big-numbers-list li::before {
|
|||
}
|
||||
|
||||
.tm-toolbar {
|
||||
border-top: 5px solid #05007A;
|
||||
position:relative;
|
||||
color: #fff;
|
||||
padding-top: 0px;
|
||||
|
@ -248,17 +197,7 @@ background:rgba(255,255,255, 0.0);
|
|||
z-index:10000;
|
||||
/*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(/images/toolbar_bg.png);*/
|
||||
|
||||
/*explore */
|
||||
border-top: 5px solid #EC4725;
|
||||
|
||||
/*provide*/
|
||||
border-top: 5px solid #28beFF;
|
||||
/*www*/
|
||||
border-top: 5px solid #05007A;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.tm-toolbar .forimage {
|
||||
background:rgba(255,255,255, 0.4);
|
||||
}
|
||||
|
@ -277,15 +216,8 @@ background:rgba(255,255,255, 0.4);
|
|||
}
|
||||
.inner {
|
||||
left:0px;
|
||||
margin-top:-5px;
|
||||
|
||||
/*explore*/
|
||||
background-color: #EC4725;
|
||||
/*provide*/
|
||||
background-color: #28beFF;
|
||||
/*www*/
|
||||
background-color: #05007A;
|
||||
|
||||
background-color: #05007A;
|
||||
margin-top:-5px;
|
||||
}
|
||||
.tm-toolbar .uk-container {
|
||||
padding-right:0px;
|
||||
|
@ -294,19 +226,12 @@ padding-right:0px;
|
|||
.tm-toolbar ul.uk-subnav.uk-subnav-line,
|
||||
.tm-toolbar ul.uk-subnav{
|
||||
margin-top:-10px;
|
||||
padding:10px 10px 0px 0px;
|
||||
background-color: #05007A;
|
||||
padding:10px 10px 0px 0px;
|
||||
-ms-transform: skew(25deg);
|
||||
-webkit-transform: skew(25deg);
|
||||
transform: skew(25deg);
|
||||
margin-right:10px;
|
||||
|
||||
/*explore*/
|
||||
background-color: #EC4725;
|
||||
/*provide*/
|
||||
background-color: #28beFF;
|
||||
/*www*/
|
||||
background-color: #05007A;
|
||||
|
||||
}
|
||||
|
||||
.tm-toolbar .uk-subnav-line li,
|
||||
|
@ -316,7 +241,7 @@ padding-right:0px;
|
|||
/*transition: background 0.2s;*/
|
||||
/* display:inline-block;*/
|
||||
font-family:Roboto!important;
|
||||
font-weight:bold!important;
|
||||
font-weight:900!important;
|
||||
text-transform:uppercase!important;
|
||||
font-size:12px!important;
|
||||
opacity:1!important;
|
||||
|
@ -349,8 +274,6 @@ padding-right:0px;
|
|||
font-size:13px!important;
|
||||
opacity:1!important;
|
||||
color:#fff!important;
|
||||
font-weight: 400;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
@ -358,19 +281,9 @@ padding-right:0px;
|
|||
.tm-toolbar .uk-subnav li:hover {
|
||||
color:#05007A!important;
|
||||
background:#fff;
|
||||
background:#3870DF!important;
|
||||
color: #efefef!important;
|
||||
display: block;
|
||||
|
||||
/*explore*/
|
||||
background:#f25f30!important;
|
||||
/*provide*/
|
||||
background:#15A3FF!important;
|
||||
background:#008ec5!important;
|
||||
background:#17A6F6!important;
|
||||
/*www*/
|
||||
background:#3870DF!important;
|
||||
background:#2C57D7!important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
@ -378,15 +291,8 @@ padding-right:0px;
|
|||
.tm-toolbar .uk-subnav .uk-active .home-hover li:hover,
|
||||
li.uk-active.home-hover
|
||||
{
|
||||
/*explore*/
|
||||
background:#f25f30!important;
|
||||
/*provide*/
|
||||
background:#15A3FF!important;
|
||||
background:#17A6F6!important;
|
||||
/*www*/
|
||||
background:#05007A!important;
|
||||
background:#2C57D7!important;
|
||||
|
||||
background:#05007A!important;
|
||||
//rgb(5,0,122)
|
||||
}
|
||||
|
||||
.tm-toolbar .uk-dotnav, .tm-toolbar .uk-subnav {
|
||||
|
@ -399,18 +305,8 @@ li.uk-active.home-hover
|
|||
.tm-toolbar .uk-subnav li:hover a {
|
||||
display: block;
|
||||
color:#05007A!important;
|
||||
background:#3870DF!important;
|
||||
color: #efefef!important;
|
||||
|
||||
/*explore*/
|
||||
background:#f25f30!important;
|
||||
/*provide*/
|
||||
background:#15A3FF!important;
|
||||
background:#17A6F6!important;
|
||||
/*www*/
|
||||
background:#3870DF!important;
|
||||
background:#2C57D7!important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.tm-toolbar .uk-subnav a[title]:hover:after {
|
||||
|
@ -521,7 +417,7 @@ line-height:16px!important;
|
|||
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .tm-toolbar .uk-navbar-nav>li>a {
|
||||
color:#292C3D;}
|
||||
|
||||
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
|
||||
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a
|
||||
color:#292C3D;}
|
||||
|
||||
.uk-light .uk-navbar-nav>li>a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
|
||||
|
@ -594,7 +490,7 @@ color: #128DD5;
|
|||
.uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
|
||||
color: #128DD5!important;
|
||||
}
|
||||
/*.uk-light a:hover, .uk-light .uk-link:hover, */
|
||||
.uk-light a:hover, .uk-light .uk-link:hover,
|
||||
.uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
|
||||
.uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
|
||||
.uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover,
|
||||
|
|
|
@ -1,574 +0,0 @@
|
|||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
a,
|
||||
button,
|
||||
input[type="submit"] {
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ==============================================================================
|
||||
// Custom buttons
|
||||
// ============================================================================== */
|
||||
.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);
|
||||
|
||||
@include transition(all .1s linear);
|
||||
@include transform(scale3d(1, 1, 1));
|
||||
|
||||
&[disabled],
|
||||
&.disabled {
|
||||
pointer-events: none;
|
||||
cursor: not-allowed;
|
||||
box-shadow: none;
|
||||
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.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);
|
||||
|
||||
@include transform(scale3d(0.95, 0.95, 0.95));
|
||||
|
||||
span,
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
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;
|
||||
|
||||
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;
|
||||
|
||||
@include transition(all .1s linear);
|
||||
}
|
||||
}
|
||||
|
||||
/* ==============================================================================
|
||||
// Custom pager
|
||||
// ============================================================================== */
|
||||
.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;
|
||||
|
||||
&:active {
|
||||
background: #fafafa;
|
||||
box-shadow: inset 0 3px 5px rgba(0,0,0,.1)
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: #B9B9B9;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
i {
|
||||
&.fa-chevron-left {
|
||||
position: relative;
|
||||
left: -1px;
|
||||
}
|
||||
|
||||
&.fa-trash-o {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ==============================================================================
|
||||
// Welcome modal
|
||||
// ============================================================================== */
|
||||
#welcome-modal {
|
||||
.modal-dialog {
|
||||
margin-top: 65px;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background: #f5f8fc;
|
||||
background: -webkit-linear-gradient(#fff,#f5f8fc);
|
||||
background: -moz-linear-gradient(#fff,#f5f8fc);
|
||||
background: -ms-linear-gradient(#fff,#f5f8fc);
|
||||
background: -o-linear-gradient(#fff,#f5f8fc);
|
||||
background: linear-gradient(#fff,#f5f8fc);
|
||||
|
||||
font-family: $helvetica;
|
||||
|
||||
.modal-header {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
padding-bottom: 50px;
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 22px;
|
||||
color: #444;
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
color: #555;
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.get-started {
|
||||
margin-top: 40px;
|
||||
|
||||
.col-md-4 {
|
||||
text-align: center;
|
||||
padding-bottom: 50px;
|
||||
|
||||
i {
|
||||
font-size: 38px;
|
||||
color: #7FA5BE;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #576C91;
|
||||
display: block;
|
||||
margin-top: 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.go-dashboard {
|
||||
color: #008cdd;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ==============================================================================
|
||||
// Form controls
|
||||
// ============================================================================== */
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
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;
|
||||
|
||||
@include placeholder {
|
||||
color: #B1B1B1;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
&: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;
|
||||
|
||||
@include placeholder {
|
||||
color: #B1B1B1;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
&: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. <select class="form-control" data-smart-select>
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
@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
|
||||
}
|
||||
}
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
/* 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;
|
File diff suppressed because it is too large
Load Diff
|
@ -1,407 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,99 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,50 +0,0 @@
|
|||
#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 {
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,309 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,41 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,112 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,137 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -1,227 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,251 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,242 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,284 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,263 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,173 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,155 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,145 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,222 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
|
@ -1,369 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,178 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,178 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,192 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,115 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,106 +0,0 @@
|
|||
#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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,562 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,374 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
|
@ -1,222 +0,0 @@
|
|||
#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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,241 +0,0 @@
|
|||
/* 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;
|
||||
}
|
File diff suppressed because it is too large
Load Diff
|
@ -1,273 +0,0 @@
|
|||
/*!
|
||||
* 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;
|
||||
}
|
|
@ -1,22 +0,0 @@
|
|||
/* ========================================================================
|
||||
* 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}
|
File diff suppressed because it is too large
Load Diff
|
@ -1,512 +0,0 @@
|
|||
/*!
|
||||
* 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;
|
||||
}
|
|
@ -1,877 +0,0 @@
|
|||
@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";
|
||||
}
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -1,602 +0,0 @@
|
|||
/*!
|
||||
* 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, /* <th>, usually */
|
||||
.fc-widget-content { /* <td>, usually */
|
||||
border: 1px solid #ebf0f2;
|
||||
}
|
||||
|
||||
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
|
||||
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;
|
||||
}
|
||||
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
/*!
|
||||
* 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 <link> 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;
|
||||
}
|
||||
|
||||
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -1,265 +0,0 @@
|
|||
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
|
|
@ -1,245 +0,0 @@
|
|||
.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;
|
||||
}
|
|
@ -1,235 +0,0 @@
|
|||
@-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%;
|
||||
}
|
|
@ -1,439 +0,0 @@
|
|||
@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;
|
||||
}
|
|
@ -1,96 +0,0 @@
|
|||
/* 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;
|
||||
}
|
|
@ -1,462 +0,0 @@
|
|||
@-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;
|
||||
}
|
|
@ -1,496 +0,0 @@
|
|||
@-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;
|
||||
}
|
|
@ -1,114 +0,0 @@
|
|||
@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";
|
||||
}
|
|
@ -1,101 +0,0 @@
|
|||
/* 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;
|
||||
}
|
|
@ -1,2 +0,0 @@
|
|||
.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;}
|
|
@ -1,709 +0,0 @@
|
|||
/* 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;
|
||||
}
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue