Repository: adhiariyadi/Toko-Online-Laravel Branch: master Commit: c5b8229b99f4 Files: 381 Total size: 7.9 MB Directory structure: gitextract_j4r5sk1i/ ├── .editorconfig ├── .gitattributes ├── .gitignore ├── .htaccess ├── .styleci.yml ├── README.md ├── app/ │ ├── Bukti.php │ ├── Console/ │ │ └── Kernel.php │ ├── Exceptions/ │ │ └── Handler.php │ ├── Favorite.php │ ├── Http/ │ │ ├── Controllers/ │ │ │ ├── AkunController.php │ │ │ ├── Auth/ │ │ │ │ ├── ConfirmPasswordController.php │ │ │ │ ├── ForgotPasswordController.php │ │ │ │ ├── LoginController.php │ │ │ │ ├── RegisterController.php │ │ │ │ ├── ResetPasswordController.php │ │ │ │ └── VerificationController.php │ │ │ ├── Controller.php │ │ │ ├── HomeController.php │ │ │ ├── MerekController.php │ │ │ ├── MobilController.php │ │ │ └── OrderController.php │ │ ├── Kernel.php │ │ └── Middleware/ │ │ ├── Authenticate.php │ │ ├── CheckForMaintenanceMode.php │ │ ├── CheckRole.php │ │ ├── EncryptCookies.php │ │ ├── RedirectIfAuthenticated.php │ │ ├── TrimStrings.php │ │ ├── TrustProxies.php │ │ └── VerifyCsrfToken.php │ ├── Merek.php │ ├── Mobil.php │ ├── Order.php │ ├── Providers/ │ │ ├── AppServiceProvider.php │ │ ├── AuthServiceProvider.php │ │ ├── BroadcastServiceProvider.php │ │ ├── EventServiceProvider.php │ │ └── RouteServiceProvider.php │ └── User.php ├── artisan ├── bootstrap/ │ ├── app.php │ └── cache/ │ └── .gitignore ├── composer.json ├── config/ │ ├── app.php │ ├── auth.php │ ├── broadcasting.php │ ├── cache.php │ ├── database.php │ ├── filesystems.php │ ├── hashing.php │ ├── logging.php │ ├── mail.php │ ├── queue.php │ ├── services.php │ ├── session.php │ └── view.php ├── database/ │ ├── .gitignore │ ├── factories/ │ │ └── UserFactory.php │ ├── migrations/ │ │ ├── 2014_10_12_000000_create_users_table.php │ │ ├── 2014_10_12_100000_create_password_resets_table.php │ │ ├── 2019_08_19_000000_create_failed_jobs_table.php │ │ ├── 2019_11_25_033237_create_merek_table.php │ │ ├── 2019_11_25_051422_create_mobil_table.php │ │ ├── 2019_11_25_083506_tambah_softdelete_ke_mobil.php │ │ ├── 2019_11_28_041545_create_order_table.php │ │ ├── 2019_12_03_070048_tambah_softdelete_ke_order.php │ │ ├── 2020_06_01_073152_create_bukti_table.php │ │ └── 2020_06_01_135045_create_favorite_table.php │ └── seeds/ │ └── DatabaseSeeder.php ├── index.php ├── package.json ├── phpunit.xml ├── public/ │ ├── .htaccess │ ├── admin/ │ │ ├── css/ │ │ │ ├── accordions.css │ │ │ ├── adminpro-custon-icon.css │ │ │ ├── alerts.css │ │ │ ├── animate.css │ │ │ ├── bootstrap-editable.css │ │ │ ├── buttons.css │ │ │ ├── charts.css │ │ │ ├── chosen/ │ │ │ │ ├── bootstrap-chosen.css │ │ │ │ └── chosen.jquery.js │ │ │ ├── code-editor/ │ │ │ │ ├── ambiance.css │ │ │ │ └── codemirror.css │ │ │ ├── colorpicker/ │ │ │ │ └── colorpicker.css │ │ │ ├── data-table/ │ │ │ │ ├── bootstrap-editable.css │ │ │ │ └── bootstrap-table.css │ │ │ ├── datapicker/ │ │ │ │ └── datepicker3.css │ │ │ ├── datetimepicker.css │ │ │ ├── dropzone.css │ │ │ ├── form/ │ │ │ │ ├── all-type-forms.css │ │ │ │ └── themesaller-forms.css │ │ │ ├── form.css │ │ │ ├── ionRangeSlider/ │ │ │ │ ├── ion.rangeSlider.css │ │ │ │ └── ion.rangeSlider.skinFlat.css │ │ │ ├── jvectormap/ │ │ │ │ └── jquery-jvectormap-2.0.3.css │ │ │ ├── main.css │ │ │ ├── modals.css │ │ │ ├── normalize.css │ │ │ ├── notifications.css │ │ │ ├── preloader/ │ │ │ │ └── preloader-style.css │ │ │ ├── responsive.css │ │ │ ├── select2-bootstrap.css │ │ │ ├── select2.css │ │ │ ├── summernote.css │ │ │ ├── switcher/ │ │ │ │ ├── color-eight.css │ │ │ │ ├── color-five.css │ │ │ │ ├── color-four.css │ │ │ │ ├── color-nine.css │ │ │ │ ├── color-one.css │ │ │ │ ├── color-seven.css │ │ │ │ ├── color-six.css │ │ │ │ ├── color-switcher.css │ │ │ │ ├── color-ten.css │ │ │ │ ├── color-three.css │ │ │ │ └── color-two.css │ │ │ ├── tab-menus.css │ │ │ ├── tabs.css │ │ │ ├── tree-viewer/ │ │ │ │ └── tree-viewer.css │ │ │ ├── typeahead.js-bootstrap.css │ │ │ └── x-editor-style.css │ │ ├── fonts/ │ │ │ └── FontAwesome.otf │ │ ├── js/ │ │ │ ├── Lobibox.js │ │ │ ├── bootstrap-datetimepicker.js │ │ │ ├── bootstrap-editable.js │ │ │ ├── c3-charts/ │ │ │ │ └── c3-active.js │ │ │ ├── charts/ │ │ │ │ ├── Chart.js │ │ │ │ ├── area-chart.js │ │ │ │ ├── bar-chart.js │ │ │ │ ├── line-chart.js │ │ │ │ └── rounded-chart.js │ │ │ ├── chat-active/ │ │ │ │ └── jquery.chat.js │ │ │ ├── chosen/ │ │ │ │ ├── chosen-active.js │ │ │ │ └── chosen.jquery.js │ │ │ ├── code-editor/ │ │ │ │ ├── code-editor-active.js │ │ │ │ ├── code-editor.js │ │ │ │ └── codemirror.js │ │ │ ├── colorpicker/ │ │ │ │ └── color-picker-active.js │ │ │ ├── counterup/ │ │ │ │ └── counterup-active.js │ │ │ ├── cropper/ │ │ │ │ └── cropper-actice.js │ │ │ ├── data-map/ │ │ │ │ ├── data-maps-active.js │ │ │ │ └── topojson.js │ │ │ ├── data-table/ │ │ │ │ ├── bootstrap-editable.js │ │ │ │ ├── bootstrap-table-cookie.js │ │ │ │ ├── bootstrap-table-editable.js │ │ │ │ ├── bootstrap-table-export.js │ │ │ │ ├── bootstrap-table-key-events.js │ │ │ │ ├── bootstrap-table-resizable.js │ │ │ │ ├── bootstrap-table.js │ │ │ │ ├── colResizable-1.5.source.js │ │ │ │ ├── data-table-active.js │ │ │ │ └── tableExport.js │ │ │ ├── datapicker/ │ │ │ │ ├── bootstrap-datepicker.js │ │ │ │ └── datepicker-active.js │ │ │ ├── datepicker-active.js │ │ │ ├── dropzone.js │ │ │ ├── duallistbox/ │ │ │ │ ├── duallistbox.active.js │ │ │ │ └── jquery.bootstrap-duallistbox.js │ │ │ ├── flot/ │ │ │ │ ├── dashtwo-flot-active.js │ │ │ │ ├── flot-active.js │ │ │ │ ├── jquery.flot.js │ │ │ │ ├── jquery.flot.pie.js │ │ │ │ ├── jquery.flot.resize.js │ │ │ │ ├── jquery.flot.spline.js │ │ │ │ ├── jquery.flot.symbol.js │ │ │ │ ├── jquery.flot.time.js │ │ │ │ └── widget-flot-chart-active.js │ │ │ ├── form-active.js │ │ │ ├── google.maps/ │ │ │ │ └── google.maps-active.js │ │ │ ├── icheck/ │ │ │ │ └── icheck-active.js │ │ │ ├── ionRangeSlider/ │ │ │ │ └── ion.rangeSlider.active.js │ │ │ ├── jquery.meanmenu.js │ │ │ ├── jquery.mockjax.js │ │ │ ├── jquery.sticky.js │ │ │ ├── jvectormap/ │ │ │ │ ├── jquery-jvectormap-world-mill-en.js │ │ │ │ └── jvectormap-active.js │ │ │ ├── knob/ │ │ │ │ ├── jquery.knob.js │ │ │ │ └── knob-active.js │ │ │ ├── main.js │ │ │ ├── map/ │ │ │ │ ├── france_departments.js │ │ │ │ ├── jquery.mapael.js │ │ │ │ ├── map-active.js │ │ │ │ ├── usa_states.js │ │ │ │ └── world_countries.js │ │ │ ├── masking-active.js │ │ │ ├── mock-active.js │ │ │ ├── modal-active.js │ │ │ ├── multiple-email/ │ │ │ │ └── multiple-email-active.js │ │ │ ├── notification-active.js │ │ │ ├── password-meter/ │ │ │ │ ├── password-meter-active.js │ │ │ │ └── zxcvbn.js │ │ │ ├── pdf/ │ │ │ │ ├── jquery.media.js │ │ │ │ └── pdf-active.js │ │ │ ├── peity/ │ │ │ │ └── peity-active.js │ │ │ ├── rangle-slider/ │ │ │ │ └── rangle-active.js │ │ │ ├── rounded-counter/ │ │ │ │ ├── jquery.appear.js │ │ │ │ ├── jquery.knob.js │ │ │ │ └── knob-active.js │ │ │ ├── select2/ │ │ │ │ └── select2-active.js │ │ │ ├── select2.js │ │ │ ├── skycons/ │ │ │ │ └── skycons.active.js │ │ │ ├── sparkline/ │ │ │ │ └── sparkline-active.js │ │ │ ├── summernote-active.js │ │ │ ├── switcher/ │ │ │ │ ├── styleswitch.js │ │ │ │ └── switch-active.js │ │ │ ├── todo/ │ │ │ │ └── jquery.todo.js │ │ │ ├── touchspin/ │ │ │ │ └── touchspin-active.js │ │ │ ├── tree-line/ │ │ │ │ └── jstree.active.js │ │ │ ├── typeahead.js │ │ │ ├── typeaheadjs.js │ │ │ └── xediable-active.js │ │ ├── sounds/ │ │ │ ├── sound1.ogg │ │ │ ├── sound2.ogg │ │ │ ├── sound3.ogg │ │ │ ├── sound4.ogg │ │ │ ├── sound5.ogg │ │ │ └── sound6.ogg │ │ └── style.css │ ├── dist/ │ │ ├── css/ │ │ │ └── adminlte.css │ │ └── js/ │ │ └── adminlte.js │ ├── index.php │ ├── manifest.json │ ├── plugins/ │ │ ├── bootstrap/ │ │ │ └── js/ │ │ │ ├── bootstrap.bundle.js │ │ │ └── bootstrap.js │ │ ├── fontawesome-free/ │ │ │ └── css/ │ │ │ ├── all.css │ │ │ ├── brands.css │ │ │ ├── fontawesome.css │ │ │ ├── regular.css │ │ │ ├── solid.css │ │ │ ├── svg-with-js.css │ │ │ └── v4-shims.css │ │ ├── icheck-bootstrap/ │ │ │ ├── LICENSE │ │ │ └── icheck-bootstrap.css │ │ └── jquery/ │ │ ├── core.js │ │ ├── jquery.js │ │ └── jquery.slim.js │ ├── profile/ │ │ ├── css/ │ │ │ ├── _about.css │ │ │ ├── _courses.css │ │ │ ├── _feature.css │ │ │ ├── _gallery.css │ │ │ ├── _instagram.css │ │ │ ├── _price.css │ │ │ ├── _service.css │ │ │ ├── _testimonials.css │ │ │ ├── bootstrap.css │ │ │ ├── breadcrumb.css │ │ │ ├── responsive.css │ │ │ └── style.css │ │ ├── fonts/ │ │ │ └── FontAwesome.otf │ │ ├── js/ │ │ │ ├── contact.js │ │ │ ├── custom.js │ │ │ ├── jquery.form.js │ │ │ ├── mail-script.js │ │ │ ├── popper.js │ │ │ ├── stellar.js │ │ │ └── theme.js │ │ ├── scss/ │ │ │ ├── _blog.scss │ │ │ ├── _button.scss │ │ │ ├── _contact.scss │ │ │ ├── _elements.scss │ │ │ ├── _feature.scss │ │ │ ├── _footer.scss │ │ │ ├── _gallery.scss │ │ │ ├── _header.scss │ │ │ ├── _predefine.scss │ │ │ ├── _testimonials.scss │ │ │ ├── _variables.scss │ │ │ ├── breadcrumb.scss │ │ │ └── style.scss │ │ └── vendors/ │ │ ├── animate-css/ │ │ │ └── animate.css │ │ ├── bootstrap-datepicker/ │ │ │ ├── bootstrap-select.css │ │ │ └── bootstrap-select.js │ │ ├── flaticon/ │ │ │ ├── _flaticon.css │ │ │ ├── _flaticon.scss │ │ │ └── flaticon.css │ │ ├── jquery-ui/ │ │ │ ├── jquery-ui.css │ │ │ └── jquery-ui.js │ │ ├── lightbox/ │ │ │ └── simpleLightbox.css │ │ ├── linericon/ │ │ │ └── style.css │ │ ├── nice-select/ │ │ │ ├── css/ │ │ │ │ ├── nice-select.css │ │ │ │ └── style.css │ │ │ └── js/ │ │ │ └── jquery.nice-select.js │ │ ├── owl-carousel/ │ │ │ └── assets/ │ │ │ ├── animated.css │ │ │ └── owl.carousel.css │ │ └── popup/ │ │ └── magnific-popup.css │ ├── robots.txt │ └── user/ │ ├── Source/ │ │ └── sass/ │ │ └── style.scss │ ├── css/ │ │ ├── animate.css │ │ ├── aos.css │ │ ├── bootstrap/ │ │ │ ├── bootstrap-grid.css │ │ │ └── bootstrap-reboot.css │ │ ├── bootstrap-datepicker.css │ │ ├── css/ │ │ │ ├── bootstrap-reboot.css │ │ │ └── mixins/ │ │ │ └── _text-hide.css │ │ ├── flaticon.css │ │ ├── icomoon.css │ │ ├── jquery.timepicker.css │ │ ├── magnific-popup.css │ │ └── style.css │ └── js/ │ ├── aos.js │ ├── bootstrap-datepicker.js │ ├── google-map.js │ ├── jquery.easing.1.3.js │ ├── main.js │ ├── map.js │ └── range.js ├── resources/ │ ├── js/ │ │ ├── app.js │ │ ├── bootstrap.js │ │ └── components/ │ │ └── ExampleComponent.vue │ ├── lang/ │ │ └── en/ │ │ ├── auth.php │ │ ├── pagination.php │ │ ├── passwords.php │ │ └── validation.php │ ├── sass/ │ │ ├── _variables.scss │ │ └── app.scss │ └── views/ │ ├── admin/ │ │ ├── akun/ │ │ │ ├── create.blade.php │ │ │ ├── edit.blade.php │ │ │ └── index.blade.php │ │ ├── index.blade.php │ │ ├── merek/ │ │ │ ├── create.blade.php │ │ │ ├── edit.blade.php │ │ │ └── index.blade.php │ │ ├── mobil/ │ │ │ ├── create.blade.php │ │ │ ├── edit.blade.php │ │ │ ├── index.blade.php │ │ │ └── tampil_hapus.blade.php │ │ └── order/ │ │ ├── index.blade.php │ │ ├── show.blade.php │ │ └── tampil_cancel.blade.php │ ├── auth/ │ │ ├── login.blade.php │ │ ├── passwords/ │ │ │ ├── confirm.blade.php │ │ │ ├── email.blade.php │ │ │ └── reset.blade.php │ │ ├── register.blade.php │ │ └── verify.blade.php │ ├── email.blade.php │ ├── home.blade.php │ ├── layouts/ │ │ └── app.blade.php │ ├── template_backend/ │ │ ├── footer.blade.php │ │ ├── home.blade.php │ │ ├── mobile.blade.php │ │ ├── navbar.blade.php │ │ └── sidebar.blade.php │ ├── template_frontend/ │ │ ├── footer.blade.php │ │ ├── home.blade.php │ │ └── navbar.blade.php │ ├── user/ │ │ ├── cart.blade.php │ │ ├── category.blade.php │ │ ├── cekout.blade.php │ │ ├── edit.blade.php │ │ ├── favorite.blade.php │ │ ├── history.blade.php │ │ ├── index.blade.php │ │ ├── pembayaran.blade.php │ │ ├── profile.blade.php │ │ ├── show.blade.php │ │ └── success.blade.php │ ├── vendor/ │ │ └── pagination/ │ │ ├── bootstrap-4.blade.php │ │ ├── default.blade.php │ │ ├── semantic-ui.blade.php │ │ ├── simple-bootstrap-4.blade.php │ │ └── simple-default.blade.php │ └── welcome.blade.php ├── routes/ │ ├── api.php │ ├── channels.php │ ├── console.php │ └── web.php ├── server.php ├── storage/ │ ├── app/ │ │ └── .gitignore │ ├── framework/ │ │ ├── .gitignore │ │ ├── cache/ │ │ │ └── .gitignore │ │ ├── sessions/ │ │ │ └── .gitignore │ │ ├── testing/ │ │ │ └── .gitignore │ │ └── views/ │ │ └── .gitignore │ └── logs/ │ └── .gitignore ├── tests/ │ ├── CreatesApplication.php │ ├── Feature/ │ │ └── ExampleTest.php │ ├── TestCase.php │ └── Unit/ │ └── ExampleTest.php └── webpack.mix.js ================================================ FILE CONTENTS ================================================ ================================================ FILE: .editorconfig ================================================ root = true [*] charset = utf-8 end_of_line = lf insert_final_newline = true indent_style = space indent_size = 4 trim_trailing_whitespace = true [*.md] trim_trailing_whitespace = false [*.{yml,yaml}] indent_size = 2 ================================================ FILE: .gitattributes ================================================ * text=auto *.css linguist-vendored *.scss linguist-vendored *.js linguist-vendored CHANGELOG.md export-ignore ================================================ FILE: .gitignore ================================================ /node_modules /public/hot /public/storage /storage/*.key /vendor .env .env.backup .phpunit.result.cache Homestead.json Homestead.yaml npm-debug.log yarn-error.log ================================================ FILE: .htaccess ================================================ Options -MultiViews -Indexes RewriteEngine On # Handle Authorization Header RewriteCond %{HTTP:Authorization} . RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] # Redirect Trailing Slashes If Not A Folder... RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_URI} (.+)/$ RewriteRule ^ %1 [L,R=301] # Handle Front Controller... RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^ index.php [L] ================================================ FILE: .styleci.yml ================================================ php: preset: laravel disabled: - unused_use finder: not-name: - index.php - server.php js: finder: not-name: - webpack.mix.js css: true ================================================ FILE: README.md ================================================

Selamat datang di Toko Online! 👋

## Apa itu Toko Online? Web Toko Online yang dibuat oleh Adhi Ariyadi . **Toko Online adalah Website penjualan secara online untuk seseorang yang inggin membeli suatu produk melalui website dengan mudah.** ## Fitur apa saja yang tersedia di Toko Online? - Autentikasi Admin - User & CRUD - Merek & CRUD - Mobil & CRUD - Order & CRUD - Dan lain-lain ## Release Date **Release date : 28 Apr 2020** > Toko Online merupakan project open source yang dibuat oleh Adhi Ariyadi. Kalian dapat download/fork/clone. Cukup beri stars di project ini agar memberiku semangat. Terima kasih! --- ## Install 1. **Clone Repository** ```bash git clone https://github.com/adhiariyadi/Toko-Online-Laravel.git cd Toko-Online-Laravel composer install cp .env.example .env ``` 2. **Buka `.env` lalu ubah baris berikut sesuai dengan databasemu yang ingin dipakai** ```bash DB_PORT=3306 DB_DATABASE=laravel DB_USERNAME=root DB_PASSWORD= ``` 3. **Instalasi website** ```bash php artisan key:generate php artisan migrate --seed ``` 4. **Jalankan website** ```bash php artisan serve ``` ## Author - Facebook : Adhi Ariyadi - LinkedIn : Adhi Ariyadi ## Contributing Contributions, issues and feature requests di persilahkan. Jangan ragu untuk memeriksa halaman masalah jika Anda ingin berkontribusi. **Berhubung Project ini saya sudah selesaikan sendiri, namun banyak fitur yang kalian dapat tambahkan silahkan berkontribusi yaa!** ## License - Copyright © 2020 Adhi Ariyadi. - **Toko Online is open-sourced software licensed under the MIT license.** ================================================ FILE: app/Bukti.php ================================================ command('inspire') // ->hourly(); } /** * Register the commands for the application. * * @return void */ protected function commands() { $this->load(__DIR__.'/Commands'); require base_path('routes/console.php'); } } ================================================ FILE: app/Exceptions/Handler.php ================================================ belongsTo('App\Mobil'); } protected $table = 'favorite'; } ================================================ FILE: app/Http/Controllers/AkunController.php ================================================ validate($request, [ 'name' => 'required', 'role' => 'required', 'email' => 'required', 'password' => 'required|min:8', ]); if ($request->has('gambar') == true) { $gambar = $request->gambar; $new_gambar = time() . "_" . $gambar->getClientOriginalName(); $gambar->move('uploads/akun/', $new_gambar); User::create([ 'name' => $request->name, 'role' => $request->role, 'gambar' => 'uploads/akun/' . $new_gambar, 'email' => $request->email, 'password' => Hash::make($request->password), ]); } else { User::create([ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'password' => Hash::make($request->password), ]); } return redirect()->back()->with('success', 'User Baru Berhasil Disimpan'); } /** * Display the specified resource. * * @param int $id * @return \Illuminate\Http\Response */ public function show($id) { $user = Mobil::findorfail($id); return view('admin.show', compact('user')); } /** * Show the form for editing the specified resource. * * @param int $id * @return \Illuminate\Http\Response */ public function edit($id) { $user = User::findorfail($id); return view('admin.akun.edit', compact('user')); } /** * Update the specified resource in storage. * * @param \Illuminate\Http\Request $request * @param int $id * @return \Illuminate\Http\Response */ public function update(Request $request, $id) { $this->validate($request, [ 'name' => 'required', 'role' => 'required', 'email' => 'required', 'address' => 'required', 'kelurahan' => 'required', 'kabupaten' => 'required', 'kecamatan' => 'required', 'provinsi' => 'required', 'telepon' => 'required', ]); if ($request->tgl_lahir) { $request->tgl_lahir = date('Y-m-d', strtotime($request->tgl_lahir)); } $user = User::findorfail($id); if ($request->gambar == true) { $gambar = $request->gambar; $new_gambar = time() . "_" . $gambar->getClientOriginalName(); $gambar->move('uploads/akun/', $new_gambar); if ($request->gambar && $request->pekerjaan == true) { if ($request->gambar && $request->pekerjaan && $request->tgl_lahir == true) { if ($request->gambar && $request->pekerjaan && $request->tgl_lahir && $request->password == true) { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, 'tanggal_lahir' => $request->tgl_lahir, 'password' => Hash::make($request->password), 'gambar' => 'uploads/akun/' . $new_gambar, ]; } else { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, 'tanggal_lahir' => $request->tgl_lahir, 'gambar' => 'uploads/akun/' . $new_gambar, ]; } } elseif ($request->gambar && $request->pekerjaan && $request->password == true) { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, 'password' => Hash::make($request->password), 'gambar' => 'uploads/akun/' . $new_gambar, ]; } else { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, 'gambar' => 'uploads/akun/' . $new_gambar, ]; } } elseif ($request->gambar && $request->tgl_lahir == true) { if ($request->gambar && $request->tgl_lahir && $request->password == true) { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, 'password' => Hash::make($request->password), 'gambar' => 'uploads/akun/' . $new_gambar, ]; } else { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, 'gambar' => 'uploads/akun/' . $new_gambar, ]; } } elseif ($request->gambar && $request->password == true) { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'password' => Hash::make($request->password), 'gambar' => 'uploads/akun/' . $new_gambar, ]; } else { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'gambar' => 'uploads/akun/' . $new_gambar, ]; } } elseif ($request->pekerjaan == true) { if ($request->pekerjaan && $request->tgl_lahir == true) { if ($request->pekerjaan && $request->tgl_lahir && $request->password == true) { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, 'password' => Hash::make($request->password), 'pekerjaan' => $request->pekerjaan, ]; } else { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, 'pekerjaan' => $request->pekerjaan, ]; } } elseif ($request->pekerjaan && $request->password == true) { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'password' => Hash::make($request->password), 'pekerjaan' => $request->pekerjaan, ]; } else { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, ]; } } elseif ($request->tgl_lahir == true) { if ($request->tgl_lahir && $request->password == true) { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'password' => Hash::make($request->password), 'tanggal_lahir' => $request->tgl_lahir, ]; } else { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, ]; } } elseif ($request->password == true) { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'password' => Hash::make($request->password), ]; } else { $user_data = [ 'name' => $request->name, 'role' => $request->role, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, ]; } $user->update($user_data); return redirect()->back()->with('success', 'User Berhasil Diupdate'); } /** * Remove the specified resource from storage. * * @param int $id * @return \Illuminate\Http\Response */ public function destroy($id) { $user = User::findorfail($id); $user->delete(); return redirect()->back()->with('success', 'User Berhasil Dihapus'); } public function profil($id) { $user = User::findorfail($id); return view('user.profile', compact('user')); } public function edit_profil($id) { $user = User::findorfail($id); return view('user.edit', compact('user')); } public function simpan(Request $request, $id) { $this->validate($request, [ 'name' => 'required', 'email' => 'required', 'address' => 'required', 'kelurahan' => 'required', 'kabupaten' => 'required', 'kecamatan' => 'required', 'provinsi' => 'required', 'telepon' => 'required', ]); if ($request->tgl_lahir) { $request->tgl_lahir = date('Y-m-d', strtotime($request->tgl_lahir)); } $user = User::findorfail($id); if ($request->gambar == true) { $gambar = $request->gambar; $new_gambar = time() . "_" . $gambar->getClientOriginalName(); $gambar->move('uploads/akun/', $new_gambar); if ($request->gambar && $request->pekerjaan == true) { if ($request->gambar && $request->pekerjaan && $request->tgl_lahir == true) { if ($request->gambar && $request->pekerjaan && $request->tgl_lahir && $request->password == true) { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, 'tanggal_lahir' => $request->tgl_lahir, 'password' => Hash::make($request->password), 'gambar' => 'uploads/akun/' . $new_gambar, ]; } else { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, 'tanggal_lahir' => $request->tgl_lahir, 'gambar' => 'uploads/akun/' . $new_gambar, ]; } } elseif ($request->gambar && $request->pekerjaan && $request->password == true) { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, 'password' => Hash::make($request->password), 'gambar' => 'uploads/akun/' . $new_gambar, ]; } else { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, 'gambar' => 'uploads/akun/' . $new_gambar, ]; } } elseif ($request->gambar && $request->tgl_lahir == true) { if ($request->gambar && $request->tgl_lahir && $request->password == true) { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, 'password' => Hash::make($request->password), 'gambar' => 'uploads/akun/' . $new_gambar, ]; } else { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, 'gambar' => 'uploads/akun/' . $new_gambar, ]; } } elseif ($request->gambar && $request->password == true) { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'password' => Hash::make($request->password), 'gambar' => 'uploads/akun/' . $new_gambar, ]; } else { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'gambar' => 'uploads/akun/' . $new_gambar, ]; } } elseif ($request->pekerjaan == true) { if ($request->pekerjaan && $request->tgl_lahir == true) { if ($request->pekerjaan && $request->tgl_lahir && $request->password == true) { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, 'password' => Hash::make($request->password), 'pekerjaan' => $request->pekerjaan, ]; } else { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, 'pekerjaan' => $request->pekerjaan, ]; } } elseif ($request->pekerjaan && $request->password == true) { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'password' => Hash::make($request->password), 'pekerjaan' => $request->pekerjaan, ]; } else { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'pekerjaan' => $request->pekerjaan, ]; } } elseif ($request->tgl_lahir == true) { if ($request->tgl_lahir && $request->password == true) { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'password' => Hash::make($request->password), 'tanggal_lahir' => $request->tgl_lahir, ]; } else { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'tanggal_lahir' => $request->tgl_lahir, ]; } } elseif ($request->password == true) { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, 'password' => Hash::make($request->password), ]; } else { $user_data = [ 'name' => $request->name, 'email' => $request->email, 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'telepon' => $request->telepon, ]; } // dd($user_data); $user->update($user_data); return redirect()->route('profil', $user['id'])->with('success', 'Pembelian Berhasil Silahkan Melakukan Pembayaran Melalui Payment Yang Anda Pilih'); } } ================================================ FILE: app/Http/Controllers/Auth/ConfirmPasswordController.php ================================================ middleware('auth'); } } ================================================ FILE: app/Http/Controllers/Auth/ForgotPasswordController.php ================================================ middleware('guest')->except('logout'); } } ================================================ FILE: app/Http/Controllers/Auth/RegisterController.php ================================================ middleware('guest'); } /** * Get a validator for an incoming registration request. * * @param array $data * @return \Illuminate\Contracts\Validation\Validator */ protected function validator(array $data) { return Validator::make($data, [ 'name' => ['required', 'string', 'max:255'], 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 'password' => ['required', 'string', 'min:8', 'confirmed'], ]); } /** * Create a new user instance after a valid registration. * * @param array $data * @return \App\User */ protected function create(array $data) { return User::create([ 'name' => $data['name'], 'email' => $data['email'], 'password' => Hash::make($data['password']), 'role' => 'user', ]); } } ================================================ FILE: app/Http/Controllers/Auth/ResetPasswordController.php ================================================ middleware('auth'); $this->middleware('signed')->only('verify'); $this->middleware('throttle:6,1')->only('verify', 'resend'); } } ================================================ FILE: app/Http/Controllers/Controller.php ================================================ middleware(['auth','verified']); } /** * Show the application dashboard. * * @return \Illuminate\Contracts\Support\Renderable */ public function index() { return view('user.index'); } } ================================================ FILE: app/Http/Controllers/MerekController.php ================================================ validate($request, [ 'name' => 'required|min:3' ]); $merek = Merek::create([ 'name' => $request->name, ]); return redirect()->back()->with('success', 'Merek Berhasil Disimpan'); } /** * Display the specified resource. * * @param int $id * @return \Illuminate\Http\Response */ public function show($id) { // } /** * Show the form for editing the specified resource. * * @param int $id * @return \Illuminate\Http\Response */ public function edit($id) { $merek = Merek::findorfail($id); return view('admin.merek.edit', compact('merek')); } /** * Update the specified resource in storage. * * @param \Illuminate\Http\Request $request * @param int $id * @return \Illuminate\Http\Response */ public function update(Request $request, $id) { $this->validate($request, [ 'name' => 'required|min:3' ]); $merek_data = [ 'name' => $request->name, ]; Merek::whereId($id)->update($merek_data); return redirect()->route('merek.index')->with('success', 'Merek Berhasil Diupdate'); } /** * Remove the specified resource from storage. * * @param int $id * @return \Illuminate\Http\Response */ public function destroy($id) { $merek = Merek::findorfail($id); $merek->delete(); return redirect()->back()->with('success', 'Merek Berhasil Dihapus'); } } ================================================ FILE: app/Http/Controllers/MobilController.php ================================================ validate($request, [ 'type' => 'required', 'price' => 'required', 'gambar' => 'required' ]); $gambar = $request->gambar; $new_gambar = date('Ymdhis') . "_" . $gambar->getClientOriginalName(); Mobil::create([ 'merek_id' => $request->merek_id, 'type' => $request->type, 'price' => $request->price, 'gambar' => 'uploads/mobil/' . $new_gambar, ]); $gambar->move('uploads/mobil/', $new_gambar); return redirect()->back()->with('success', 'Postingan Anda Berhasil Disimpan'); } /** * Display the specified resource. * * @param int $id * @return \Illuminate\Http\Response */ public function show($id) { $mobil = Mobil::findorfail($id); $merek = Merek::all(); $produk = Mobil::where('merek_id', $mobil->merek_id)->orderBy('created_at', 'DESC')->limit(5)->get(); return view('user.show', compact('mobil', 'merek', 'produk')); } /** * Show the form for editing the specified resource. * * @param int $id * @return \Illuminate\Http\Response */ public function edit($id) { $mobil = Mobil::findorfail($id); $merek = Merek::all(); return view('admin.mobil.edit', compact('mobil', 'merek')); } /** * Update the specified resource in storage. * * @param \Illuminate\Http\Request $request * @param int $id * @return \Illuminate\Http\Response */ public function update(Request $request, $id) { $this->validate($request, [ 'price' => 'required', 'type' => 'required' ]); $mobil = Mobil::findorfail($id); if ($request->gambar == true) { $gambar = $request->gambar; $new_gambar = date('Ymdhis') . "_" . $gambar->getClientOriginalName(); $gambar->move('uploads/mobil/', $new_gambar); $mobil_data = [ 'merek_id' => $request->merek_id, 'type' => $request->type, 'price' => $request->price, 'gambar' => 'uploads/mobil/' . $new_gambar, ]; } else { $mobil_data = [ 'merek_id' => $request->merek_id, 'price' => $request->price, 'type' => $request->type, ]; } $mobil->update($mobil_data); return redirect()->back()->with('success', 'Postingan Anda Berhasil Diupdate'); } /** * Remove the specified resource from storage. * * @param int $id * @return \Illuminate\Http\Response */ public function destroy($id) { $mobil = Mobil::findorfail($id); $mobil->delete(); return redirect()->back()->with('success', 'Postingan Anda Berhasil Dihapus (Silahkan cek trashed mobil)'); } public function new() { $mobil = Mobil::paginate(10); $merek = Merek::all(); return view('admin.mobil.index', compact('mobil', 'merek')); } public function tampil_hapus() { $mobil = Mobil::onlyTrashed()->paginate(10); return view('admin.mobil.tampil_hapus', compact('mobil')); } public function restore($id) { $mobil = Mobil::withTrashed()->where('id', $id)->first(); $mobil->restore(); return redirect()->back()->with('success', 'Postingan Anda Berhasil Direstore (Silahkan cek list mobil)'); } public function kill($id) { $mobil = Mobil::withTrashed()->where('id', $id)->first(); $mobil->forceDelete(); return redirect()->back()->with('success', 'Postingan Anda Berhasil Dihapus Secara Permanent'); } public function home() { $mobil = Mobil::orderBy('created_at', 'DESC')->get(); $car = Mobil::orderBy('created_at', 'DESC')->limit(5)->get(); $merek = Merek::all(); return view('user.index', compact('mobil', 'car', 'merek')); } public function cart() { $cart = session()->get('cart'); $mobil = Mobil::paginate(10); $this->item['chart'] = $cart; $this->item['mobil'] = $mobil; $merek = Merek::all(); $produk = Mobil::orderBy('created_at', 'DESC')->limit(4)->get(); return view('user.cart', compact('merek', 'produk')); } public function addToCart($id) { $mobil = Mobil::findorfail($id); if (!$mobil) { abort(404); } $cart = session()->get('cart'); if (isset($cart[$id])) { $cart[$id]['quantity']++; session()->put('cart', $cart); return redirect()->back()->with('success', 'Product added to cart successfully!'); } $cart[$id] = [ "mobil_id" => $mobil->id, "name" => $mobil->type, "brand" => $mobil->merek->name, "quantity" => 1, "price" => $mobil->price, "photo" => $mobil->gambar, ]; session()->put('cart', $cart); return redirect()->back()->with('success', 'Product added to cart successfully!'); } public function update_cart(Request $request) { if ($request->id && $request->quantity) { $cart = session()->get('cart'); $cart[$request->id]['quantity'] = $request->quantity; session()->put('cart', $cart); session()->flash('success', 'Cart updated successfully!'); } } public function remove(Request $request) { if ($request->id) { $cart = session()->get('cart'); if (isset($cart[$request->id])) { unset($cart[$request->id]); session()->put('cart', $cart); Session::flash('success', 'Berhasil menghapus product'); } } } public function cekout() { $cart = session()->get('cart'); $mobil = Mobil::paginate(10); $this->item['chart'] = $cart; $this->item['mobil'] = $mobil; $merek = Merek::all(); return view('user.cekout', compact('merek')); } public function proses_cekout(Request $request, $id) { $this->validate($request, [ 'name' => 'required', 'address' => 'required', 'kelurahan' => 'required', 'kabupaten' => 'required', 'kecamatan' => 'required', 'provinsi' => 'required', 'email' => 'required', 'kode_pos' => 'required|max:5', 'telepon' => 'required|min:10|max:13', ]); $user = User::findorfail($id); $user_data = [ 'address' => $request->address, 'kelurahan' => $request->kelurahan, 'kabupaten' => $request->kabupaten, 'kecamatan' => $request->kecamatan, 'provinsi' => $request->provinsi, 'kode_pos' => $request->kode_pos, 'telepon' => $request->telepon, ]; $user->update($user_data); $cart = session()->get('cart'); foreach ($cart as $details) { Order::create([ 'user_id' => $id, 'mobil_id' => $details['mobil_id'], 'quantity' => $details['quantity'], 'total' => $details['price'] * $details['quantity'], 'payment_status' => 'Belum Dibayar', ]); } $request->session()->forget('cart'); $order = Order::orderBy('created_at', 'DESC')->where('user_id', $id)->first(); return redirect()->route('pembayaran', $order->id)->with('success', 'Pembelian Berhasil Silahkan Melakukan Pembayaran Melalui Payment Yang Anda Pilih'); } public function category($id) { $judul = Merek::findorfail($id); $mobil = Mobil::orderBy('created_at', 'DESC')->where('merek_id', $id)->paginate(12); $new = Mobil::orderBy('created_at', 'DESC')->first(); $merek = Merek::all(); return view('user.category', compact('judul', 'mobil', 'new', 'merek')); } public function like($id) { Favorite::create([ 'user_id' => Auth::user()->id, 'mobil_id' => $id, ]); return redirect()->back()->with('success', 'Product added to favorite successfully!'); } public function unlike($id) { $like = Favorite::where('user_id', Auth::user()->id)->where('mobil_id', $id)->first(); $like->delete(); return redirect()->back()->with('success', 'Product cancel to favorite successfully!'); } public function favorite() { $like = Favorite::where('user_id', Auth::user()->id)->get(); $new = Mobil::orderBy('created_at', 'DESC')->first(); $merek = Merek::all(); return view('user.favorite', compact('like', 'new', 'merek')); } } ================================================ FILE: app/Http/Controllers/OrderController.php ================================================ paginate(10); return view('admin.order.index', compact('order')); } /** * Show the form for creating a new resource. * * @return \Illuminate\Http\Response */ public function create() { // } /** * Store a newly created resource in storage. * * @param \Illuminate\Http\Request $request * @return \Illuminate\Http\Response */ public function store(Request $request) { // } /** * Display the specified resource. * * @param int $id * @return \Illuminate\Http\Response */ public function show($id) { $order = Order::findorfail($id); $user = User::findorfail($order->user_id); return view('admin.order.show', compact('order', 'user')); } /** * Show the form for editing the specified resource. * * @param int $id * @return \Illuminate\Http\Response */ public function edit($id) { // } /** * Update the specified resource in storage. * * @param \Illuminate\Http\Request $request * @param int $id * @return \Illuminate\Http\Response */ public function update(Request $request, $id) { $order = Order::findorfail($id); $order_data = [ 'payment_status' => 'Sudah Dibayar', ]; $order->update($order_data); return redirect()->route('order.index')->with('success', 'Order Berhasil Dikonfirmasi'); } /** * Remove the specified resource from storage. * * @param int $id * @return \Illuminate\Http\Response */ public function destroy($id) { $order = Order::findorfail($id); $order_data = [ 'payment_status' => 'Dicancel', ]; $order->update($order_data); $order = Order::findorfail($id); $order->delete(); return redirect()->back()->with('success', 'Orderan Anda Berhasil Dicencel'); } public function tampil_cancel() { $order = Order::orderBy('created_at', 'DESC')->onlyTrashed()->paginate(10); return view('admin.order.tampil_cancel', compact('order')); } public function history() { $user = User::findorfail(Auth::user()->id); $order = Order::orderBy('created_at', 'DESC')->where('user_id', $user->id)->paginate(10); $merek = Merek::all(); return view('user.history', compact('order', 'merek')); } public function pembayaran($id) { $order = Order::findorfail($id); $merek = Merek::all(); return view('user.pembayaran', compact('order', 'merek')); } public function proses_pembayaran(Request $request, $id) { $this->validate($request, [ 'nama_bank' => 'required', 'nama_pengirim' => 'required', ]); $order = Order::findorfail($id); $order_data = [ 'payment_status' => 'Dipending', ]; $order->update($order_data); $gambar = $request->gambar; $foto = date('Ymdhis') . "_" . $gambar->getClientOriginalName(); Bukti::create([ 'order_id' => $id, 'foto' => 'uploads/bukti/' . $foto, 'nama_bank' => $request->nama_bank, 'nama_pengirim' => $request->nama_pengirim, ]); $gambar->move('uploads/bukti/', $foto); return redirect()->route('pembayaran.success')->with('success', 'Pembelian Berhasil Silahkan Melakukan Pembayaran Melalui Payment Yang Anda Pilih'); } public function success() { $merek = Merek::all(); return view('user.success', compact('merek')); } } ================================================ FILE: app/Http/Kernel.php ================================================ [ \App\Http\Middleware\EncryptCookies::class, \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, \Illuminate\Session\Middleware\StartSession::class, // \Illuminate\Session\Middleware\AuthenticateSession::class, \Illuminate\View\Middleware\ShareErrorsFromSession::class, \App\Http\Middleware\VerifyCsrfToken::class, \Illuminate\Routing\Middleware\SubstituteBindings::class, ], 'api' => [ 'throttle:60,1', 'bindings', ], ]; /** * The application's route middleware. * * These middleware may be assigned to groups or used individually. * * @var array */ protected $routeMiddleware = [ 'auth' => \App\Http\Middleware\Authenticate::class, 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class, 'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class, 'can' => \Illuminate\Auth\Middleware\Authorize::class, 'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class, 'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class, 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class, 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, 'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class, 'role' => \App\Http\Middleware\CheckRole::class, ]; /** * The priority-sorted list of middleware. * * This forces non-global middleware to always be in the given order. * * @var array */ protected $middlewarePriority = [ \Illuminate\Session\Middleware\StartSession::class, \Illuminate\View\Middleware\ShareErrorsFromSession::class, \App\Http\Middleware\Authenticate::class, \App\Http\Middleware\CheckRole::class, \Illuminate\Routing\Middleware\ThrottleRequests::class, \Illuminate\Session\Middleware\AuthenticateSession::class, \Illuminate\Routing\Middleware\SubstituteBindings::class, \Illuminate\Auth\Middleware\Authorize::class, ]; } ================================================ FILE: app/Http/Middleware/Authenticate.php ================================================ expectsJson()) { return route('login'); } } } ================================================ FILE: app/Http/Middleware/CheckForMaintenanceMode.php ================================================ user()->role != 'admin') { return redirect('home'); } return $next($request); } } ================================================ FILE: app/Http/Middleware/EncryptCookies.php ================================================ check()) { return redirect('/home'); } return $next($request); } } ================================================ FILE: app/Http/Middleware/TrimStrings.php ================================================ count(); return $mobil; } protected $table = 'merek'; } ================================================ FILE: app/Mobil.php ================================================ belongsTo('App\Merek'); } public function like($id) { $like = Favorite::where('user_id', Auth::user()->id)->where('mobil_id', $id)->first(); return $like; } protected $table = 'mobil'; } ================================================ FILE: app/Order.php ================================================ belongsTo('App\Mobil'); } public function namaMobil($id) { $mobil = Mobil::findorfail($id); $namaMobil = $mobil->merek->name . ' ' . $mobil->type; return $namaMobil; } public function bukti($id) { $bukti = Bukti::where('order_id', $id)->first(); return $bukti; } public function user() { return $this->belongsTo('App\User'); } protected $table = 'order'; } ================================================ FILE: app/Providers/AppServiceProvider.php ================================================ 'App\Policies\ModelPolicy', ]; /** * Register any authentication / authorization services. * * @return void */ public function boot() { $this->registerPolicies(); // } } ================================================ FILE: app/Providers/BroadcastServiceProvider.php ================================================ [ SendEmailVerificationNotification::class, ], ]; /** * Register any events for your application. * * @return void */ public function boot() { parent::boot(); // } } ================================================ FILE: app/Providers/RouteServiceProvider.php ================================================ mapApiRoutes(); $this->mapWebRoutes(); // } /** * Define the "web" routes for the application. * * These routes all receive session state, CSRF protection, etc. * * @return void */ protected function mapWebRoutes() { Route::middleware('web') ->namespace($this->namespace) ->group(base_path('routes/web.php')); } /** * Define the "api" routes for the application. * * These routes are typically stateless. * * @return void */ protected function mapApiRoutes() { Route::prefix('api') ->middleware('api') ->namespace($this->namespace) ->group(base_path('routes/api.php')); } } ================================================ FILE: app/User.php ================================================ 'datetime', ]; protected $table = 'users'; } ================================================ FILE: artisan ================================================ #!/usr/bin/env php make(Illuminate\Contracts\Console\Kernel::class); $status = $kernel->handle( $input = new Symfony\Component\Console\Input\ArgvInput, new Symfony\Component\Console\Output\ConsoleOutput ); /* |-------------------------------------------------------------------------- | Shutdown The Application |-------------------------------------------------------------------------- | | Once Artisan has finished running, we will fire off the shutdown events | so that any final work may be done by the application before we shut | down the process. This is the last thing to happen to the request. | */ $kernel->terminate($input, $status); exit($status); ================================================ FILE: bootstrap/app.php ================================================ singleton( Illuminate\Contracts\Http\Kernel::class, App\Http\Kernel::class ); $app->singleton( Illuminate\Contracts\Console\Kernel::class, App\Console\Kernel::class ); $app->singleton( Illuminate\Contracts\Debug\ExceptionHandler::class, App\Exceptions\Handler::class ); /* |-------------------------------------------------------------------------- | Return The Application |-------------------------------------------------------------------------- | | This script returns the application instance. The instance is given to | the calling script so we can separate the building of the instances | from the actual running of the application and sending responses. | */ return $app; ================================================ FILE: bootstrap/cache/.gitignore ================================================ * !.gitignore ================================================ FILE: composer.json ================================================ { "name": "laravel/laravel", "type": "project", "description": "The Laravel Framework.", "keywords": [ "framework", "laravel" ], "license": "MIT", "require": { "php": "^7.2", "fideloper/proxy": "^4.0", "laravel/framework": "^6.2", "laravel/tinker": "^1.0" }, "require-dev": { "facade/ignition": "^1.4", "fzaninotto/faker": "^1.4", "laravel/ui": "^1.1", "mockery/mockery": "^1.0", "nunomaduro/collision": "^3.0", "phpunit/phpunit": "^8.0" }, "config": { "optimize-autoloader": true, "preferred-install": "dist", "sort-packages": true }, "extra": { "laravel": { "dont-discover": [] } }, "autoload": { "psr-4": { "App\\": "app/" }, "classmap": [ "database/seeds", "database/factories" ] }, "autoload-dev": { "psr-4": { "Tests\\": "tests/" } }, "minimum-stability": "dev", "prefer-stable": true, "scripts": { "post-autoload-dump": [ "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", "@php artisan package:discover --ansi" ], "post-root-package-install": [ "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" ], "post-create-project-cmd": [ "@php artisan key:generate --ansi" ] } } ================================================ FILE: config/app.php ================================================ env('APP_NAME', 'Laravel'), /* |-------------------------------------------------------------------------- | Application Environment |-------------------------------------------------------------------------- | | This value determines the "environment" your application is currently | running in. This may determine how you prefer to configure various | services the application utilizes. Set this in your ".env" file. | */ 'env' => env('APP_ENV', 'production'), /* |-------------------------------------------------------------------------- | Application Debug Mode |-------------------------------------------------------------------------- | | When your application is in debug mode, detailed error messages with | stack traces will be shown on every error that occurs within your | application. If disabled, a simple generic error page is shown. | */ 'debug' => env('APP_DEBUG', false), /* |-------------------------------------------------------------------------- | Application URL |-------------------------------------------------------------------------- | | This URL is used by the console to properly generate URLs when using | the Artisan command line tool. You should set this to the root of | your application so that it is used when running Artisan tasks. | */ 'url' => env('APP_URL', 'http://localhost'), 'asset_url' => env('ASSET_URL', null), /* |-------------------------------------------------------------------------- | Application Timezone |-------------------------------------------------------------------------- | | Here you may specify the default timezone for your application, which | will be used by the PHP date and date-time functions. We have gone | ahead and set this to a sensible default for you out of the box. | */ 'timezone' => 'UTC', /* |-------------------------------------------------------------------------- | Application Locale Configuration |-------------------------------------------------------------------------- | | The application locale determines the default locale that will be used | by the translation service provider. You are free to set this value | to any of the locales which will be supported by the application. | */ 'locale' => 'en', /* |-------------------------------------------------------------------------- | Application Fallback Locale |-------------------------------------------------------------------------- | | The fallback locale determines the locale to use when the current one | is not available. You may change the value to correspond to any of | the language folders that are provided through your application. | */ 'fallback_locale' => 'en', /* |-------------------------------------------------------------------------- | Faker Locale |-------------------------------------------------------------------------- | | This locale will be used by the Faker PHP library when generating fake | data for your database seeds. For example, this will be used to get | localized telephone numbers, street address information and more. | */ 'faker_locale' => 'en_US', /* |-------------------------------------------------------------------------- | Encryption Key |-------------------------------------------------------------------------- | | This key is used by the Illuminate encrypter service and should be set | to a random, 32 character string, otherwise these encrypted strings | will not be safe. Please do this before deploying an application! | */ 'key' => env('APP_KEY'), 'cipher' => 'AES-256-CBC', /* |-------------------------------------------------------------------------- | Autoloaded Service Providers |-------------------------------------------------------------------------- | | The service providers listed here will be automatically loaded on the | request to your application. Feel free to add your own services to | this array to grant expanded functionality to your applications. | */ 'providers' => [ /* * Laravel Framework Service Providers... */ Illuminate\Auth\AuthServiceProvider::class, Illuminate\Broadcasting\BroadcastServiceProvider::class, Illuminate\Bus\BusServiceProvider::class, Illuminate\Cache\CacheServiceProvider::class, Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class, Illuminate\Cookie\CookieServiceProvider::class, Illuminate\Database\DatabaseServiceProvider::class, Illuminate\Encryption\EncryptionServiceProvider::class, Illuminate\Filesystem\FilesystemServiceProvider::class, Illuminate\Foundation\Providers\FoundationServiceProvider::class, Illuminate\Hashing\HashServiceProvider::class, Illuminate\Mail\MailServiceProvider::class, Illuminate\Notifications\NotificationServiceProvider::class, Illuminate\Pagination\PaginationServiceProvider::class, Illuminate\Pipeline\PipelineServiceProvider::class, Illuminate\Queue\QueueServiceProvider::class, Illuminate\Redis\RedisServiceProvider::class, Illuminate\Auth\Passwords\PasswordResetServiceProvider::class, Illuminate\Session\SessionServiceProvider::class, Illuminate\Translation\TranslationServiceProvider::class, Illuminate\Validation\ValidationServiceProvider::class, Illuminate\View\ViewServiceProvider::class, /* * Package Service Providers... */ /* * Application Service Providers... */ App\Providers\AppServiceProvider::class, App\Providers\AuthServiceProvider::class, // App\Providers\BroadcastServiceProvider::class, App\Providers\EventServiceProvider::class, App\Providers\RouteServiceProvider::class, ], /* |-------------------------------------------------------------------------- | Class Aliases |-------------------------------------------------------------------------- | | This array of class aliases will be registered when this application | is started. However, feel free to register as many as you wish as | the aliases are "lazy" loaded so they don't hinder performance. | */ 'aliases' => [ 'App' => Illuminate\Support\Facades\App::class, 'Arr' => Illuminate\Support\Arr::class, 'Artisan' => Illuminate\Support\Facades\Artisan::class, 'Auth' => Illuminate\Support\Facades\Auth::class, 'Blade' => Illuminate\Support\Facades\Blade::class, 'Broadcast' => Illuminate\Support\Facades\Broadcast::class, 'Bus' => Illuminate\Support\Facades\Bus::class, 'Cache' => Illuminate\Support\Facades\Cache::class, 'Config' => Illuminate\Support\Facades\Config::class, 'Cookie' => Illuminate\Support\Facades\Cookie::class, 'Crypt' => Illuminate\Support\Facades\Crypt::class, 'DB' => Illuminate\Support\Facades\DB::class, 'Eloquent' => Illuminate\Database\Eloquent\Model::class, 'Event' => Illuminate\Support\Facades\Event::class, 'File' => Illuminate\Support\Facades\File::class, 'Gate' => Illuminate\Support\Facades\Gate::class, 'Hash' => Illuminate\Support\Facades\Hash::class, 'Lang' => Illuminate\Support\Facades\Lang::class, 'Log' => Illuminate\Support\Facades\Log::class, 'Mail' => Illuminate\Support\Facades\Mail::class, 'Notification' => Illuminate\Support\Facades\Notification::class, 'Password' => Illuminate\Support\Facades\Password::class, 'Queue' => Illuminate\Support\Facades\Queue::class, 'Redirect' => Illuminate\Support\Facades\Redirect::class, 'Redis' => Illuminate\Support\Facades\Redis::class, 'Request' => Illuminate\Support\Facades\Request::class, 'Response' => Illuminate\Support\Facades\Response::class, 'Route' => Illuminate\Support\Facades\Route::class, 'Schema' => Illuminate\Support\Facades\Schema::class, 'Session' => Illuminate\Support\Facades\Session::class, 'Storage' => Illuminate\Support\Facades\Storage::class, 'Str' => Illuminate\Support\Str::class, 'URL' => Illuminate\Support\Facades\URL::class, 'Validator' => Illuminate\Support\Facades\Validator::class, 'View' => Illuminate\Support\Facades\View::class, ], ]; ================================================ FILE: config/auth.php ================================================ [ 'guard' => 'web', 'passwords' => 'users', ], /* |-------------------------------------------------------------------------- | Authentication Guards |-------------------------------------------------------------------------- | | Next, you may define every authentication guard for your application. | Of course, a great default configuration has been defined for you | here which uses session storage and the Eloquent user provider. | | All authentication drivers have a user provider. This defines how the | users are actually retrieved out of your database or other storage | mechanisms used by this application to persist your user's data. | | Supported: "session", "token" | */ 'guards' => [ 'web' => [ 'driver' => 'session', 'provider' => 'users', ], 'api' => [ 'driver' => 'token', 'provider' => 'users', 'hash' => false, ], ], /* |-------------------------------------------------------------------------- | User Providers |-------------------------------------------------------------------------- | | All authentication drivers have a user provider. This defines how the | users are actually retrieved out of your database or other storage | mechanisms used by this application to persist your user's data. | | If you have multiple user tables or models you may configure multiple | sources which represent each model / table. These sources may then | be assigned to any extra authentication guards you have defined. | | Supported: "database", "eloquent" | */ 'providers' => [ 'users' => [ 'driver' => 'eloquent', 'model' => App\User::class, ], // 'users' => [ // 'driver' => 'database', // 'table' => 'users', // ], ], /* |-------------------------------------------------------------------------- | Resetting Passwords |-------------------------------------------------------------------------- | | You may specify multiple password reset configurations if you have more | than one user table or model in the application and you want to have | separate password reset settings based on the specific user types. | | The expire time is the number of minutes that the reset token should be | considered valid. This security feature keeps tokens short-lived so | they have less time to be guessed. You may change this as needed. | */ 'passwords' => [ 'users' => [ 'provider' => 'users', 'table' => 'password_resets', 'expire' => 60, 'throttle' => 60, ], ], /* |-------------------------------------------------------------------------- | Password Confirmation Timeout |-------------------------------------------------------------------------- | | Here you may define the amount of seconds before a password confirmation | times out and the user is prompted to re-enter their password via the | confirmation screen. By default, the timeout lasts for three hours. | */ 'password_timeout' => 10800, ]; ================================================ FILE: config/broadcasting.php ================================================ env('BROADCAST_DRIVER', 'null'), /* |-------------------------------------------------------------------------- | Broadcast Connections |-------------------------------------------------------------------------- | | Here you may define all of the broadcast connections that will be used | to broadcast events to other systems or over websockets. Samples of | each available type of connection are provided inside this array. | */ 'connections' => [ 'pusher' => [ 'driver' => 'pusher', 'key' => env('PUSHER_APP_KEY'), 'secret' => env('PUSHER_APP_SECRET'), 'app_id' => env('PUSHER_APP_ID'), 'options' => [ 'cluster' => env('PUSHER_APP_CLUSTER'), 'useTLS' => true, ], ], 'redis' => [ 'driver' => 'redis', 'connection' => 'default', ], 'log' => [ 'driver' => 'log', ], 'null' => [ 'driver' => 'null', ], ], ]; ================================================ FILE: config/cache.php ================================================ env('CACHE_DRIVER', 'file'), /* |-------------------------------------------------------------------------- | Cache Stores |-------------------------------------------------------------------------- | | Here you may define all of the cache "stores" for your application as | well as their drivers. You may even define multiple stores for the | same cache driver to group types of items stored in your caches. | */ 'stores' => [ 'apc' => [ 'driver' => 'apc', ], 'array' => [ 'driver' => 'array', ], 'database' => [ 'driver' => 'database', 'table' => 'cache', 'connection' => null, ], 'file' => [ 'driver' => 'file', 'path' => storage_path('framework/cache/data'), ], 'memcached' => [ 'driver' => 'memcached', 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'), 'sasl' => [ env('MEMCACHED_USERNAME'), env('MEMCACHED_PASSWORD'), ], 'options' => [ // Memcached::OPT_CONNECT_TIMEOUT => 2000, ], 'servers' => [ [ 'host' => env('MEMCACHED_HOST', '127.0.0.1'), 'port' => env('MEMCACHED_PORT', 11211), 'weight' => 100, ], ], ], 'redis' => [ 'driver' => 'redis', 'connection' => 'cache', ], 'dynamodb' => [ 'driver' => 'dynamodb', 'key' => env('AWS_ACCESS_KEY_ID'), 'secret' => env('AWS_SECRET_ACCESS_KEY'), 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 'table' => env('DYNAMODB_CACHE_TABLE', 'cache'), 'endpoint' => env('DYNAMODB_ENDPOINT'), ], ], /* |-------------------------------------------------------------------------- | Cache Key Prefix |-------------------------------------------------------------------------- | | When utilizing a RAM based store such as APC or Memcached, there might | be other applications utilizing the same cache. So, we'll specify a | value to get prefixed to all our keys so we can avoid collisions. | */ 'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache'), ]; ================================================ FILE: config/database.php ================================================ env('DB_CONNECTION', 'mysql'), /* |-------------------------------------------------------------------------- | Database Connections |-------------------------------------------------------------------------- | | Here are each of the database connections setup for your application. | Of course, examples of configuring each database platform that is | supported by Laravel is shown below to make development simple. | | | All database work in Laravel is done through the PHP PDO facilities | so make sure you have the driver for your particular database of | choice installed on your machine before you begin development. | */ 'connections' => [ 'sqlite' => [ 'driver' => 'sqlite', 'url' => env('DATABASE_URL'), 'database' => env('DB_DATABASE', database_path('database.sqlite')), 'prefix' => '', 'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true), ], 'mysql' => [ 'driver' => 'mysql', 'url' => env('DATABASE_URL'), 'host' => env('DB_HOST', '127.0.0.1'), 'port' => env('DB_PORT', '3306'), 'database' => env('DB_DATABASE', 'forge'), 'username' => env('DB_USERNAME', 'forge'), 'password' => env('DB_PASSWORD', ''), 'unix_socket' => env('DB_SOCKET', ''), 'charset' => 'utf8mb4', 'collation' => 'utf8mb4_unicode_ci', 'prefix' => '', 'prefix_indexes' => true, 'strict' => true, 'engine' => null, 'options' => extension_loaded('pdo_mysql') ? array_filter([ PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'), ]) : [], ], 'pgsql' => [ 'driver' => 'pgsql', 'url' => env('DATABASE_URL'), 'host' => env('DB_HOST', '127.0.0.1'), 'port' => env('DB_PORT', '5432'), 'database' => env('DB_DATABASE', 'forge'), 'username' => env('DB_USERNAME', 'forge'), 'password' => env('DB_PASSWORD', ''), 'charset' => 'utf8', 'prefix' => '', 'prefix_indexes' => true, 'schema' => 'public', 'sslmode' => 'prefer', ], 'sqlsrv' => [ 'driver' => 'sqlsrv', 'url' => env('DATABASE_URL'), 'host' => env('DB_HOST', 'localhost'), 'port' => env('DB_PORT', '1433'), 'database' => env('DB_DATABASE', 'forge'), 'username' => env('DB_USERNAME', 'forge'), 'password' => env('DB_PASSWORD', ''), 'charset' => 'utf8', 'prefix' => '', 'prefix_indexes' => true, ], ], /* |-------------------------------------------------------------------------- | Migration Repository Table |-------------------------------------------------------------------------- | | This table keeps track of all the migrations that have already run for | your application. Using this information, we can determine which of | the migrations on disk haven't actually been run in the database. | */ 'migrations' => 'migrations', /* |-------------------------------------------------------------------------- | Redis Databases |-------------------------------------------------------------------------- | | Redis is an open source, fast, and advanced key-value store that also | provides a richer body of commands than a typical key-value system | such as APC or Memcached. Laravel makes it easy to dig right in. | */ 'redis' => [ 'client' => env('REDIS_CLIENT', 'phpredis'), 'options' => [ 'cluster' => env('REDIS_CLUSTER', 'redis'), 'prefix' => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'), ], 'default' => [ 'url' => env('REDIS_URL'), 'host' => env('REDIS_HOST', '127.0.0.1'), 'password' => env('REDIS_PASSWORD', null), 'port' => env('REDIS_PORT', 6379), 'database' => env('REDIS_DB', 0), ], 'cache' => [ 'url' => env('REDIS_URL'), 'host' => env('REDIS_HOST', '127.0.0.1'), 'password' => env('REDIS_PASSWORD', null), 'port' => env('REDIS_PORT', 6379), 'database' => env('REDIS_CACHE_DB', 1), ], ], ]; ================================================ FILE: config/filesystems.php ================================================ env('FILESYSTEM_DRIVER', 'local'), /* |-------------------------------------------------------------------------- | Default Cloud Filesystem Disk |-------------------------------------------------------------------------- | | Many applications store files both locally and in the cloud. For this | reason, you may specify a default "cloud" driver here. This driver | will be bound as the Cloud disk implementation in the container. | */ 'cloud' => env('FILESYSTEM_CLOUD', 's3'), /* |-------------------------------------------------------------------------- | Filesystem Disks |-------------------------------------------------------------------------- | | Here you may configure as many filesystem "disks" as you wish, and you | may even configure multiple disks of the same driver. Defaults have | been setup for each driver as an example of the required options. | | Supported Drivers: "local", "ftp", "sftp", "s3" | */ 'disks' => [ 'local' => [ 'driver' => 'local', 'root' => storage_path('app'), ], 'public' => [ 'driver' => 'local', 'root' => storage_path('app/public'), 'url' => env('APP_URL').'/storage', 'visibility' => 'public', ], 's3' => [ 'driver' => 's3', 'key' => env('AWS_ACCESS_KEY_ID'), 'secret' => env('AWS_SECRET_ACCESS_KEY'), 'region' => env('AWS_DEFAULT_REGION'), 'bucket' => env('AWS_BUCKET'), 'url' => env('AWS_URL'), ], ], ]; ================================================ FILE: config/hashing.php ================================================ 'bcrypt', /* |-------------------------------------------------------------------------- | Bcrypt Options |-------------------------------------------------------------------------- | | Here you may specify the configuration options that should be used when | passwords are hashed using the Bcrypt algorithm. This will allow you | to control the amount of time it takes to hash the given password. | */ 'bcrypt' => [ 'rounds' => env('BCRYPT_ROUNDS', 10), ], /* |-------------------------------------------------------------------------- | Argon Options |-------------------------------------------------------------------------- | | Here you may specify the configuration options that should be used when | passwords are hashed using the Argon algorithm. These will allow you | to control the amount of time it takes to hash the given password. | */ 'argon' => [ 'memory' => 1024, 'threads' => 2, 'time' => 2, ], ]; ================================================ FILE: config/logging.php ================================================ env('LOG_CHANNEL', 'stack'), /* |-------------------------------------------------------------------------- | Log Channels |-------------------------------------------------------------------------- | | Here you may configure the log channels for your application. Out of | the box, Laravel uses the Monolog PHP logging library. This gives | you a variety of powerful log handlers / formatters to utilize. | | Available Drivers: "single", "daily", "slack", "syslog", | "errorlog", "monolog", | "custom", "stack" | */ 'channels' => [ 'stack' => [ 'driver' => 'stack', 'channels' => ['daily'], 'ignore_exceptions' => false, ], 'single' => [ 'driver' => 'single', 'path' => storage_path('logs/laravel.log'), 'level' => 'debug', ], 'daily' => [ 'driver' => 'daily', 'path' => storage_path('logs/laravel.log'), 'level' => 'debug', 'days' => 14, ], 'slack' => [ 'driver' => 'slack', 'url' => env('LOG_SLACK_WEBHOOK_URL'), 'username' => 'Laravel Log', 'emoji' => ':boom:', 'level' => 'critical', ], 'papertrail' => [ 'driver' => 'monolog', 'level' => 'debug', 'handler' => SyslogUdpHandler::class, 'handler_with' => [ 'host' => env('PAPERTRAIL_URL'), 'port' => env('PAPERTRAIL_PORT'), ], ], 'stderr' => [ 'driver' => 'monolog', 'handler' => StreamHandler::class, 'formatter' => env('LOG_STDERR_FORMATTER'), 'with' => [ 'stream' => 'php://stderr', ], ], 'syslog' => [ 'driver' => 'syslog', 'level' => 'debug', ], 'errorlog' => [ 'driver' => 'errorlog', 'level' => 'debug', ], 'null' => [ 'driver' => 'monolog', 'handler' => NullHandler::class, ], ], ]; ================================================ FILE: config/mail.php ================================================ env('MAIL_DRIVER', 'smtp'), /* |-------------------------------------------------------------------------- | SMTP Host Address |-------------------------------------------------------------------------- | | Here you may provide the host address of the SMTP server used by your | applications. A default option is provided that is compatible with | the Mailgun mail service which will provide reliable deliveries. | */ 'host' => env('MAIL_HOST', 'smtp.mailgun.org'), /* |-------------------------------------------------------------------------- | SMTP Host Port |-------------------------------------------------------------------------- | | This is the SMTP port used by your application to deliver e-mails to | users of the application. Like the host we have set this value to | stay compatible with the Mailgun e-mail application by default. | */ 'port' => env('MAIL_PORT', 587), /* |-------------------------------------------------------------------------- | Global "From" Address |-------------------------------------------------------------------------- | | You may wish for all e-mails sent by your application to be sent from | the same address. Here, you may specify a name and address that is | used globally for all e-mails that are sent by your application. | */ 'from' => [ 'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'), 'name' => env('MAIL_FROM_NAME', 'Example'), ], /* |-------------------------------------------------------------------------- | E-Mail Encryption Protocol |-------------------------------------------------------------------------- | | Here you may specify the encryption protocol that should be used when | the application send e-mail messages. A sensible default using the | transport layer security protocol should provide great security. | */ 'encryption' => env('MAIL_ENCRYPTION', 'tls'), /* |-------------------------------------------------------------------------- | SMTP Server Username |-------------------------------------------------------------------------- | | If your SMTP server requires a username for authentication, you should | set it here. This will get used to authenticate with your server on | connection. You may also set the "password" value below this one. | */ 'username' => env('MAIL_USERNAME'), 'password' => env('MAIL_PASSWORD'), /* |-------------------------------------------------------------------------- | Sendmail System Path |-------------------------------------------------------------------------- | | When using the "sendmail" driver to send e-mails, we will need to know | the path to where Sendmail lives on this server. A default path has | been provided here, which will work well on most of your systems. | */ 'sendmail' => '/usr/sbin/sendmail -bs', /* |-------------------------------------------------------------------------- | Markdown Mail Settings |-------------------------------------------------------------------------- | | If you are using Markdown based email rendering, you may configure your | theme and component paths here, allowing you to customize the design | of the emails. Or, you may simply stick with the Laravel defaults! | */ 'markdown' => [ 'theme' => 'default', 'paths' => [ resource_path('views/vendor/mail'), ], ], /* |-------------------------------------------------------------------------- | Log Channel |-------------------------------------------------------------------------- | | If you are using the "log" driver, you may specify the logging channel | if you prefer to keep mail messages separate from other log entries | for simpler reading. Otherwise, the default channel will be used. | */ 'log_channel' => env('MAIL_LOG_CHANNEL'), ]; ================================================ FILE: config/queue.php ================================================ env('QUEUE_CONNECTION', 'sync'), /* |-------------------------------------------------------------------------- | Queue Connections |-------------------------------------------------------------------------- | | Here you may configure the connection information for each server that | is used by your application. A default configuration has been added | for each back-end shipped with Laravel. You are free to add more. | | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null" | */ 'connections' => [ 'sync' => [ 'driver' => 'sync', ], 'database' => [ 'driver' => 'database', 'table' => 'jobs', 'queue' => 'default', 'retry_after' => 90, ], 'beanstalkd' => [ 'driver' => 'beanstalkd', 'host' => 'localhost', 'queue' => 'default', 'retry_after' => 90, 'block_for' => 0, ], 'sqs' => [ 'driver' => 'sqs', 'key' => env('AWS_ACCESS_KEY_ID'), 'secret' => env('AWS_SECRET_ACCESS_KEY'), 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'), 'queue' => env('SQS_QUEUE', 'your-queue-name'), 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), ], 'redis' => [ 'driver' => 'redis', 'connection' => 'default', 'queue' => env('REDIS_QUEUE', 'default'), 'retry_after' => 90, 'block_for' => null, ], ], /* |-------------------------------------------------------------------------- | Failed Queue Jobs |-------------------------------------------------------------------------- | | These options configure the behavior of failed queue job logging so you | can control which database and table are used to store the jobs that | have failed. You may change them to any database / table you wish. | */ 'failed' => [ 'driver' => env('QUEUE_FAILED_DRIVER', 'database'), 'database' => env('DB_CONNECTION', 'mysql'), 'table' => 'failed_jobs', ], ]; ================================================ FILE: config/services.php ================================================ [ 'domain' => env('MAILGUN_DOMAIN'), 'secret' => env('MAILGUN_SECRET'), 'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'), ], 'postmark' => [ 'token' => env('POSTMARK_TOKEN'), ], 'ses' => [ 'key' => env('AWS_ACCESS_KEY_ID'), 'secret' => env('AWS_SECRET_ACCESS_KEY'), 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), ], ]; ================================================ FILE: config/session.php ================================================ env('SESSION_DRIVER', 'file'), /* |-------------------------------------------------------------------------- | Session Lifetime |-------------------------------------------------------------------------- | | Here you may specify the number of minutes that you wish the session | to be allowed to remain idle before it expires. If you want them | to immediately expire on the browser closing, set that option. | */ 'lifetime' => env('SESSION_LIFETIME', 120), 'expire_on_close' => false, /* |-------------------------------------------------------------------------- | Session Encryption |-------------------------------------------------------------------------- | | This option allows you to easily specify that all of your session data | should be encrypted before it is stored. All encryption will be run | automatically by Laravel and you can use the Session like normal. | */ 'encrypt' => false, /* |-------------------------------------------------------------------------- | Session File Location |-------------------------------------------------------------------------- | | When using the native session driver, we need a location where session | files may be stored. A default has been set for you but a different | location may be specified. This is only needed for file sessions. | */ 'files' => storage_path('framework/sessions'), /* |-------------------------------------------------------------------------- | Session Database Connection |-------------------------------------------------------------------------- | | When using the "database" or "redis" session drivers, you may specify a | connection that should be used to manage these sessions. This should | correspond to a connection in your database configuration options. | */ 'connection' => env('SESSION_CONNECTION', null), /* |-------------------------------------------------------------------------- | Session Database Table |-------------------------------------------------------------------------- | | When using the "database" session driver, you may specify the table we | should use to manage the sessions. Of course, a sensible default is | provided for you; however, you are free to change this as needed. | */ 'table' => 'sessions', /* |-------------------------------------------------------------------------- | Session Cache Store |-------------------------------------------------------------------------- | | When using the "apc", "memcached", or "dynamodb" session drivers you may | list a cache store that should be used for these sessions. This value | must match with one of the application's configured cache "stores". | */ 'store' => env('SESSION_STORE', null), /* |-------------------------------------------------------------------------- | Session Sweeping Lottery |-------------------------------------------------------------------------- | | Some session drivers must manually sweep their storage location to get | rid of old sessions from storage. Here are the chances that it will | happen on a given request. By default, the odds are 2 out of 100. | */ 'lottery' => [2, 100], /* |-------------------------------------------------------------------------- | Session Cookie Name |-------------------------------------------------------------------------- | | Here you may change the name of the cookie used to identify a session | instance by ID. The name specified here will get used every time a | new session cookie is created by the framework for every driver. | */ 'cookie' => env( 'SESSION_COOKIE', Str::slug(env('APP_NAME', 'laravel'), '_').'_session' ), /* |-------------------------------------------------------------------------- | Session Cookie Path |-------------------------------------------------------------------------- | | The session cookie path determines the path for which the cookie will | be regarded as available. Typically, this will be the root path of | your application but you are free to change this when necessary. | */ 'path' => '/', /* |-------------------------------------------------------------------------- | Session Cookie Domain |-------------------------------------------------------------------------- | | Here you may change the domain of the cookie used to identify a session | in your application. This will determine which domains the cookie is | available to in your application. A sensible default has been set. | */ 'domain' => env('SESSION_DOMAIN', null), /* |-------------------------------------------------------------------------- | HTTPS Only Cookies |-------------------------------------------------------------------------- | | By setting this option to true, session cookies will only be sent back | to the server if the browser has a HTTPS connection. This will keep | the cookie from being sent to you if it can not be done securely. | */ 'secure' => env('SESSION_SECURE_COOKIE', false), /* |-------------------------------------------------------------------------- | HTTP Access Only |-------------------------------------------------------------------------- | | Setting this value to true will prevent JavaScript from accessing the | value of the cookie and the cookie will only be accessible through | the HTTP protocol. You are free to modify this option if needed. | */ 'http_only' => true, /* |-------------------------------------------------------------------------- | Same-Site Cookies |-------------------------------------------------------------------------- | | This option determines how your cookies behave when cross-site requests | take place, and can be used to mitigate CSRF attacks. By default, we | do not enable this as other CSRF protection services are in place. | | Supported: "lax", "strict" | */ 'same_site' => null, ]; ================================================ FILE: config/view.php ================================================ [ resource_path('views'), ], /* |-------------------------------------------------------------------------- | Compiled View Path |-------------------------------------------------------------------------- | | This option determines where all the compiled Blade templates will be | stored for your application. Typically, this is within the storage | directory. However, as usual, you are free to change this value. | */ 'compiled' => env( 'VIEW_COMPILED_PATH', realpath(storage_path('framework/views')) ), ]; ================================================ FILE: database/.gitignore ================================================ *.sqlite *.sqlite-journal ================================================ FILE: database/factories/UserFactory.php ================================================ define(User::class, function (Faker $faker) { return [ 'name' => $faker->name, 'email' => $faker->unique()->safeEmail, 'email_verified_at' => now(), 'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password 'remember_token' => Str::random(10), ]; }); ================================================ FILE: database/migrations/2014_10_12_000000_create_users_table.php ================================================ bigIncrements('id'); $table->string('name'); $table->enum('role', ['admin', 'user']); $table->string('email')->unique(); $table->timestamp('email_verified_at')->nullable(); $table->string('pekerjaan')->nullable(); $table->date('tanggal_lahir')->nullable(); $table->string('telepon')->nullable(); $table->string('address')->nullable(); $table->string('kelurahan')->nullable(); $table->string('kecamatan')->nullable(); $table->string('kabupaten')->nullable(); $table->string('provinsi')->nullable(); $table->string('kode_pos')->nullable(); $table->string('gambar')->nullable(); $table->string('password'); $table->rememberToken(); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('users'); } } ================================================ FILE: database/migrations/2014_10_12_100000_create_password_resets_table.php ================================================ string('email')->index(); $table->string('token'); $table->timestamp('created_at')->nullable(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('password_resets'); } } ================================================ FILE: database/migrations/2019_08_19_000000_create_failed_jobs_table.php ================================================ bigIncrements('id'); $table->text('connection'); $table->text('queue'); $table->longText('payload'); $table->longText('exception'); $table->timestamp('failed_at')->useCurrent(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('failed_jobs'); } } ================================================ FILE: database/migrations/2019_11_25_033237_create_merek_table.php ================================================ bigIncrements('id'); $table->string('name'); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('merek'); } } ================================================ FILE: database/migrations/2019_11_25_051422_create_mobil_table.php ================================================ bigIncrements('id'); $table->integer('merek_id'); $table->string('type'); $table->integer('price'); $table->string('gambar'); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('mobil'); } } ================================================ FILE: database/migrations/2019_11_25_083506_tambah_softdelete_ke_mobil.php ================================================ softDeletes(); }); } /** * Reverse the migrations. * * @return void */ public function down() { // } } ================================================ FILE: database/migrations/2019_11_28_041545_create_order_table.php ================================================ bigIncrements('id'); $table->integer('user_id'); $table->integer('mobil_id'); $table->integer('quantity'); $table->integer('total'); $table->string('payment_status'); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('order'); } } ================================================ FILE: database/migrations/2019_12_03_070048_tambah_softdelete_ke_order.php ================================================ softDeletes(); }); } /** * Reverse the migrations. * * @return void */ public function down() { // } } ================================================ FILE: database/migrations/2020_06_01_073152_create_bukti_table.php ================================================ bigIncrements('id'); $table->integer('order_id'); $table->string('foto'); $table->string('nama_bank'); $table->string('nama_pengirim'); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('bukti'); } } ================================================ FILE: database/migrations/2020_06_01_135045_create_favorite_table.php ================================================ bigIncrements('id'); $table->integer('user_id'); $table->integer('mobil_id'); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('favorite'); } } ================================================ FILE: database/seeds/DatabaseSeeder.php ================================================ call(UsersTableSeeder::class); } } ================================================ FILE: index.php ================================================ */ $uri = urldecode( parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH) ); // This file allows us to emulate Apache's "mod_rewrite" functionality from the // built-in PHP web server. This provides a convenient way to test a Laravel // application without having installed a "real" web server software here. if ($uri !== '/' && file_exists(__DIR__.'/public'.$uri)) { return false; } require_once __DIR__.'/public/index.php'; ================================================ FILE: package.json ================================================ { "private": true, "scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "npm run development -- --watch", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, "devDependencies": { "axios": "^0.19", "bootstrap": "^4.0.0", "cross-env": "^5.1", "jquery": "^3.2", "laravel-mix": "^4.0.7", "lodash": "^4.17.13", "popper.js": "^1.12", "resolve-url-loader": "^2.3.1", "sass": "^1.20.1", "sass-loader": "7.*", "vue": "^2.5.17", "vue-template-compiler": "^2.6.10" } } ================================================ FILE: phpunit.xml ================================================ ./tests/Unit ./tests/Feature ./app ================================================ FILE: public/.htaccess ================================================ Options -MultiViews -Indexes RewriteEngine On # Handle Authorization Header RewriteCond %{HTTP:Authorization} . RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] # Redirect Trailing Slashes If Not A Folder... RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_URI} (.+)/$ RewriteRule ^ %1 [L,R=301] # Handle Front Controller... RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^ index.php [L] ================================================ FILE: public/admin/css/accordions.css ================================================ /*----------------------------------------*/ /* 1. accordion CSS /*----------------------------------------*/ .adminpro-custon-design .panel{ background:none; box-shadow:none; } .adminpro-custon-design .panel-default{ border:none; } .adminpro-custon-design .panel-collapse .panel-body{ border-top:none ; } .adminpro-custon-design .panel-heading{ border-top-left-radius:0px; border-top-right-radius:0px; background:#303030; color:#fff; font-size:20px; padding: 15px 20px; } .adminpro-custon-design .admin-panel-content{ background:#03a9f4; } .adminpro-custon-design .admin-panel-content p{ font-size:14px; color:#fff; line-height:24px; } .panel-group.adminpro-custon-design .accordion-head a:hover, .panel-group.adminpro-custon-design .accordion-head a:focus, .panel-group.adminpro-custon-design .accordion-head a:active{ color:#03a9f4; } .panel-group.adminpro-custon-design{ margin-bottom:30px; } .panel-group.adminpro-custon-design.adminpro-ad-mg-bt{ margin-bottom:40px; } .admin-pro-accordion-wrap{ background: #fff; padding: 20px; } .admin-pro-accordion-wrap .panel-group.adminpro-custon-design { margin-bottom:0px; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0px solid #ddd; } .admin-accordion-mg-bt-40{ margin-bottom:40px; } ================================================ FILE: public/admin/css/adminpro-custon-icon.css ================================================ @font-face { font-family: 'adminpro-icon'; src: url('fonts/adminpro-icon.ttf?4gzvyg') format('truetype'), url('fonts/adminpro-icon.woff?4gzvyg') format('woff'), url('fonts/adminpro-icon.svg?4gzvyg#adminpro-icon') format('svg'); font-weight: normal; font-style: normal; } .adminpro-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'adminpro-icon' !important; 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; } .adminpro-add-circular-outlined-button:before { content: "\e900"; } .adminpro-adobe-illustrator-cc:before { content: "\e901"; } .adminpro-airplay:before { content: "\e902"; } .adminpro-ak-47:before { content: "\e903"; } .adminpro-alarm-clock:before { content: "\e904"; } .adminpro-align-justify:before { content: "\e905"; } .adminpro-align-to-left:before { content: "\e906"; } .adminpro-align-to-right:before { content: "\e907"; } .adminpro-analytics:before { content: "\e908"; } .adminpro-analytics-arrow:before { content: "\e909"; } .adminpro-analytics-bridge:before { content: "\e90a"; } .adminpro-analytics-graph:before { content: "\e90b"; } .adminpro-analytics-rounded:before { content: "\e90c"; } .adminpro-analytics-rounded-arrow:before { content: "\e90d"; } .adminpro-anchor:before { content: "\e90e"; } .adminpro-android:before { content: "\e90f"; } .adminpro-ask:before { content: "\e910"; } .adminpro-automatic-gun:before { content: "\e911"; } .adminpro-avatar:before { content: "\e912"; } .adminpro-back:before { content: "\e913"; } .adminpro-back-restart:before { content: "\e914"; } .adminpro-bag:before { content: "\e915"; } .adminpro-bar-chart:before { content: "\e916"; } .adminpro-bar-chart-thr:before { content: "\e917"; } .adminpro-bar-chart-up-arrow:before { content: "\e918"; } .adminpro-bathtub:before { content: "\e919"; } .adminpro-big-square-target:before { content: "\e91a"; } .adminpro-bike:before { content: "\e91b"; } .adminpro-bird:before { content: "\e91c"; } .adminpro-bluetooth:before { content: "\e91d"; } .adminpro-bold-text-option:before { content: "\e91e"; } .adminpro-bra:before { content: "\e91f"; } .adminpro-brace:before { content: "\e920"; } .adminpro-bracelet:before { content: "\e921"; } .adminpro-brassiere:before { content: "\e922"; } .adminpro-brazil-real-symbol:before { content: "\e923"; } .adminpro-calculator:before { content: "\e924"; } .adminpro-calendar:before { content: "\e925"; } .adminpro-calendar-with-spring-binder-and-date-blocks:before { content: "\e926"; } .adminpro-calipers:before { content: "\e927"; } .adminpro-car:before { content: "\e928"; } .adminpro-caret-down:before { content: "\e929"; } .adminpro-caret-left:before { content: "\e92a"; } .adminpro-caret-right:before { content: "\e92b"; } .adminpro-caret-up:before { content: "\e92c"; } .adminpro-cart:before { content: "\e92d"; } .adminpro-center-text-alignment:before { content: "\e92e"; } .adminpro-chat:before { content: "\e92f"; } .adminpro-chat-pro:before { content: "\e930"; } .adminpro-check-correct:before { content: "\e931"; } .adminpro-checked:before { content: "\e932"; } .adminpro-checked-admin:before { content: "\e933"; } .adminpro-checked-pro:before { content: "\e934"; } .adminpro-check-icon:before { content: "\e935"; } .adminpro-check-quality:before { content: "\e936"; } .adminpro-check-square:before { content: "\e937"; } .adminpro-check-success:before { content: "\e938"; } .adminpro-circular-saw:before { content: "\e939"; } .adminpro-clamp:before { content: "\e93a"; } .adminpro-cloud-computing-danger:before { content: "\e93b"; } .adminpro-cloud-computing-down:before { content: "\e93c"; } .adminpro-cloud-computing-reload:before { content: "\e93d"; } .adminpro-cloud-computing-up:before { content: "\e93e"; } .adminpro-code:before { content: "\e93f"; } .adminpro-coin:before { content: "\e940"; } .adminpro-commenting:before { content: "\e941"; } .adminpro-compress:before { content: "\e942"; } .adminpro-computer-tower:before { content: "\e943"; } .adminpro-construction-excavator:before { content: "\e944"; } .adminpro-controls:before { content: "\e945"; } .adminpro-costa-rica-colon-currency-symbol:before { content: "\e946"; } .adminpro-crop-tool:before { content: "\e947"; } .adminpro-cross-out:before { content: "\e948"; } .adminpro-cuba-peso-currency-symbol:before { content: "\e949"; } .adminpro-dahlia:before { content: "\e94a"; } .adminpro-daisy:before { content: "\e94b"; } .adminpro-danger-error:before { content: "\e94c"; } .adminpro-desktop-monitor:before { content: "\e94d"; } .adminpro-dog:before { content: "\e94e"; } .adminpro-dollar-symbol:before { content: "\e94f"; } .adminpro-double-arrow-diagonal-in-a-circle:before { content: "\e950"; } .adminpro-down-arrow:before { content: "\e951"; } .adminpro-down-arrow-in-a-circle:before { content: "\e952"; } .adminpro-download:before { content: "\e953"; } .adminpro-download-arrow:before { content: "\e954"; } .adminpro-dress:before { content: "\e955"; } .adminpro-drill:before { content: "\e956"; } .adminpro-earrings:before { content: "\e957"; } .adminpro-edit:before { content: "\e958"; } .adminpro-edit-line:before { content: "\e959"; } .adminpro-electric-guitar:before { content: "\e95a"; } .adminpro-email:before { content: "\e95b"; } .adminpro-envelope:before { content: "\e95c"; } .adminpro-euro-currency-symbol:before { content: "\e95d"; } .adminpro-euro-symbol:before { content: "\e95e"; } .adminpro-excellence:before { content: "\e95f"; } .adminpro-expand:before { content: "\e960"; } .adminpro-facebook:before { content: "\e961"; } .adminpro-favourite-circular-button:before { content: "\e962"; } .adminpro-fax:before { content: "\e963"; } .adminpro-female .path1:before { content: "\e964"; color: rgb(48, 60, 66); } .adminpro-female .path2:before { content: "\e965"; margin-left: -1em; color: rgb(0, 0, 0); } .adminpro-firefox:before { content: "\e966"; } .adminpro-flash-symbol:before { content: "\e967"; } .adminpro-font-symbol-of-letter-a:before { content: "\e968"; } .adminpro-fretsaw:before { content: "\e969"; } .adminpro-garbage:before { content: "\e96a"; } .adminpro-golf:before { content: "\e96b"; } .adminpro-google-map:before { content: "\e96c"; } .adminpro-google-plus:before { content: "\e96d"; } .adminpro-graduation:before { content: "\e96e"; } .adminpro-graduation-school-hat:before { content: "\e96f"; } .adminpro-graph-down:before { content: "\e970"; } .adminpro-graph-round:before { content: "\e971"; } .adminpro-graph-up-arrow:before { content: "\e972"; } .adminpro-hamburger:before { content: "\e973"; } .adminpro-happy:before { content: "\e974"; } .adminpro-headphones:before { content: "\e975"; } .adminpro-heart-love:before { content: "\e976"; } .adminpro-heart-rounded:before { content: "\e977"; } .adminpro-hide:before { content: "\e978"; } .adminpro-high-heels:before { content: "\e979"; } .adminpro-home:before { content: "\e97a"; } .adminpro-home-admin:before { content: "\e97b"; } .adminpro-honduras-lempira-currency-symbol:before { content: "\e97c"; } .adminpro-hypericum:before { content: "\e97d"; } .adminpro-inbox:before { content: "\e97e"; } .adminpro-india-rupee-currency-symbol:before { content: "\e97f"; } .adminpro-indonesia-rupiah-currency-symbol:before { content: "\e980"; } .adminpro-info:before { content: "\e981"; } .adminpro-infor:before { content: "\e982"; } .adminpro-inform:before { content: "\e983"; } .adminpro-informat:before { content: "\e984"; } .adminpro-informati:before { content: "\e985"; } .adminpro-informatio:before { content: "\e986"; } .adminpro-informations-admin:before { content: "\e987"; } .adminpro-instagram:before { content: "\e988"; } .adminpro-israel-shekel-currency-symbol:before { content: "\e989"; } .adminpro-italicize-text:before { content: "\e98a"; } .adminpro-jasmine:before { content: "\e98b"; } .adminpro-jeans:before { content: "\e98c"; } .adminpro-jonquil:before { content: "\e98d"; } .adminpro-ladder:before { content: "\e98e"; } .adminpro-left-arrow:before { content: "\e98f"; } .adminpro-lens-hood:before { content: "\e990"; } .adminpro-like:before { content: "\e991"; } .adminpro-line-chart:before { content: "\e992"; } .adminpro-line-chart-round-up:before { content: "\e993"; } .adminpro-line-chart-stamp:before { content: "\e994"; } .adminpro-linkedin:before { content: "\e995"; } .adminpro-little-table-grid:before { content: "\e996"; } .adminpro-locked:before { content: "\e997"; } .adminpro-mail:before { content: "\e998"; } .adminpro-male .path1:before { content: "\e999"; color: rgb(48, 60, 66); } .adminpro-male .path2:before { content: "\e99a"; margin-left: -1em; color: rgb(0, 0, 0); } .adminpro-male-female:before { content: "\e99b"; } .adminpro-map:before { content: "\e99c"; } .adminpro-menu:before { content: "\e99d"; } .adminpro-message:before { content: "\e99e"; } .adminpro-metacafe:before { content: "\e99f"; } .adminpro-microphone:before { content: "\e9a0"; } .adminpro-minus-sign-in-a-circle:before { content: "\e9a1"; } .adminpro-mode-circular-button:before { content: "\e9a2"; } .adminpro-money:before { content: "\e9a3"; } .adminpro-money-bills:before { content: "\e9a4"; } .adminpro-mongolia-tughrik-currency-symbol:before { content: "\e9a5"; } .adminpro-mortarboard:before { content: "\e9a6"; } .adminpro-nail:before { content: "\e9a7"; } .adminpro-nail-puller:before { content: "\e9a8"; } .adminpro-nigeria-naira-currency-symbol:before { content: "\e9a9"; } .adminpro-north-korea-won:before { content: "\e9aa"; } .adminpro-oleander:before { content: "\e9ab"; } .adminpro-open-book:before { content: "\e9ac"; } .adminpro-opened-email-envelope:before { content: "\e9ad"; } .adminpro-open-magazine:before { content: "\e9ae"; } .adminpro-paint-brush:before { content: "\e9af"; } .adminpro-paint-roller:before { content: "\e9b0"; } .adminpro-pamela:before { content: "\e9b1"; } .adminpro-panties:before { content: "\e9b2"; } .adminpro-paperclip-document-outline:before { content: "\e9b3"; } .adminpro-paragraph-text-interface-sign:before { content: "\e9b4"; } .adminpro-paypal:before { content: "\e9b5"; } .adminpro-pear:before { content: "\e9b6"; } .adminpro-pencil:before { content: "\e9b7"; } .adminpro-peru-nuevo-sol-currency-symbol:before { content: "\e9b8"; } .adminpro-philippines-peso-currency-symbol:before { content: "\e9b9"; } .adminpro-phone-call:before { content: "\e9ba"; } .adminpro-photo-camera:before { content: "\e9bb"; } .adminpro-pie-chart:before { content: "\e9bc"; } .adminpro-pinterest:before { content: "\e9bd"; } .adminpro-placeholder:before { content: "\e9be"; } .adminpro-play-button:before { content: "\e9bf"; } .adminpro-play-rounded:before { content: "\e9c0"; } .adminpro-pliers:before { content: "\e9c1"; } .adminpro-plus-add-button:before { content: "\e9c2"; } .adminpro-plus-add-button-in:before { content: "\e9c3"; } .adminpro-plus-symbol:before { content: "\e9c4"; } .adminpro-poland-zloty-currency-symbol:before { content: "\e9c5"; } .adminpro-poppy:before { content: "\e9c6"; } .adminpro-pound-symbol-variant:before { content: "\e9c7"; } .adminpro-previous:before { content: "\e9c8"; } .adminpro-printer:before { content: "\e9c9"; } .adminpro-question:before { content: "\e9ca"; } .adminpro-refresh-button:before { content: "\e9cb"; } .adminpro-reload:before { content: "\e9cc"; } .adminpro-right-arrow:before { content: "\e9cd"; } .adminpro-right-arrow-angle:before { content: "\e9ce"; } .adminpro-rocket-launch:before { content: "\e9cf"; } .adminpro-rose:before { content: "\e9d0"; } .adminpro-roulette:before { content: "\e9d1"; } .adminpro-rounded-info-button:before { content: "\e9d2"; } .adminpro-round-help-button:before { content: "\e9d3"; } .adminpro-round-info-button:before { content: "\e9d4"; } .adminpro-rss:before { content: "\e9d5"; } .adminpro-ruler:before { content: "\e9d6"; } .adminpro-rupee-indian:before { content: "\e9d7"; } .adminpro-russia-ruble-currency-symbol:before { content: "\e9d8"; } .adminpro-saudi-arabia-riyal-currency-symbol:before { content: "\e9d9"; } .adminpro-saw:before { content: "\e9da"; } .adminpro-screen:before { content: "\e9db"; } .adminpro-screwdriver:before { content: "\e9dc"; } .adminpro-search:before { content: "\e9dd"; } .adminpro-search-circular-button:before { content: "\e9de"; } .adminpro-set-square:before { content: "\e9df"; } .adminpro-settings:before { content: "\e9e0"; } .adminpro-settings-rounded:before { content: "\e9e1"; } .adminpro-settings-up:before { content: "\e9e2"; } .adminpro-share:before { content: "\e9e3"; } .adminpro-shield:before { content: "\e9e4"; } .adminpro-shirt:before { content: "\e9e5"; } .adminpro-shoe:before { content: "\e9e6"; } .adminpro-shoe-pro:before { content: "\e9e7"; } .adminpro-shopping-cart:before { content: "\e9e8"; } .adminpro-shower:before { content: "\e9e9"; } .adminpro-sitemap:before { content: "\e9ea"; } .adminpro-skyline:before { content: "\e9eb"; } .adminpro-skype:before { content: "\e9ec"; } .adminpro-small-calendar:before { content: "\e9ed"; } .adminpro-smartphone-call:before { content: "\e9ee"; } .adminpro-smiling-emoticon-square-face:before { content: "\e9ef"; } .adminpro-soundcloud:before { content: "\e9f0"; } .adminpro-sound-frecuency:before { content: "\e9f1"; } .adminpro-south-korea-won-currency-symbol:before { content: "\e9f2"; } .adminpro-speaker:before { content: "\e9f3"; } .adminpro-speaker-rounded:before { content: "\e9f4"; } .adminpro-star:before { content: "\e9f5"; } .adminpro-star-half-empty:before { content: "\e9f6"; } .adminpro-startup:before { content: "\e9f7"; } .adminpro-statistics:before { content: "\e9f8"; } .adminpro-stats:before { content: "\e9f9"; } .adminpro-statue-of-liberty:before { content: "\e9fa"; } .adminpro-strong:before { content: "\e9fb"; } .adminpro-substract:before { content: "\e9fc"; } .adminpro-sunflower:before { content: "\e9fd"; } .adminpro-sunglasses:before { content: "\e9fe"; } .adminpro-switch:before { content: "\e9ff"; } .adminpro-switch-rounded:before { content: "\ea00"; } .adminpro-tags:before { content: "\ea01"; } .adminpro-taiwan-new-dollar-symbol:before { content: "\ea02"; } .adminpro-telly:before { content: "\ea03"; } .adminpro-text-width:before { content: "\ea04"; } .adminpro-thailand-baht:before { content: "\ea05"; } .adminpro-ticket:before { content: "\ea06"; } .adminpro-trash:before { content: "\ea07"; } .adminpro-tumblr:before { content: "\ea08"; } .adminpro-turkey-lira-currency-symbol:before { content: "\ea09"; } .adminpro-twitter:before { content: "\ea0a"; } .adminpro-ukraine-hryvna:before { content: "\ea0b"; } .adminpro-underline-text-option:before { content: "\ea0c"; } .adminpro-university:before { content: "\ea0d"; } .adminpro-up-arrow:before { content: "\ea0e"; } .adminpro-uruguay-peso-currency-symbol:before { content: "\ea0f"; } .adminpro-user-rounded:before { content: "\ea10"; } .adminpro-users:before { content: "\ea11"; } .adminpro-video:before { content: "\ea12"; } .adminpro-video-camera:before { content: "\ea13"; } .adminpro-view:before { content: "\ea14"; } .adminpro-vimeo:before { content: "\ea15"; } .adminpro-voice-recording:before { content: "\ea16"; } .adminpro-warning:before { content: "\ea17"; } .adminpro-warning-cloud-computing:before { content: "\ea18"; } .adminpro-warning-danger:before { content: "\ea19"; } .adminpro-warning-danger-pro:before { content: "\ea1a"; } .adminpro-windows:before { content: "\ea1b"; } .adminpro-worldwide:before { content: "\ea1c"; } .adminpro-world-wide-web:before { content: "\ea1d"; } .adminpro-wrench:before { content: "\ea1e"; } .adminpro-x2-symbol-of-a-letter-and-a-number-subscript:before { content: "\ea1f"; } .adminpro-xbox:before { content: "\ea20"; } .adminpro-xing:before { content: "\ea21"; } .adminpro-yahoo:before { content: "\ea22"; } .adminpro-yen-currency-symbol:before { content: "\ea23"; } .adminpro-yen-symbol:before { content: "\ea24"; } .adminpro-zoom-magnifier-with-minus-sign:before { content: "\ea25"; } ================================================ FILE: public/admin/css/alerts.css ================================================ /*----------------------------------------*/ /* 1. Alert CSS /*----------------------------------------*/ .alert-title h2{ font-size:20px; } .alert-title p{ font-size:14px; } .alert-wrap1, .alert-wrap2, .alert-icon { background:#fff; padding:20px; } .alert-wrap1 .alert, .alert-wrap2 .alert, .alert-icon .alert{ margin-bottom:10px; border-radius:0px; } .alert-wrap1 .alert-mg-b, .alert-wrap2 .alert-mg-b, .alert-icon .alert-mg-b{ margin-bottom:0px; } .alert-icon .alert.alert-mg-b{ margin-bottom:0px; } .wrap-alert-b{ margin-bottom:30px; } .alert-success-style1, .alert-success-style2, .alert-success-style3, .alert-success-style4, .alert-st-one, .alert-st-two, .alert-st-three, .alert-st-four{ border:none; position:relative; } .alert-success-style1, .alert-st-one{ background:#34a854; } .alert-success-style2, .alert-st-two{ background:#4285f3; } .alert-success-style3, .alert-st-three{ background:#fbbc01; } .alert-success-style4, .alert-st-four{ background:#ea4331; } .alert-success-style1:before, .alert-success-style2:before, .alert-success-style3:before, .alert-success-style4:before{ background: #303030; position: absolute; content: ""; top: 0px; right: 0px; width: 9%; height: 100%; } .alert-success-style1:after, .alert-success-style2:after, .alert-success-style3:after, .alert-success-style4:after{ position: absolute; content: ""; top: 14px; right: 39px; border-left-color: #34a853; border-top: 11px solid transparent; border-bottom: 11px solid transparent; } .alert-success-style1:after{ border-left: 11px solid #34a853; } .alert-success-style2:after{ border-left: 11px solid #4285f3; } .alert-success-style3:after{ border-left: 11px solid #fbbc01; } .alert-success-style4:after{ border-left: 11px solid #ea4331; } .admin-check-sucess, .admin-check-pro{ color: #fff; position: absolute; z-index: 99; width: 50px; height: 100%; top: 0px; left: 0px; font-size: 16px; line-height: 50px; text-align: center; background: #303030; } .admin-check-sucess:after, .admin-check-pro:after{ position: absolute; content: ""; top: 14px; left: 47px; border-left-color: #303030; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #303030; } .alert-success-style1 p, .alert-success-style2 p, .alert-success-style3 p, .alert-success-style4 p{ color:#fff; margin:0px 60px; font-size:14px; } .alert-st-one .message-mg-rt, .alert-st-two .message-mg-rt, .alert-st-three .message-mg-rt, .alert-st-four .message-mg-rt{ color:#fff; margin:0px 0px 0px 60px; font-size:14px; } .alert-success-style1 .icon-sc-cl, .alert-success-style2 .icon-sc-cl, .alert-success-style3 .icon-sc-cl, .alert-success-style4 .icon-sc-cl{ color:#fff; z-index:9; position:relative; } .alert-success-style1 .sucess-op, .alert-success-style2 .sucess-op, .alert-success-style3 .sucess-op, .alert-success-style4 .sucess-op{ opacity:1; } .admin-check-pro.admin-check-pro-none, .admin-check-sucess.admin-check-pro-none{ background:none; } .admin-check-pro.admin-check-pro-none:after, .admin-check-sucess.admin-check-pro-none:after{ border-left-color: none; border-top: none; border-bottom: none; border-left: none; } .alert-st-one .message-alert-none, .alert-st-two .message-alert-none, .alert-st-three .message-alert-none, .alert-st-four .message-alert-none, .alert-success-style1 .message-alert-none, .alert-success-style2 .message-alert-none, .alert-success-style3 .message-alert-none, .alert-success-style4 .message-alert-none{ margin: 0px 0px 0px 45px; } .alert-success-style1.alert-success-stylenone:before, .alert-success-style2.alert-success-stylenone:before, .alert-success-style3.alert-success-stylenone:before, .alert-success-style4.alert-success-stylenone:before{ background:none; } .admin-check-pro-clr{ background:#34a854; } .admin-check-pro-clr1{ background:#4285f3; } .admin-check-pro-clr2{ background:#fbbc01; } .admin-check-pro-clr3{ background:#ea4331; } .alert-st-bg, .alert-st-bg1, .alert-st-bg2, .alert-st-bg3{ background:#fff; } .alert-st-bg{ border:1px solid #34a854; } .alert-st-bg1{ border:1px solid #4285f3; } .alert-st-bg2{ border:1px solid #fbbc01; } .alert-st-bg3{ border:1px solid #ea4331; } .alert-st-bg .message-mg-rt, .alert-st-bg1 .message-mg-rt, .alert-st-bg2 .message-mg-rt, .alert-st-bg3 .message-mg-rt{ color:#303030; } .admin-check-pro-clr:after{ border-left-color: #34a854; border-left: 11px solid #34a854 } .admin-check-pro-clr1:after{ border-left-color: #4285f3; border-left: 11px solid #4285f3 } .admin-check-pro-clr2:after{ border-left-color: #fbbc01; border-left: 11px solid #fbbc01 } .admin-check-pro-clr3:after{ border-left-color: #ea4331; border-left: 11px solid #ea4331 } .alert-st-bg p, .alert-st-bg1 p, .alert-st-bg2 p, .alert-st-bg3 p{ color:#303030; } .alert-st-bg:before, .alert-st-bg1:before, .alert-st-bg2:before, .alert-st-bg3:before{ background:none; } .alert-st-bg .icon-sc-cl, .alert-st-bg1 .icon-sc-cl, .alert-st-bg2 .icon-sc-cl, .alert-st-bg3 .icon-sc-cl{ color:#303030; } .alert-st-bg:after, .alert-st-bg1:after, .alert-st-bg2:after, .alert-st-bg3:after { border-left: 11px solid transparent; } .admin-check-pro-clr11, .admin-check-pro-clr12, .admin-check-pro-clr13, .admin-check-pro-clr14{ background:#eee; } .admin-check-pro-clr11{ color:#34a854; } .admin-check-pro-clr12{ color:#4285f3; } .admin-check-pro-clr13{ color:#fbbc01; } .admin-check-pro-clr14{ color:#ea4331; } .admin-check-pro-clr11:after, .admin-check-pro-clr12:after, .admin-check-pro-clr13:after, .admin-check-pro-clr14:after { border-left-color: #eee; border-left: 11px solid #eee; } .alert-st-bg11, .alert-st-bg12, .alert-st-bg13, .alert-st-bg14 { border: 1px solid #eee; } .alert-st-bg11 .icon-sc-cl{ color:#34a854; } .alert-st-bg12 .icon-sc-cl{ color:#4285f3; } .alert-st-bg13 .icon-sc-cl{ color:#fbbc01; } .alert-st-bg14 .icon-sc-cl{ color:#ea4331; } .wrap-alert-tb{ margin-bottom:40px; } ================================================ FILE: public/admin/css/animate.css ================================================ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Version - 3.4.0 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } ================================================ FILE: public/admin/css/bootstrap-editable.css ================================================ /*! X-editable - v1.5.1 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ .editableform { margin-bottom: 0; /* overwrites bootstrap margin */ } .editableform .control-group { margin-bottom: 0; /* overwrites bootstrap margin */ white-space: nowrap; /* prevent wrapping buttons on new line */ line-height: 20px; /* overwriting bootstrap line-height. See #133 */ } /* BS3 width:1005 for inputs breaks editable form in popup See: https://github.com/vitalets/x-editable/issues/393 */ .editableform .form-control { width: auto; } .editable-buttons { display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ vertical-align: top; margin-left: 7px; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-input { vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons .editable-cancel { margin-left: 7px; } /*for jquery-ui buttons need set height to look more pretty*/ .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editableform-loading { background: url('../img/loading.gif') center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } .editable-error-block { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } /*add padding for jquery ui*/ .editable-error-block.ui-state-error { padding: 3px; } .editable-error { color: red; } /* ---- For specific types ---- */ .editableform .editable-date { padding: 0; margin: 0; float: left; } /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } /* checklist vertical alignment */ .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } .editable-checklist label { white-space: nowrap; } /* set exact width of textarea to fit buttons toolbar */ .editable-wysihtml5 { width: 566px; height: 250px; } /* clear button shown as link in date inputs */ .editable-clear { clear: both; font-size: 0.9em; text-decoration: none; text-align: right; } /* IOS-style clear button for text inputs */ .editable-clear-x { background: url('../img/clear.png') center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; top: 50%; right: 6px; margin-top: -6px; } .editable-clear-x:hover { opacity: 1; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup { max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ } .editable-container.popover { width: auto; /* without this rule popover does not stretch */ } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-container.ui-widget { font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ } .editable-click, a.editable-click, a.editable-click:hover { text-decoration: none; border-bottom: dashed 1px #0088cc; } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus{ font-style: italic; color: #DD1144; /* border-bottom: none; */ text-decoration: none; } .editable-unsaved { font-weight: bold; } .editable-unsaved:after { /* content: '*'*/ } .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; -moz-transition: background-color 1400ms ease-out; -o-transition: background-color 1400ms ease-out; -ms-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } /*see https://github.com/vitalets/x-editable/issues/139 */ .form-horizontal .editable { padding-top: 5px; display:inline-block; } /*! * 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-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .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; } .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 { 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, #b3b3b3, #808080); background-image: -ms-linear-gradient(top, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); background-image: -o-linear-gradient(top, #b3b3b3, #808080); background-image: linear-gradient(top, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #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; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .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 { display: block; 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: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; 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; } ================================================ FILE: public/admin/css/buttons.css ================================================ /*----------------------------------------*/ /* 1. Button CSS /*----------------------------------------*/ .btn-mg-b-10{ margin-bottom:10px; } .btn-custon-two, .btn-custon-three{ border-radius:2px; } .btn-custon-four{ border-radius:0px; } .btn-custon-three.btn-default{ border-bottom:2px solid #ccc; } .btn-custon-three.btn-primary{ border-bottom:2px solid #23547d; } .btn-custon-three.btn-success{ border-bottom:2px solid #38883b; } .btn-custon-three.btn-info{ border-bottom:2px solid #387c90; } .btn-custon-three.btn-warning{ border-bottom:2px solid #a57736; } .btn-custon-three.btn-danger{ border-bottom:2px solid #8a2f2d; } .btn-custon-rounded-four{ border-radius:5px; } .btn-custon-rounded-two{ border-radius:10px; } .btn-custon-rounded-three{ border-radius:20px; } .btn-custom-groups .btn{ border-radius:0px; } .btn-custom-groups-one .btn-primary{ background-color: #fff; color:#303030; border-color: #ccc; } .btn-custom-groups-one .btn-primary:hover, .btn-custom-groups-one .btn-primary:active, .btn-custom-groups-one .btn-primary:focus{ background-color: #ddd; outline:none; } .button-down-drop{ font-size:14px; } .btn-dropdown-menu li a{ font-size:14px; padding: 6px 20px; } .btn-dropdown-menu li .btn-setting-icon{ width:100%; padding: 10px 16px; } .btn-dropdown-menu li .btn-setting-icon .btn-icon-st{ display:inline-block; margin:0px 5px; } .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a{ padding: 5px 10px; display: inline-block; font-size: 18px; background: #204d74; color:#fff; } .btn-default-bg .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a{ background: #ddd; color:#303030; } .btn-default-bg .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a:hover{ background: #303030; color:#fff; } .btn-success-bg .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a{ background: #449d44; color:#fff; } .btn-success-bg .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a:hover{ background: #303030; color:#fff; } .btn-warning-bg .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a{ background: #f0ad4e; color:#fff; } .btn-warning-bg .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a:hover{ background: #303030; color:#fff; } .btn-danger-bg .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a{ background: #d9534f; color:#fff; } .btn-danger-bg .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a:hover{ background: #303030; color:#fff; } .btn-dropdown-menu li .btn-setting-icon .btn-icon-st a:hover{ background: #303030; } .btn-default-bg .btn-dropdown-menu li a:hover{ background: #ddd; color:#303030; } .btn-success-bg .btn-dropdown-menu li a:hover{ background: #449d44; color:#fff; } .btn-warning-bg .btn-dropdown-menu li a:hover{ background: #f0ad4e; color:#fff; } .btn-danger-bg .btn-dropdown-menu li a:hover{ background: #d9534f; color:#fff; } .btn-dropdown-menu li a:hover{ background-color: #204d74; color:#fff; } .dropdown-menu.another-drop-pro-one{ top:72%; left:21%; } .another-drop-pro-seven{ top:72%; left:24%; } .dropdown-menu.another-drop-pro-three{ top:72%; left:37%; } .dropdown-menu.another-drop-pro-eight{ top:72%; left:43%; } .dropdown-menu.another-drop-pro-four{ top:72%; left:53%; } .dropdown-menu.another-drop-pro-nine{ top:72%; left:62%; } .dropdown-menu.another-drop-pro-five{ top:72%; left:70%; } .dropdown-menu.another-drop-pro-two, .another-drop-pro-six{ top:72%; left:6%; } .button-drop-style-one, .button-drop-style-two{ display:inline-block; } .button-drop-style-one .btn-button-ct{ padding: 6px 6px; margin-top: 0px; background: #fff; border-right:1px solid #ccc; border-left:0px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align: middle; } .button-drop-style-one .btn-button-ct.btn-button-primary-ct{ background: #337ab7; border-right:1px solid #337ab7; border-left:0px solid #337ab7; border-top:1px solid #337ab7; border-bottom:1px solid #337ab7; color: #fff; vertical-align: middle; } .button-drop-style-one .btn-button-ct.btn-button-success-ct{ background: #398439; border-right:1px solid #398439; border-left:0px solid #398439; border-top:1px solid #398439; border-bottom:1px solid #398439; color: #fff; vertical-align: middle; } .button-drop-style-one .btn-button-ct.btn-button-warning-ct{ background: #f0ad4e; border-right:1px solid #f0ad4e; border-left:0px solid #f0ad4e; border-top:1px solid #f0ad4e; border-bottom:1px solid #f0ad4e; color: #fff; vertical-align: middle; } .button-drop-style-one .btn-button-ct.btn-button-danger-ct{ background: #d9534f; border-right:1px solid #d9534f; border-left:0px solid #d9534f; border-top:1px solid #d9534f; border-bottom:1px solid #d9534f; color: #fff; vertical-align: middle; } .dropdown-menu.another-drop-pro-ten{ top:72%; left:23%; } .dropdown-menu.another-drop-pro-eleven{ top:72%; left:41%; } .dropdown-menu.another-drop-pro-twevel{ top:72%; left:58%; } .primary-btn-cl, .warning-btn-cl, .danger-btn-cl{ background: #fff; color: #303030; transition: all .4s ease 0s; } .social-btn-icon-cl .adminpro-icon, .social-btn-icon-cl i{ color:#303030; } .social-btn-icon-cl .adminpro-icon, .social-btn-icon-cl i{ color:#03a9f4; } .social-btn-icon-cl-df .adminpro-facebook{ color:#5d82d1; } .social-btn-icon-cl-df .adminpro-twitter{ color:#50bff5; } .social-btn-icon-cl-df .adminpro-google-plus{ color:#eb5e4c; } .social-btn-icon-cl-df .fa-dribbble{ color:#f86fa2; } .social-btn-icon-cl-df .adminpro-pinterest{ color:#e13138; } .social-btn-icon-cl-df .adminpro-linkedin{ color:#827be9; } .social-btn-icon-cl-df .fa-youtube{ color:#ef4e41; } .social-btn-icon-cl-df .fa-skype{ color:#0065aa; } .social-btn-icon-cl-df .fa-dribbble{ color:#ea4c89; } .social-btn-icon-cl-df .fa-edge{ color:#303030; } .social-btn-icon-cl-df .fa-digg{ color:#000; } .social-btn-icon-cl-df .fa-dropbox{ color:#007ee5; } .btn-default.btn-bg-cl-social .adminpro-icon, .btn-default.btn-bg-cl-social i{ color:#fff; } .btn-default.btn-bg-cl-social, .btn-default.btn-bg-cl-social{ background:#303030; } .btn-default.btn-bg-cl-social:hover{ background:#03a9f4; border-color: #03a9f4; } .btn-default.btn-bg-cl-social-tw .adminpro-icon, .btn-default.btn-bg-cl-social-tw i{ color:#fff; } .btn-default.btn-bg-cl-facebook-tw{ background:#5d82d1; border-color: #5d82d1; } .btn-default.btn-bg-cl-twitter-tw{ background:#50bff5; border-color: #50bff5; } .btn-default.btn-bg-cl-google-tw{ background:#eb5e4c; border-color: #eb5e4c; } .btn-default.btn-bg-cl-pinterest-tw{ background:#e13138; border-color: #e13138; } .btn-default.btn-bg-cl-linkedin-tw{ background:#827be9; border-color: #827be9; } .btn-default.btn-bg-cl-youtube-tw{ background:#ef4e41; border-color: #ef4e41; } .btn-default.btn-bg-cl-dropbox-tw{ background:#007ee5; border-color: #007ee5; } .btn-default.btn-bg-cl-digg-tw{ background:#000; border-color: #000; } .btn-default.btn-bg-cl-dribbble-tw{ background:#ea4c89; border-color: #ea4c89; } .btn-default.btn-bg-cl-edge-tw{ background:#303030; border-color: #303030; } .btn-default.btn-bg-cl-skype-tw{ background:#0065aa; border-color: #0065aa; } .btn-default.btn-bg-cl-facebook-tw .adminpro-icon, .btn-default.btn-bg-cl-twitter-tw .adminpro-icon, .btn-default.btn-bg-cl-google-tw .adminpro-icon, .btn-default.btn-bg-cl-pinterest-tw .adminpro-icon, .btn-default.btn-bg-cl-linkedin-tw .adminpro-icon, .btn-default.btn-bg-cl-youtube-tw i, .btn-default.btn-bg-cl-dropbox-tw i, .btn-default.btn-bg-cl-digg-tw i, .btn-default.btn-bg-cl-dribbble-tw i, .btn-default.btn-bg-cl-edge-tw i, .btn-default.btn-bg-cl-skype-tw i{ color:#fff; } ================================================ FILE: public/admin/css/charts.css ================================================ .charts-single-pro{ background:#fff; padding:20px; } .chart-bar-button{ margin-top:20px; } .chart-bar-button .randomizeDatacus { background: #303030; color: #fff; border: none; padding: 5px 9px; transition:all .4s ease 0s; } .chart-bar-button .randomizeDatacus:hover { background: #03a9f4; transition:all .4s ease 0s; } ================================================ FILE: public/admin/css/chosen/bootstrap-chosen.css ================================================ .chosen-select { width: 100%; } .chosen-select-deselect { width: 100%; } .chosen-container { display: inline-block; font-size: 14px; position: relative; vertical-align: middle; } .chosen-container .chosen-drop { background: #fff; border: 1px solid #03a9f4; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-top: -1px; position: absolute; top: 100%; left: -9000px; z-index: 1060; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; right: 0; } .chosen-container .chosen-results { color: #555555; margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; line-height: 1.42857; list-style: none; margin: 0; padding: 5px 6px; } .chosen-container .chosen-results li em { background: #feffde; font-style: normal; } .chosen-container .chosen-results li.group-result { display: list-item; cursor: default; color: #999; font-weight: bold; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li.active-result { cursor: pointer; display: list-item; } .chosen-container .chosen-results li.highlighted { background-color: #03a9f4; background-image: none; color: white; } .chosen-container .chosen-results li.highlighted em { background: transparent; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #777777; } .chosen-container .chosen-results .no-results { background: #eeeeee; display: list-item; } .chosen-container .chosen-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; z-index: 1; } .chosen-container .chosen-results-scroll span { display: inline-block; height: 1.42857; text-indent: -5000px; width: 9px; } .chosen-container .chosen-results-scroll-down { bottom: 0; } .chosen-container .chosen-results-scroll-down span { background: url("chosen-sprite.png") no-repeat -4px -3px; } .chosen-container .chosen-results-scroll-up span { background: url("chosen-sprite.png") no-repeat -22px -3px; } .chosen-container-single .chosen-single { background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #e5e6e7; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; color: #555555; display: block; height: 34px; overflow: hidden; line-height: 32px; padding: 0 0 0 8px; position: relative; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-single span { display: block; margin-right: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single abbr { background: url("chosen-sprite.png") right top no-repeat; display: block; font-size: 1px; height: 10px; position: absolute; right: 26px; top: 12px; width: 12px; } .chosen-container-single .chosen-single abbr:hover { background-position: right -11px; } .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover { background-position: right 2px; } .chosen-container-single .chosen-single div { display: block; height: 100%; position: absolute; top: 0; right: 0; width: 18px; } .chosen-container-single .chosen-single div b { background: url("chosen-sprite.png") no-repeat 0 7px; display: block; height: 100%; width: 100%; } .chosen-container-single .chosen-default { color: #777777; } .chosen-container-single .chosen-search { margin: 0; padding: 3px 4px; position: relative; white-space: nowrap; z-index: 1000; } .chosen-container-single .chosen-search input[type="text"] { background: url("chosen-sprite.png") no-repeat 100% -18px, #fff; border: 1px solid #e5e6e7; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin: 1px 0; padding: 4px 20px 4px 4px; width: 100%; } .chosen-container-single .chosen-drop { margin-top: -1px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .chosen-container-single-nosearch .chosen-search input[type="text"] { position: absolute; left: -9000px; } .chosen-container-multi .chosen-choices { background-color: #fff; border: 1px solid #03a9f4; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; cursor: text; height: auto !important; height: 1%; margin: 0; overflow: hidden; padding: 0; position: relative; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices .search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices .search-field input[type="text"] { background: transparent !important; border: 0 !important; -webkit-box-shadow: none; box-shadow: none; color: #555555; height: 32px; margin: 0; padding: 4px; outline: 0; } .chosen-container-multi .chosen-choices .search-field .default { color: #999; } .chosen-container-multi .chosen-choices .search-choice { -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #eeeeee; border: 1px solid #e5e6e7; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #333333; cursor: default; line-height: 13px; margin: 6px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative; } .chosen-container-multi .chosen-choices .search-choice .search-choice-close { background: url("chosen-sprite.png") right top no-repeat; display: block; font-size: 1px; height: 10px; position: absolute; right: 4px; top: 5px; width: 12px; cursor: pointer; } .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover { background-position: right -11px; } .chosen-container-multi .chosen-choices .search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close { background-position: right -11px; } .chosen-container-multi .chosen-results { margin: 0 0 0 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: none; } .chosen-container-active .chosen-single { border: 1px solid #e5e6e7; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .chosen-container-active.chosen-with-drop .chosen-single { background-color: #fff; border: 1px solid #03a9f4 ; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .chosen-container-active.chosen-with-drop .chosen-single div { background: transparent; border-left: none; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px; } .chosen-container-active .chosen-choices { border: 1px solid #03a9f4 ; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .chosen-container-active .chosen-choices .search-field input[type="text"] { color: #111 !important; } .chosen-container-active.chosen-with-drop .chosen-choices { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .chosen-disabled { cursor: default; opacity: 0.5 !important; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { padding: 0 8px 0 0; overflow: visible; } .chosen-rtl .chosen-single span { margin-left: 26px; margin-right: 0; direction: rtl; } .chosen-rtl .chosen-single div { left: 7px; right: auto; } .chosen-rtl .chosen-single abbr { left: 26px; right: auto; } .chosen-rtl .chosen-choices .search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices .search-choice { margin: 6px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices .search-choice .search-choice-close { background-position: right top; left: 4px; right: auto; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results .group-option { padding-left: 0; padding-right: 15px; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { background: url("chosen-sprite.png") no-repeat -28px -20px, #fff; direction: rtl; padding: 4px 5px 4px 20px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /*# sourceMappingURL=bootstrap-chosen.css.map */ ================================================ FILE: public/admin/css/chosen/chosen.jquery.js ================================================ ================================================ FILE: public/admin/css/code-editor/ambiance.css ================================================ /* ambiance theme for codemirror */ /* Color scheme */ .cm-s-ambiance .cm-keyword { color: #cda869; } .cm-s-ambiance .cm-atom { color: #CF7EA9; } .cm-s-ambiance .cm-number { color: #78CF8A; } .cm-s-ambiance .cm-def { color: #aac6e3; } .cm-s-ambiance .cm-variable { color: #ffb795; } .cm-s-ambiance .cm-variable-2 { color: #eed1b3; } .cm-s-ambiance .cm-variable-3 { color: #faded3; } .cm-s-ambiance .cm-property { color: #eed1b3; } .cm-s-ambiance .cm-operator {color: #fa8d6a;} .cm-s-ambiance .cm-comment { color: #555; font-style:italic; } .cm-s-ambiance .cm-string { color: #8f9d6a; } .cm-s-ambiance .cm-string-2 { color: #9d937c; } .cm-s-ambiance .cm-meta { color: #D2A8A1; } .cm-s-ambiance .cm-qualifier { color: yellow; } .cm-s-ambiance .cm-builtin { color: #9999cc; } .cm-s-ambiance .cm-bracket { color: #24C2C7; } .cm-s-ambiance .cm-tag { color: #fee4ff } .cm-s-ambiance .cm-attribute { color: #9B859D; } .cm-s-ambiance .cm-header {color: blue;} .cm-s-ambiance .cm-quote { color: #24C2C7; } .cm-s-ambiance .cm-hr { color: pink; } .cm-s-ambiance .cm-link { color: #F4C20B; } .cm-s-ambiance .cm-special { color: #FF9D00; } .cm-s-ambiance .cm-error { color: #AF2018; } .cm-s-ambiance .CodeMirror-matchingbracket { color: #0f0; } .cm-s-ambiance .CodeMirror-nonmatchingbracket { color: #f22; } .cm-s-ambiance .CodeMirror-selected { background: rgba(255, 255, 255, 0.15); } .cm-s-ambiance.CodeMirror-focused .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); } /* Editor styling */ .cm-s-ambiance.CodeMirror { line-height: 1.40em; color: #E6E1DC; background-color: #202020; -webkit-box-shadow: inset 0 0 10px black; -moz-box-shadow: inset 0 0 10px black; box-shadow: inset 0 0 10px black; } .cm-s-ambiance .CodeMirror-gutters { background: #3D3D3D; border-right: 1px solid #4D4D4D; box-shadow: 0 10px 20px black; } .cm-s-ambiance .CodeMirror-linenumber { text-shadow: 0px 1px 1px #4d4d4d; color: #111; padding: 0 5px; } .cm-s-ambiance .CodeMirror-guttermarker { color: #aaa; } .cm-s-ambiance .CodeMirror-guttermarker-subtle { color: #111; } .cm-s-ambiance .CodeMirror-lines .CodeMirror-cursor { border-left: 1px solid #7991E8; } .cm-s-ambiance .CodeMirror-activeline-background { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.031); } .cm-s-ambiance.CodeMirror, .cm-s-ambiance .CodeMirror-gutters { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAQAAAAHUWYVAABFFUlEQVQYGbzBCeDVU/74/6fj9HIcx/FRHx9JCFmzMyGRURhLZIkUsoeRfUjS2FNDtr6WkMhO9sm+S8maJfu+Jcsg+/o/c+Z4z/t97/vezy3z+z8ekGlnYICG/o7gdk+wmSHZ1z4pJItqapjoKXWahm8NmV6eOTbWUOp6/6a/XIg6GQqmenJ2lDHyvCFZ2cBDbmtHA043VFhHwXxClWmeYAdLhV00Bd85go8VmaFCkbVkzlQENzfBDZ5gtN7HwF0KDrTwJ0dypSOzpaKCMwQHKTIreYIxlmhXTzTWkVm+LTynZhiSBT3RZQ7aGfjGEd3qyXQ1FDymqbKxpspERQN2MiRjNZlFFQXfCNFm9nM1zpAsoYjmtRTc5ajwuaXc5xrWskT97RaKzAGe5ARHhVUsDbjKklziiX5WROcJwSNCNI+9w1Jwv4Zb2r7lCMZ4oq5C0EdTx+2GzNuKpJ+iFf38JEWkHJn9DNF7mmBDITrWEg0VWL3pHU20tSZnuqWu+R3BtYa8XxV1HO7GyD32UkOpL/yDloINFTmvtId+nmAjxRw40VMwVKiwrKLE4bK5UOVntYwhOcSSXKrJHKPJedocpGjVz/ZMIbnYUPB10/eKCrs5apqpgVmWzBYWpmtKHecJPjaUuEgRDDaU0oZghCJ6zNMQ5ZhDYx05r5v2muQdM0EILtXUsaKiQX9WMEUotagQzFbUNN6NUPC2nm5pxEWGCjMc3GdJHjSU2kORLK/JGSrkfGEIjncU/CYUnOipoYemwj8tST9NsJmB7TUVXtbUtXATJVZXBMvYeTXJfobgJUPmGMP/yFaWonaa6BcFO3nqcIqCozSZoZoSr1g4zJOzuyGnxTEX3lUEJ7WcZgme8ddaWvWJo2AJR9DZU3CUIbhCSG6ybSwN6qtJVnCU2svDTP2ZInOw2cBTrqtQahtNZn9NcJ4l2NaSmSkkP1noZWnVwkLmdUPOwLZEwy2Z3S3R+4rIG9hcbpPXHFVWcQdZkn2FOta3cKWQnNRC5g1LsJah4GCzSVsKnCOY5OAFRTBekyyryeyilhFKva75r4Mc0aWanGEaThcy31s439KKxTzJYY5WTHPU1FtIHjQU3Oip4xlNzj/lBw23dYZVliQa7WAXf4shetcQfatI+jWRDBPmyNeW6A1P5kdDgyYJlba0BIM8BZu1JfrFwItyjcAMR3K0BWOIrtMEXyhyrlVEx3ui5dUBjmB/Q3CXW85R4mBD0s7B+4q5tKUjOlb9qqmhi5AZ6GFIC5HXtOobdYGlVdMVbNJ8toNTFcHxnoL+muBagcctjWnbNMuR00uI7nQESwg5q2qqrKWIfrNUmeQocY6HuyxJV02wj36w00yhpmUFenv4p6fUkZYqLyuinx2RGOjhCXYyJF84oiU00YMOOhhquNdfbOB7gU88pY4xJO8LVdp6/q2voeB4R04vIdhSE40xZObx1HGGJ/ja0LBthFInKaLPPFzuCaYaoj8JjPME8yoyxo6zlBqkiUZYgq00OYMswbWO5NGmq+xhipxHLRW29ARjNKXO0wRnear8XSg4XFPLKEPUS1GqvyLwiuBUoa7zpZ0l5xxFwWmWZC1H5h5FwU8eQ7K+g8UcVY6TMQreVQT/8uQ8Z+ALIXnSEa2pYZQneE9RZbSBNYXfWYJzW/h/4j4Dp1tYVcFIC5019Vyi4ThPqSFCzjGWaHQTBU8q6vrVwgxP9Lkm840imWKpcLCjYTtrKuwvsKSnrvHCXGkSMk9p6lhckfRpIeis+N2PiszT+mFLspyGleUhDwcLrZqmyeylxwjBcKHEapqkmyangyLZRVOijwOtCY5SsG5zL0OwlCJ4y5KznF3EUNDDrinwiyLZRzOXtlBbK5ITHFGLp8Q0R6ab6mS7enI2cFrxOyHvOCFaT1HThS1krjCwqWeurCkk+willhCC+RSZnRXBiZaC5RXRIZYKp2lyfrHwiKPKR0JDzrdU2EFgpidawlFDR6FgXUMNa+g1FY3bUQh2cLCwosRdnuQTS/S+JVrGLeWIvtQUvONJxlqSQYYKpwoN2kaocLjdVsis4Mk80ESF2YpSkzwldjHkjFCUutI/r+EHDU8oCs6yzL3PhWiEooZdFMkymlas4AcI3KmoMMNSQ3tHzjGWCrcJJdYyZC7QFGwjRL9p+MrRkAGWzIaWCn9W0F3TsK01c2ZvQw0byvxuQU0r1lM0qJO7wW0kRIMdDTtXEdzi4VIh+EoIHm0mWtAtpCixlabgn83fKTI7anJe9ST7WIK1DMGpQmYeA58ImV6ezOGOzK2Kgq01pd60cKWiUi9Lievb/0vIDPHQ05Kzt4ddPckQBQtoaurjyHnek/nKzpQLrVgKPjIkh2v4uyezpv+Xoo7fPFXaGFp1vaLKxQ4uUpQQS5VuQs7BCq4xRJv7fwpVvvFEB3j+620haOuocqMhWd6TTPAEx+mdFNGHdranFe95WrWmIvlY4F1Dle2ECgc6cto7SryuqGGGha0tFQ5V53migUKmg6XKAo4qS3mik+0OZpAhOLeZKicacgaYcyx5hypYQE02ZA4xi/pNhOQxR4klNKyqacj+mpxnLTnnGSo85++3ZCZq6lrZkXlGEX3o+C9FieccJbZWVFjC0Yo1FZnJhoYMFoI1hEZ9r6hwg75HwzBNhbZCdJEfJwTPGzJvaKImw1yYX1HDAmpXR+ZJQ/SmgqMNVQb5vgamGwLtt7VwvP7Qk1xpiM5x5Cyv93E06MZmgs0Nya2azIKOYKCGBQQW97RmhKNKF02JZqHEJ4o58qp7X5EcZmc56trXEqzjCBZ1MFGR87Ql2tSTs6CGxS05PTzRQorkbw7aKoKXFDXsYW42VJih/q+FP2BdTzDTwVqOYB13liM50vG7wy28qagyuIXMeQI/Oqq8bcn5wJI50xH00CRntyfpL1T4hydYpoXgNiFzoIUTDZnLNRzh4TBHwbYGDvZkxmlyJloyr6tRihpeUG94GnKtIznREF0tzJG/OOr73JBcrSh1k6WuTprgLU+mnSGnv6Zge0NNz+kTDdH8nuAuTdJDCNb21LCiIuqlYbqGzT3RAoZofQfjFazkqeNWdYaGvYTM001EW2oKPvVk1ldUGSgUtHFwjKM1h9jnFcmy5lChoLNaQMGGDsYbKixlaMBmmsx1QjCfflwTfO/gckW0ruZ3jugKR3R5W9hGUWqCgxuFgsuaCHorotGKzGaeZB9DMsaTnKCpMtwTvOzhYk0rdrArKCqcaWmVk1+F372ur1YkKxgatI8Qfe1gIX9wE9FgS8ESmuABIXnRUbCapcKe+nO7slClSZFzpV/LkLncEb1qiO42fS3R855Su2mCLh62t1SYZZYVmKwIHjREF2uihTzB20JOkz7dkxzYQnK0UOU494wh+VWRc6Un2kpTaVgLDFEkJ/uhzRcI0YKGgpGWOlocBU/a4fKoJ/pEaNV6jip3+Es9VXY078rGnmAdf7t9ylPXS34RBSuYPs1UecZTU78WanhBCHpZ5sAoTz0LGZKjPf9TRypqWEiTvOFglL1fCEY3wY/++rbk7C8bWebA6p6om6PgOL2kp44TFJlVNBXae2rqqdZztOJpT87GQsE9jqCPIe9VReZuQ/CIgacsyZdCpIScSYqcZk8r+nsyCzhyfhOqHGOIvrLknC8wTpFcaYiGC/RU1NRbUeUpocQOnkRpGOrIOcNRx+1uA0UrzhSSt+VyS3SJpnFWkzNDqOFGIWcfR86DnmARTQ1HKIL33ExPiemeOhYSSjzlSUZZuE4TveoJLnBUOFof6KiysCbnAEcZgcUNTDOwkqWu3RWtmGpZwlHhJENdZ3miGz0lJlsKnjbwqSHQjpxnFDlTLLwqJPMZMjd7KrzkSG7VsxXBZE+F8YZkb01Oe00yyRK9psh5SYh29ySPKBo2ylNht7ZkZnsKenjKNJu9PNEyZpaCHv4Kt6RQsLvAVp7M9kIimmCUwGeWqLMmGuIotYMmWNpSahkhZw9FqZsVnKJhsjAHvtHMsTM9fCI06Dx/u3vfUXCqfsKRc4oFY2jMsoo/7DJDwZ1CsIKnJu+J9ldkpmiCxQx1rWjI+T9FwcWWzOuaYH0Hj7klNRVWEQpmaqosakiGNTFHdjS/qnUdmf0NJW5xsL0HhimCCZZSRzmSPTXJQ4aaztAwtZnoabebJ+htCaZ7Cm535ByoqXKbX1WRc4Eh2MkRXWzImVc96Cj4VdOKVxR84VdQsIUM8Psoou2byVHyZFuq7O8otbSQ2UAoeEWTudATLGSpZzVLlXVkPU2Jc+27lsw2jmg5T5VhbeE3BT083K9WsTTkFU/Osi0rC5lRlpwRHUiesNS0sOvmqGML1aRbPAxTJD9ZKtxuob+hhl8cwYGWpJ8nub7t5p6coYbMovZ1BTdaKn1jYD6h4GFDNFyT/Kqe1XCXphXHOKLZmuRSRdBPEfVUXQzJm5YGPGGJdvAEr7hHNdGZnuBvrpciGmopOLf5N0uVMy0FfYToJk90uUCbJupaVpO53UJXR2bVpoU00V2KOo4zMFrBd0Jtz2pa0clT5Q5L8IpQ177mWQejPMEJhuQjS10ref6HHjdEhy1P1EYR7GtO0uSsKJQYLiTnG1rVScj5lyazpqWGl5uBbRWl7m6ixGOOnEsMJR7z8J0n6KMnCdxhiNYQCoZ6CmYLnO8omC3MkW3bktlPmEt/VQQHejL3+dOE5FlPdK/Mq8hZxxJtLyRrepLThYKbLZxkSb5W52vYxNOaOxUF0yxMUPwBTYqCzy01XayYK0sJyWBLqX0MwU5CzoymRzV0EjjeUeLgDpTo6ij42ZAzvD01dHUUTPLU96MdLbBME8nFBn7zJCMtJcZokn8YoqU0FS5WFKyniHobguMcmW8N0XkWZjkyN3hqOMtS08r+/xTBwpZSZ3qiVRX8SzMHHjfUNFjgHEPmY9PL3ykEzxkSre/1ZD6z/NuznuB0RcE1TWTm9zRgfUWVJiG6yrzgmWPXC8EAR4Wxhlad0ZbgQyEz3pG5RVEwwDJH2mgKpjcTiCOzn1lfUWANFbZ2BA8balnEweJC9J0iuaeZoI+ippFCztEKVvckR2iice1JvhVytrQwUAZpgsubCPaU7xUe9vWnaOpaSBEspalykhC9bUlOMpT42ZHca6hyrqKmw/wMR8H5ZmdFoBVJb03O4UL0tSNnvIeRmkrLWqrs78gcrEn2tpcboh0UPOW3UUR9PMk4T4nnNKWmCjlrefhCwxRNztfmIQVdDElvS4m1/WuOujoZCs5XVOjtKPGokJzsYCtFYoWonSPT21DheU/wWhM19FcElwqNGOsp9Q8N/cwXaiND1MmeL1Q5XROtYYgGeFq1aTMsoMmcrKjQrOFQTQ1fmBYhmW6o8Jkjc7iDJRTBIo5kgJD5yMEYA3srCg7VFKwiVJkmRCc5ohGOKhsYMn/XBLdo5taZjlb9YAlGWRimqbCsoY7HFAXLa5I1HPRxMMsQDHFkWtRNniqT9UEeNjcE7RUlrCJ4R2CSJuqlKHWvJXjAUNcITYkenuBRB84TbeepcqTj3zZyFJzgYQdHnqfgI0ddUwS6GqWpsKWhjq9cV0vBAEMN2znq+EBfIWT+pClYw5xsTlJU6GeIBsjGmmANTzJZiIYpgrM0Oa8ZMjd7NP87jxhqGOhJlnQtjuQpB+8aEE00wZFznSJPyHxgH3HkPOsJFvYk8zqCHzTs1BYOa4J3PFU+UVRZxlHDM4YavlNUuMoRveiZA2d7grMNc2g+RbSCEKzmgYsUmWmazFJyoiOZ4KnyhKOGRzWJa0+moyV4TVHDzn51Awtqaphfk/lRQ08FX1iiqxTB/kLwd0VynKfEvI6cd4XMV5bMhZ7gZUWVzYQ6Nm2BYzxJbw3bGthEUUMfgbGeorae6DxHtJoZ6alhZ0+ytiVoK1R4z5PTrOECT/SugseEOlb1MMNR4VRNcJy+V1Hg9ONClSZFZjdHlc6W6FBLdJja2MC5hhpu0DBYEY1TFGwiFAxRRCsYkiM9JRb0JNMVkW6CZYT/2EiTGWmo8k+h4FhDNE7BvppoTSFnmCV5xZKzvcCdDo7VVPnIU+I+Rc68juApC90MwcFCsJ5hDqxgScYKreruyQwTqrzoqDCmhWi4IbhB0Yrt3RGa6GfDv52rKXWhh28dyZaWUvcZeMTBaZoSGyiCtRU5J8iviioHaErs7Jkj61syVzTTgOcUOQ8buFBTYWdL5g3T4qlpe0+wvD63heAXRfCCIed9RbCsp2CiI7raUOYOTU13N8PNHvpaGvayo4a3LLT1lDrVEPT2zLUlheB1R+ZTRfKWJ+dcocLJfi11vyJ51lLqJ0WD7tRwryezjiV5W28uJO9qykzX8JDe2lHl/9oyBwa2UMfOngpXCixvKdXTk3wrsKmiVYdZIqsoWEERjbcUNDuiaQomGoIbFdEHmsyWnuR+IeriKDVLnlawlyNHKwKlSU631PKep8J4Q+ayjkSLKYLhalNHlYvttb6fHm0p6OApsZ4l2VfdqZkjuysy6ysKLlckf1KUutCTs39bmCgEyyoasIWlVaMF7mgmWtBT8Kol5xpH9IGllo8cJdopcvZ2sImlDmMIbtDk3KIpeNiS08lQw11NFPTwVFlPP6pJ2gvRfI7gQUfmNAtf6Gs0wQxDsKGlVBdF8rCa3jzdwMaGHOsItrZk7hAyOzpK9VS06j5F49b0VNGOOfKs3lDToMsMBe9ZWtHFEgxTJLs7qrygKZjUnmCYoeAqeU6jqWuLJup4WghOdvCYJnrSkSzoyRkm5M2StQwVltPkfCAk58tET/CSg+8MUecmotMEnhBKfWBIZsg2ihruMJQaoIm+tkTLKEqspMh00w95gvFCQRtDwTT1gVDDSEVdlwqZfxoQRbK0g+tbiBZxzKlpnpypejdDwTaeOvorMk/IJE10h9CqRe28hhLbe0pMsdSwv4ZbhKivo2BjDWfL8UKJgeavwlwb5KlwhyE4u4XkGE2ytZCznKLCDZZq42VzT8HLCrpruFbIfOIINmh/qCdZ1ZBc65kLHR1Bkyf5zn6pN3SvGKIlFNGplhrO9QSXanLOMQTLCa0YJCRrCZm/CZmrLTm7WzCK4GJDiWUdFeYx1LCFg3NMd0XmCuF3Y5rITLDUsYS9zoHVzwnJoYpSTQoObyEzr4cFBNqYTopoaU/wkyLZ2lPhX/5Y95ulxGTV7KjhWrOZgl8MyUUafjYraNjNU1N3IWcjT5WzWqjwtoarHSUObGYO3GCJZpsBlnJGPd6ZYLyl1GdCA2625IwwJDP8GUKymbzuyPlZlvTUsaUh5zFDhRWFzPKKZLAlWdcQbObgF9tOqOsmB1dqcqYJmWstFbZRRI9poolmqiLnU0POvxScpah2iSL5UJNzgScY5+AuIbpO0YD3NCW+dLMszFSdFCWGqG6eVq2uYVNDdICGD6W7EPRWZEY5gpsE9rUkS3mijzzJnm6UpUFXG1hCUeVoS5WfNcFpblELL2qqrCvMvRfd45oalvKU2tiQ6ePJOVMRXase9iTtLJztPxJKLWpo2CRDcJwn2sWSLKIO1WQWNTCvpVUvOZhgSC40JD0dOctaSqzkCRbXsKlb11Oip6PCJ0IwSJM31j3akRxlP7Rwn6aGaUL0qiLnJkvB3xWZ2+Q1TfCwpQH3G0o92UzmX4o/oJNQMMSQc547wVHhdk+VCw01DFYEnTxzZKAm74QmeNNR1w6WzEhNK15VJzuCdxQ53dRUDws5KvwgBMOEgpcVNe0hZI6RXT1Jd0cyj5nsaEAHgVmGaJIlWdsc5Ui2ElrRR6jrRAttNMEAIWrTDFubkZaok7/AkzfIwfuWVq0jHzuCK4QabtLUMVPB3kJ0oyHTSVFlqMALilJf2Rf8k5aaHtMfayocLBS8L89oKoxpJvnAkDPa0qp5DAUTHKWmCcnthlou8iCKaFFLHWcINd1nyIwXqrSxMNmSs6KmoL2QrKuWtlQ5V0120xQ5vRyZS1rgFkWwhiOwiuQbR0OOVhQM9iS3tiXp4RawRPMp5tDletOOBL95MpM01dZTBM9pkn5qF010rIeHFcFZhmSGpYpTsI6nwhqe5C9ynhlpp5ophuRb6WcJFldkVnVEwwxVfrVkvnWUuNLCg5bgboFHPDlDPDmnK7hUrWiIbjadDclujlZcaokOFup4Ri1kacV6jmrrK1hN9bGwpKEBQ4Q6DvIUXOmo6U5LqQM6EPyiKNjVkPnJkDPNEaxhiFay5ExW1NXVUGqcpYYdPcGiCq7z/TSlbhL4pplWXKd7NZO5QQFrefhRQW/NHOsqcIglc4UhWklR8K0QzbAw08CBDnpbgqXdeD/QUsM4RZXDFBW6WJKe/mFPdH0LtBgiq57wFLzlyQzz82qYx5D5WJP5yVJDW01BfyHnS6HKO/reZqId1WGa4Hkh2kWodJ8i6KoIPlAj2hPt76CzXsVR6koPRzWTfKqIentatYpQw2me4AA3y1Kind3SwoOKZDcFXTwl9tWU6mfgRk9d71sKtlNwrjnYw5tC5n5LdKiGry3JKNlHEd3oaMCFHrazBPMp/uNJ+V7IudcSbeOIdjUEdwl0VHCOZo5t6YluEuaC9mQeMgSfOyKnYGFHcIeQ84yQWbuJYJpZw5CzglDH7gKnWqqM9ZTaXcN0TeYhR84eQtJT76JJ1lREe7WnnvsMmRc9FQ7SBBM9mV3lCUdmHk/S2RAMt0QjFNFqQpWjDPQ01DXWUdDBkXziKPjGEP3VP+zIWU2t7im41FOloyWzn/L6dkUy3VLDaZ6appgDLHPjJEsyvJngWEPUyVBiAaHCTEXwrLvSEbV1e1gKJniicWorC1MUrVjB3uDhJE/wgSOzk1DXpk0k73qCM8xw2UvD5kJmDUfOomqMpWCkJRlvKXGmoeBm18USjVIk04SClxTB6YrgLAPLWYK9HLUt5cmc0vYES8GnTeRc6skZbQkWdxRsIcyBRzx1DbTk9FbU0caTPOgJHhJKnOGIVhQqvKmo0llRw9sabrZkDtdg3PqaKi9oatjY8B+G371paMg6+mZFNNtQ04mWBq3rYLOmtWWQp8KJnpy9DdFensyjdqZ+yY40VJlH8wcdLzC8PZnvHMFUTZUrDTkLyQaGus5X5LzpYAf3i+e/ZlhqGqWhh6Ou6xTR9Z6oi5AZZtp7Mj2EEm8oSpxiYZCHU/1fbGdNNNRRoZMhmilEb2gqHOEJDtXkHK/JnG6IrvbPCwV3NhONVdS1thBMs1T4QOBcTWa2IzhMk2nW5Kyn9tXUtpv9RsG2msxk+ZsQzRQacJncpgke0+T8y5Fzj8BiGo7XlJjaTIlpQs7KFjpqGnKuoyEPeIKnFMkZHvopgh81ySxNFWvJWcKRs70j2FOT012IllEEO1n4pD1513Yg2ssQPOThOkvyrqHUdEXOSEsihmBbTbKX1kLBPWqWkLOqJbjB3GBIZmoa8qWl4CG/iZ7oiA72ZL7TJNeZUY7kFQftDcHHluBzRbCegzMtrRjVQpX2lgoPKKLJAkcbMl01XK2p7yhL8pCBbQ3BN2avJgKvttcrWDK3CiUOVxQ8ZP+pqXKyIxnmBymCg5vJjNfkPK4+c8cIfK8ocVt7kmfd/I5SR1hKvCzUtb+lhgc00ZaO6CyhIQP1Uv4yIZjload72PXX0OIJvnFU+0Zf6MhsJwTfW0r0UwQfW4LNLZl5HK261JCZ4qnBaAreVAS3WrjV0LBnNDUNNDToCEeFfwgcb4gOEqLRhirWkexrCEYKVV711DLYEE1XBEsp5tpTGjorkomKYF9FDXv7fR3BGwbettSxnyL53MBPjsxDZjMh+VUW9NRxq1DhVk+FSxQcaGjV9Pawv6eGByw5qzoy7xk4RsOShqjJwWKe/1pEEfzkobeD/dQJmpqedcyBTy2sr4nGNRH0c0SPWTLrqAc0OQcb/gemKgqucQT7ySWKCn2EUotoCvpZct7RO2sy/QW0IWcXd7pQRQyZVwT2USRO87uhjioTLKV2brpMUcMQRbKH/N2T+UlTpaMls6cmc6CCNy3JdYYSUzzJQ4oSD3oKLncULOiJvjBEC2oqnCJkJluCYy2ZQ5so9YYlZ1VLlQU1mXEW1jZERwj/MUSRc24TdexlqLKfQBtDTScJUV8FszXBEY5ktpD5Ur9hYB4Nb1iikw3JoYpkKX+RodRKFt53MMuRnKSpY31PwYaGaILh3wxJGz9TkTPEETxoCWZrgvOlmyMzxFEwVJE5xZKzvyJ4WxEc16Gd4Xe3Weq4XH2jKRikqOkGQ87hQnC7wBmGYLAnesX3M+S87eFATauuN+Qcrh7xIxXJbUIdMw3JGE3ylCWzrieaqCn4zhGM19TQ3z1oH1AX+pWEqIc7wNGAkULBo/ZxRaV9NNyh4Br3rCHZzbzmSfawBL0dNRwpW1kK9mxPXR9povcdrGSZK9c2k0xwFGzjuniCtRSZCZ6ccZ7gaktmgAOtKbG/JnOkJrjcQTdFMsxRQ2cLY3WTIrlCw1eWKn8R6pvt4GFDso3QoL4a3nLk3G6JrtME3dSenpx7PNFTmga0EaJTLQ061sEeQoWXhSo9LTXsaSjoJQRXeZLtDclbCrYzfzHHeaKjHCVOUkQHO3JeEepr56mhiyaYYKjjNU+Fed1wS5VlhWSqI/hYUdDOkaxiKehoyOnrCV5yBHtbWFqTHCCwtpDcYolesVR5yUzTZBb3RNMd0d6WP+SvhuBmRcGxnuQzT95IC285cr41cLGQ6aJJhmi4TMGempxeimBRQw1tFKV+8jd6KuzoSTqqDxzRtpZkurvKEHxlqXKRIjjfUNNXQsNOsRScoWFLT+YeRZVD3GRN0MdQcKqQjHDMrdGGVu3iYJpQx3WGUvfbmxwFfR20WBq0oYY7LMFhhgYtr8jpaEnaOzjawWWaTP8mMr0t/EPDPoqcnxTBI5o58L7uoWnMrpoqPwgVrlAUWE+V+TQl9rawoyP6QGAlQw2TPRX+YSkxyBC8Z6jhHkXBgQL7WII3DVFnRfCrBfxewv9D6xsyjys4VkhWb9pUU627JllV0YDNHMku/ldNMMXDEo4aFnAkk4U6frNEU4XgZUPmEKHUl44KrzmYamjAbh0JFvGnaTLPu1s9jPCwjFpYiN7z1DTOk/nc07CfDFzmCf7i+bfNHXhDtLeBXzTBT5rkMvWOIxpl4EMh2LGJBu2syDnAEx2naEhHDWMMzPZEhygyS1mS5RTJr5ZkoKbEUoYqr2kqdDUE8ztK7OaIntJkFrIECwv8LJTaVx5XJE86go8dFeZ3FN3rjabCAYpoYEeC9zzJVULBbmZhDyd7ko09ydpNZ3nm2Kee4FPPXHnYEF1nqOFEC08LUVcDvYXkJHW8gTaKCk9YGOeIJhqiE4ToPEepdp7IWFjdwnWaufGMwJJCMtUTTBBK9BGCOy2tGGrJTHIwyEOzp6aPzNMOtlZkDvcEWpP5SVNhfkvDxhmSazTJXYrM9U1E0xwFVwqZQwzJxw6+kGGGUj2FglGGmnb1/G51udRSMNlTw6GGnCcUwVcOpmsqTHa06o72sw1RL02p9z0VbnMLOaIX3QKaYKSCFQzBKEUNHTSc48k53RH9wxGMtpQa5KjjW0W0n6XCCCG4yxNNdhQ4R4l1Ff+2sSd6UFHiIEOyqqFgT01mEUMD+joy75jPhOA+oVVLm309FR4yVOlp4RhLiScNmSmaYF5Pw0STrOIoWMSR2UkRXOMp+M4SHW8o8Zoi6OZgjKOaFar8zZDzkWzvKOjkKBjmCXby8JahhjXULY4KlzgKLvAwxVGhvyd4zxB1d9T0piazmKLCVZY5sKiD0y2ZSYrkUEPUbIk+dlQ4SJHTR50k1DPaUWIdTZW9NJwnJMOECgd7ou/MnppMJ02O1VT4Wsh85MnZzcFTngpXGKo84qmwgKbCL/orR/SzJ2crA+t6Mp94KvxJUeIbT3CQu1uIdlQEOzlKfS3UMcrTiFmOuroocrZrT2AcmamOKg8YomeEKm/rlT2sociMaybaUlFhuqHCM2qIJ+rg4EcDFymiDSxzaHdPcpE62pD5kyM5SBMoA1PaUtfIthS85ig1VPiPPYXgYEMNk4Qq7TXBgo7oT57gPUdwgCHzhIVFPFU6OYJzHAX9m5oNrVjeE61miDrqQ4VSa1oiURTsKHC0IfjNwU2WzK6eqK8jWln4g15TVBnqmDteCJ501PGAocJhhqjZdtBEB6lnhLreFJKxmlKbeGrqLiSThVIbCdGzloasa6lpMQXHCME2boLpJgT7yWaemu6wBONbqGNVRS0PKIL7LckbjmQtR7K8I5qtqel+T/ChJTNIKLjdUMNIRyvOEko9YYl2cwQveBikCNawJKcLBbc7+JM92mysNvd/Fqp8a0k6CNEe7cnZrxlW0wQXaXjaktnRwNOGZKYiONwS7a1JVheq3WgJHlQUGKHKmp4KAxXR/ULURcNgoa4zhKSLpZR3kxRRb0NmD0OFn+UCS7CzI1nbP6+o4x47QZE5xRCt3ZagnYcvmpYQktXdk5YKXTzBC57kKEe0VVuiSYqapssMS3C9p2CKkHOg8B8Pa8p5atrIw3qezIWanMGa5HRDNF6RM9wcacl0N+Q8Z8hsIkSnaIIdHRUOEebAPy1zbCkhM062FCJtif7PU+UtoVXzWKqM1PxXO8cfdruhFQ/a6x3JKYagvVDhQEtNiyiiSQ7OsuRsZUku0CRNDs4Sog6KKjsZgk2bYJqijgsEenoKeniinRXBn/U3lgpPdyDZynQx8IiioMnCep5Ky8mjGs6Wty0l1hUQTcNWswS3WRp2kCNZwJG8omG8JphPUaFbC8lEfabwP7VtM9yoaNCAjpR41VNhrD9LkbN722v0CoZMByFzhaW+MyzRYEWFDQwN2M4/JiT76PuljT3VU/A36eaIThb+R9oZGOAJ9tewkgGvqOMNRWYjT/Cwu99Q8LqDE4TgbLWxJ1jaDDAERsFOFrobgjUsBScaguXU8kKm2RL19tRypSHnHNlHiIZqgufs4opgQdVdwxBNNFBR6kVFqb8ogimOzB6a6HTzrlDHEpYaxjiiA4TMQobkDg2vejjfwJGWmnbVFAw3H3hq2NyQfG7hz4aC+w3BbwbesG0swYayvpAs6++Ri1Vfzx93mFChvyN5xVHTS+0p9aqCAxyZ6ZacZyw5+7uuQkFPR9DDk9NOiE7X1PCYJVjVUqq7JlrHwWALF5nfHNGjApdpqgzx5OwilDhCiDYTgnc9waGW4BdLNNUQvOtpzDOWHDH8D7TR/A/85KljEQu3NREc4Pl/6B1Hhc8Umb5CsKMmGC9EPcxoT2amwHNCmeOEnOPbklnMkbOgIvO5UMOpQrS9UGVdt6iH/fURjhI/WOpaW9OKLYRod6HCUEdOX000wpDZQ6hwg6LgZfOqo1RfT/CrJzjekXOGhpc1VW71ZLbXyyp+93ILbC1kPtIEYx0FIx1VDrLoVzXRKRYWk809yYlC9ImcrinxtabKnzRJk3lAU1OLEN1j2zrYzr2myHRXJFf4h4QKT1qSTzTB5+ZNTzTRkAxX8FcLV2uS8eoQQ2aAkFzvCM72sJIcJET3WPjRk5wi32uSS9rfZajpWEvj9hW42F4o5NytSXYy8IKHay10VYdrcl4SkqscrXpMwyGOgtkajheSxdQqmpxP1L3t4R5PqasFnrQEjytq6qgp9Y09Qx9o4S1FzhUCn1kyHSzBWLemoSGvOqLNhZyBjmCaAUYpMgt4Ck7wBBMMwWKWgjsUwTaGVsxWC1mYoKiyqqeGKYqonSIRQ3KIkHO0pmAxTdBHkbOvfllfr+AA+7gnc50huVKYK393FOyg7rbPO/izI7hE4CnHHHnJ0ogNPRUGeUpsrZZTBJcrovUcJe51BPsr6GkJdhCCsZ6aTtMEb2pqWkqeVtDXE/QVggsU/Nl86d9RMF3DxvZTA58agu810RWawCiSzzXBeU3MMW9oyJUedvNEvQyNu1f10BSMddR1vaLCYpYa/mGocLSiYDcLbQz8aMn5iyF4xBNMs1P0QEOV7o5gaWGuzSeLue4tt3ro7y4Tgm4G/mopdZgl6q0o6KzJWE3mMksNr3r+a6CbT8g5wZNzT9O7fi/zpaOmnz3BRoqos+tv9zMbdpxsqDBOEewtJLt7cg5wtKKbvldpSzRRCD43VFheCI7yZLppggMVBS/KMAdHODJvOwq2NQSbKKKPLdFWQs7Fqo+mpl01JXYRgq8dnGLhTiFzqmWsUMdpllZdbKlyvSdYxhI9YghOtxR8LgSLWHK62mGGVoxzBE8LNWzqH9CUesQzFy5RQzTc56mhi6fgXEWwpKfE5Z7M05ZgZUPmo6auiv8YKzDYwWBLMErIbKHJvOwIrvEdhOBcQ9JdU1NHQ7CXn2XIDFBKU2WAgcX9UAUzDXWd5alwuyJ41Z9rjKLCL4aCp4WarhPm2rH+SaHUYE001JDZ2ZAzXPjdMpZWvC9wmqIB2lLhQ01D5jO06hghWMndbM7yRJMsoCj1vYbnFQVrW9jak3OlEJ3s/96+p33dEPRV5GxiqaGjIthUU6FFEZyqCa5qJrpBdzSw95IUnOPIrCUUjRZQFrbw5PR0R1qiYx3cb6nrWUMrBmmiBQxVHtTew5ICP/ip6g4hed/Akob/32wvBHsIOX83cI8hGeNeNPCIkPmXe8fPKx84OMSRM1MTdXSwjCZ4S30jVGhvqTRak/OVhgGazHuOCud5onEO1lJr6ecVyaOK6H7zqlBlIaHE0oroCgfvGJIdPcmfLNGLjpz7hZwZQpUbFME0A1cIJa7VNORkgfsMBatbKgwwJM9bSvQXeNOvbIjelg6WWvo5kvbKaJJNHexkKNHL9xRyFlH8Ti2riB5wVPhUk7nGkJnoCe428LR/wRGdYIlmWebCyxou1rCk4g/ShugBDX0V0ZQWkh0dOVsagkM0yV6OoLd5ye+pRlsCr0n+KiQrGuq5yJDzrTAXHtLUMduTDBVKrSm3eHL+6ijxhFDX9Z5gVU/wliHYTMiMFpKLNMEywu80wd3meoFmt6VbRMPenhrOc6DVe4pgXU8DnnHakLOIIrlF4FZPIw6R+zxBP0dyq6OOZ4Q5sLKCcz084ok+VsMMyQhNZmmBgX5xIXOEJTmi7VsGTvMTNdHHhpzdbE8Du2oKxgvBqQKdDDnTFOylCFaxR1syz2iqrOI/FEpNc3C6f11/7+ASS6l2inq2ciTrCCzgyemrCL5SVPjQkdPZUmGy2c9Sw9FtR1sS30RmsKPCS4rkIC/2U0MduwucYolGaPjKEyhzmiPYXagyWbYz8LWBDdzRimAXzxx4z8K9hpzlhLq+NiQ97HuKorMUfK/OVvC2JfiHUPCQI/q7J2gjK+tTDNxkCc4TMssqCs4TGtLVwQihyoAWgj9bosU80XGW6Ac9TJGziaUh5+hnFcHOnlaM1iRn29NaqGENTTTSUHCH2tWTeV0osUhH6psuVLjRUmGWhm6OZEshGeNowABHcJ2Bpy2ZszRcKkRXd2QuKVEeXnbfaEq825FguqfgfE2whlChSRMdron+LATTPQ2Z369t4B9C5gs/ylzv+CMmepIDPclFQl13W0rspPd1JOcbghGOEutqCv5qacURQl3dDKyvyJlqKXGPgcM9FfawJAMVmdcspcYKOZc4GjDYkFlK05olNMHyHn4zFNykyOxt99RkHlfwmiHo60l2EKI+mhreEKp080Tbug08BVPcgoqC5zWt+NLDTZ7oNSF51N1qie7Va3uCCwyZbkINf/NED6jzOsBdZjFN8oqG3wxVunqCSYYKf3EdhJyf9YWGf7tRU2oH3VHgPr1fe5J9hOgHd7xQ0y7qBwXr23aGErP0cm64JVjZwsOGqL+mhNgZmhJLW2oY4UhedsyBgzrCKrq7BmcpNVhR6jBPq64Vgi+kn6XE68pp8J5/+0wRHGOpsKenQn9DZntPzjRLZpDAdD2fnSgkG9tmIXnUwQ6WVighs7Yi2MxQ0N3CqYaCXkJ0oyOztMDJjmSSpcpvlrk0RMMOjmArQ04PRV1DO1FwhCVaUVPpKUM03JK5SxPsIWRu8/CGHi8UHChiqGFDTbSRJWeYUDDcH6vJWUxR4k1FXbMUwV6e4AJFXS8oMqsZKqzvYQ9DDQdZckY4aGsIhtlubbd2r3j4QBMoTamdPZk7O/Bf62lacZwneNjQoGcdVU7zJOd7ghsUHOkosagic6cnWc8+4gg285R6zZP5s1/LUbCKIznTwK36PkdwlOrl4U1LwfdCCa+IrvFkmgw1PCAUXKWo0sURXWcI2muKJlgyFzhynCY4RBOsqCjoI1R5zREco0n2Vt09BQtYSizgKNHfUmUrQ5UOCh51BFcLmY7umhYqXKQomOop8bUnWNNQcIiBcYaC6xzMNOS8JQQfeqKBmmglB+97ok/lfk3ygaHSyZaCRTzRxQo6GzLfa2jWBPepw+UmT7SQEJyiyRkhBLMVOfcoMjcK0eZChfUNzFAUzCsEN5vP/X1uP/n/aoMX+K+nw/Hjr/9xOo7j7Pju61tLcgvJpTWXNbfN5jLpi6VfCOviTktKlFusQixdEKWmEBUKNaIpjZRSSOXSgzaaKLdabrm1/9nZ+/f+vd/vz/v9+Xy+zZ7PRorYoZqyLrCwQdEAixxVOEXNNnjX2nUSRlkqGmWowk8lxR50JPy9Bo6qJXaXwNvREBvnThPEPrewryLhcAnj5WE15Fqi8W7R1sAuEu86S4ENikItFN4xkv9Af4nXSnUVcLiA9xzesFpivRRVeFKtsMRaKBhuSbjOELnAUtlSQUpXgdfB4Z1oSbnFEetbQ0IrAe+Y+pqnDcEJFj6S8LDZzZHwY4e3XONNlARraomNEt2bkvGsosA3ioyHm+6jCMbI59wqt4eeara28IzEmyPgoRaUOEDhTVdEJhmCoTWfC0p8aNkCp0oYqih2iqGi4yXeMkOsn4LdLLnmKfh/YogjNsPebeFGR4m9BJHLzB61XQ3BtpISfS2FugsK9FAtLWX1dCRcrCnUp44CNzuCowUZmxSRgYaE6Za0W2u/E7CVXCiI/UOR8aAm1+OSyE3mOUcwyc1zBBeoX1kiKy0Zfxck1Gsyulti11i83QTBF5Kg3pDQThFMVHiPSlK+0cSedng/VaS8bOZbtsBcTcZAR8JP5KeqQ1OYKAi20njdNNRpgnsU//K+JnaXJaGTomr7aYIphoRn9aeShJWKEq9LcozSF7QleEfDI5LYm5bgVkFkRwVDBCVu0DDIkGupo8TZBq+/pMQURYErJQmPKGKjNDkWOLx7Jd5QizdUweIaKrlP7SwJDhZvONjLkOsBBX9UpGxnydhXkfBLQ8IxgojQbLFnJf81JytSljclYYyEFyx0kVBvKWOFJmONpshGAcsduQY5giVNCV51eOdJYo/pLhbvM0uDHSevNKRcrKZIqnCtJeEsO95RoqcgGK4ocZcho1tTYtcZvH41pNQ7vA0WrhIfOSraIIntIAi+NXWCErdbkvrWwjRLrt0NKUdL6KSOscTOdMSOUtBHwL6OLA0vNSdynaWQEnCpIvKaIrJJEbvHkmuNhn6OjM8VkSGSqn1uYJCGHnq9I3aLhNME3t6GjIkO7xrNFumpyTNX/NrwX7CrIRiqqWijI9JO4d1iieykyfiposQIQ8YjjsjlBh6oHWbwRjgYJQn2NgSnNycmJAk3NiXhx44Sxykihxm8ybUwT1OVKySc7vi3OXVkdBJ4AyXBeksDXG0IhgtYY0lY5ahCD0ehborIk5aUWRJviMA7Xt5kyRjonrXENkm8yYqgs8VzgrJmClK20uMM3jRJ0FiQICQF9hdETlLQWRIb5ki6WDfWRPobvO6a4GP5mcOrNzDFELtTkONLh9dXE8xypEg7z8A9jkhrQ6Fhjlg/QVktJXxt4WXzT/03Q8IaQWSqIuEvloQ2mqC9Jfi7wRul4RX3pSPlzpoVlmCtI2jvKHCFhjcM3sN6lqF6HxnKelLjXWbwrpR4xzuCrTUZx2qq9oAh8p6ixCUGr78g8oyjRAtB5CZFwi80VerVpI0h+IeBxa6Zg6kWvpDHaioYYuEsRbDC3eOmC2JvGYLeioxGknL2UATNJN6hmtj1DlpLvDVmocYbrGCVJKOrg4X6DgddLA203BKMFngdJJFtFd7vJLm6KEpc5yjQrkk7M80SGe34X24nSex1Ra5Omgb71JKyg8SrU3i/kARKwWpH0kOGhKkObyfd0ZGjvyXlAkVZ4xRbYJ2irFMkFY1SwyWxr2oo4zlNiV+7zmaweFpT4kR3kaDAFW6xpSqzJay05FtYR4HmZhc9UxKbbfF2V8RG1MBmSaE+kmC6JnaRXK9gsiXhJHl/U0qM0WTcbyhwkYIvFGwjSbjfwhiJt8ZSQU+Bd5+marPMOkVkD0muxYLIfEuhh60x/J92itguihJSEMySVPQnTewnEm+620rTQEMsOfo4/kP/0ARvWjitlpSX7GxBgcMEsd3EEeYWvdytd+Saawi6aCIj1CkGb6Aj9rwhx16Cf3vAwFy5pyLhVonXzy51FDpdEblbkdJbUcEPDEFzQ8qNmhzzLTmmKWKbFCXeEuRabp6rxbvAtLF442QjQ+wEA9eL1xSR7Q0JXzlSHjJ4exq89yR0laScJ/FW6z4a73pFMEfDiRZvuvijIt86RaSFOl01riV2mD1UEvxGk/Geg5aWwGki1zgKPG9J2U8PEg8qYvMsZeytiTRXBMslCU8JSlxi8EabjwUldlDNLfzTUmCgxWsjqWCOHavYAqsknKFIO0yQ61VL5AVFxk6WhEaCAkdJgt9aSkzXlKNX2jEa79waYuc7gq0N3GDJGCBhoiTXUEPsdknCUE1CK0fwsiaylSF2uiDyO4XX3pFhNd7R4itFGc0k/ElBZwWvq+GC6szVeEoS/MZ+qylwpKNKv9Z469UOjqCjwlusicyTxG6VpNxcQ8IncoR4RhLbR+NdpGGmJWOcIzJGUuKPGpQg8rrG21dOMqQssJQ4RxH5jaUqnZuQ0F4Q+cjxLwPtpZbIAk3QTJHQWBE5S1BokoVtDd6lhqr9UpHSUxMcIYl9pojsb8h4SBOsMQcqvOWC2E8EVehqiJ1hrrAEbQxeK0NGZ0Gkq+guSRgniM23bIHVkqwx4hiHd7smaOyglyIyQuM978j4VS08J/A2G1KeMBRo4fBaSNhKUEZfQewVQ/C1I+MgfbEleEzCUw7mKXI0M3hd1EESVji8x5uQ41nxs1q4RMJCCXs7Iq9acpxn22oSDnQ/sJTxsCbHIYZiLyhY05TY0ZLIOQrGaSJDDN4t8pVaIrsqqFdEegtizc1iTew5Q4ayBDMUsQMkXocaYkc0hZua412siZ1rSXlR460zRJ5SlHGe5j801RLMlJTxtaOM3Q1pvxJ45zUlWFD7rsAbpfEm1JHxG0eh8w2R7QQVzBUw28FhFp5QZzq8t2rx2joqulYTWSuJdTYfWwqMFMcovFmSyJPNyLhE4E10pHzYjOC3huArRa571ZsGajQpQx38SBP5pyZB6lMU3khDnp0MBV51BE9o2E+TY5Ml2E8S7C0o6w1xvCZjf0HkVEHCzFoyNmqC+9wdcqN+Tp7jSDheE9ws8Y5V0NJCn2bk2tqSY4okdrEhx1iDN8cSudwepWmAGXKcJXK65H9to8jYQRH7SBF01ESUJdd0TayVInaWhLkOjlXE5irKGOnI6GSWGCJa482zBI9rCr0jyTVcEuzriC1vcr6mwFGSiqy5zMwxBH/TJHwjSPhL8+01kaaSUuMFKTcLEvaUePcrSmwn8DZrgikWb7CGPxkSjhQwrRk57tctmxLsb9sZvL9LSlyuSLlWkqOjwduo8b6Uv1DkmudIeFF2dHCgxVtk8dpIvHpBxhEOdhKk7OLIUSdJ+cSRY57B+0DgGUUlNfpthTfGkauzxrvTsUUaCVhlKeteTXCoJDCa2NOKhOmC4G1H8JBd4OBZReSRGkqcb/CO1PyLJTLB4j1q8JYaIutEjSLX8YKM+a6phdMsdLFUoV5RTm9JSkuDN8WcIon0NZMNZWh1q8C7SJEwV5HxrmnnTrf3KoJBlmCYI2ilSLlfEvlE4011NNgjgthzEua0oKK7JLE7HZHlEl60BLMVFewg4EWNt0ThrVNEVkkiTwpKXSWJzdRENgvKGq4IhjsiezgSFtsfCUq8qki5S1LRQeYQQ4nemmCkImWMw3tFUoUBZk4NOeZYEp4XRKTGa6wJjrWNHBVJR4m3FCnbuD6aak2WsMTh3SZImGCIPKNgsDpVwnsa70K31lCFJZYcwwSMFcQulGTsZuEaSdBXkPGZhu0FsdUO73RHjq8MPGGIfaGIbVTk6iuI3GFgucHrIQkmWSJdBd7BBu+uOryWAhY7+Lki9rK5wtEQzWwvtbqGhIMFwWRJsElsY4m9IIg9L6lCX0VklaPAYkfkZEGDnOWowlBJjtMUkcGK4Lg6EtoZInMUBVYLgn0UsdmCyCz7gIGHFfk+k1QwTh5We7A9x+IdJ6CvIkEagms0hR50eH9UnTQJ+2oiKyVlLFUE+8gBGu8MQ3CppUHesnjTHN4QB/UGPhCTHLFPHMFrCqa73gqObUJGa03wgbhHkrCfpEpzNLE7JDS25FMKhlhKKWKfCgqstLCPu1zBXy0J2ztwjtixBu8UTRn9LVtkmCN2iyFhtME70JHRQ1KVZXqKI/KNIKYMCYs1GUMEKbM1bKOI9LDXC7zbHS+bt+1MTWS9odA9DtrYtpbImQJ2VHh/lisEwaHqUk1kjKTAKknkBEXkbkdMGwq0dnhzLJF3NJH3JVwrqOB4Sca2hti75nmJN0WzxS6UxDYoEpxpa4htVlRjkYE7DZGzJVU72uC9IyhQL4i8YfGWSYLLNcHXloyz7QhNifmKSE9JgfGmuyLhc403Xm9vqcp6gXe3xuuv8F6VJNxkyTHEkHG2g0aKXL0MsXc1bGfgas2//dCONXiNLCX+5mB7eZIl1kHh7ajwpikyzlUUWOVOsjSQlsS+M0R+pPje/dzBXRZGO0rMtgQrLLG9VSu9n6CMXS3BhwYmSoIBhsjNBmZbgusE9BCPCP5triU4VhNbJfE+swSP27aayE8tuTpYYjtrYjMVGZdp2NpS1s6aBnKSHDsbKuplKbHM4a0wMFd/5/DmGyKrJSUaW4IBrqUhx0vyfzTBBLPIUcnZdrAkNsKR0sWRspumSns6Ch0v/qqIbBYUWKvPU/CFoyrDJGwSNFhbA/MlzKqjrO80hRbpKx0Jewsi/STftwGSlKc1JZyAzx05dhLEdnfQvhZOqiHWWEAHC7+30FuRcZUgaO5gpaIK+xsiHRUsqaPElTV40xQZQ107Q9BZE1nryDVGU9ZSQ47bmhBpLcYpUt7S+xuK/FiT8qKjwXYw5ypS2iuCv7q1gtgjhuBuB8LCFY5cUuCNtsQOFcT+4Ih9JX+k8Ea6v0iCIRZOtCT0Et00JW5UeC85Cg0ScK0k411HcG1zKtre3SeITBRk7WfwDhEvaYLTHP9le0m8By0JDwn4TlLW/aJOvGHxdjYUes+ScZigCkYQdNdEOhkiezgShqkx8ueKjI8lDfK2oNiOFvrZH1hS+tk7NV7nOmLHicGWEgubkXKdwdtZknCLJXaCpkrjZBtLZFsDP9CdxWsSr05Sxl6CMmoFbCOgryX40uDtamB7SVmXW4Ihlgpmq+00tBKUUa83WbjLUNkzDmY7cow1JDygyPGlhgGKYKz4vcV7QBNbJIgM11TUqZaMdwTeSguH6rOaw1JRKzaaGyxVm2EJ/uCIrVWUcZUkcp2grMsEjK+DMwS59jQk3Kd6SEq1d0S6uVmO4Bc1lDXTUcHjluCXEq+1OlBDj1pi9zgiXxnKuE0SqTXwhqbETW6RggMEnGl/q49UT2iCzgJvRwVXS2K/d6+ZkyUl7jawSVLit46EwxVljDZwoSQ20sDBihztHfk2yA8NVZghiXwrYHQdfKAOtzsayjhY9bY0yE2CWEeJ9xfzO423xhL5syS2TFJofO2pboHob0nY4GiAgRrvGQEDa/FWSsoaaYl0syRsEt3kWoH3B01shCXhTUWe9w3Bt44SC9QCh3eShQctwbaK2ApLroGCMlZrYqvlY3qYhM0aXpFkPOuoqJ3Dm6fxXrGwVF9gCWZagjPqznfkuMKQ8DPTQRO8ZqG1hPGKEm9IgpGW4DZDgTNriTxvFiq+Lz+0cKfp4wj6OCK9JSnzNSn9LFU7UhKZZMnYwcJ8s8yRsECScK4j5UOB95HFO0CzhY4xJxuCix0lDlEUeMdS6EZBkTsUkZ4K74dugyTXS7aNgL8aqjDfkCE0ZbwkCXpaWCKhl8P7VD5jxykivSyxyZrYERbe168LYu9ZYh86IkscgVLE7tWPKmJv11CgoyJltMEbrohtVAQfO4ImltiHEroYEs7RxAarVpY8AwXMcMReFOTYWe5iiLRQxJ5Q8DtJ8LQhWOhIeFESPGsILhbNDRljNbHzNRlTFbk2S3L0NOS6V1KFJYKUbSTcIIhM0wQ/s2TM0SRMNcQmSap3jCH4yhJZKSkwyRHpYYgsFeQ4U7xoCB7VVOExhXepo9ABBsYbvGWKXPME3lyH95YioZ0gssQRWWbI+FaSMkXijZXwgiTlYdPdkNLaETxlyDVIwqeaEus0aTcYcg0RVOkpR3CSJqIddK+90JCxzsDVloyrFd5ZAr4TBKfaWa6boEA7C7s6EpYaeFPjveooY72mjIccLHJ9HUwVlDhKkmutJDJBwnp1rvulJZggKDRfbXAkvC/4l3ozQOG9a8lxjx0i7nV4jSXc7vhe3OwIxjgSHjdEhhsif9YkPGlus3iLFDnWOFhtCZbJg0UbQcIaR67JjthoCyMEZRwhiXWyxO5QxI6w5NhT4U1WsJvDO60J34fW9hwzwlKij6ZAW9ne4L0s8C6XeBMEkd/LQy1VucBRot6QMlbivaBhoBgjqGiCJNhsqVp/S2SsG6DIONCR0dXhvWbJ+MRRZJkkuEjgDXJjFQW6SSL7GXK8Z2CZg7cVsbWGoKmEpzQ5elpiy8Ryg7dMkLLUEauzeO86CuwlSOlgYLojZWeJ9xM3S1PWfEfKl5ISLQ0MEKR8YOB2QfCxJBjrKPCN4f9MkaSsqoVXJBmP7EpFZ9UQfOoOFwSzBN4MQ8LsGrymlipcJQhmy0GaQjPqCHaXRwuCZwRbqK2Fg9wlClZqYicrIgMdZfxTQ0c7TBIbrChxmuzoKG8XRaSrIhhiyNFJkrC7oIAWMEOQa5aBekPCRknCo4IKPrYkvCDI8aYmY7WFtprgekcJZ3oLIqssCSMtFbQTJKwXYy3BY5oCh2iKPCpJOE+zRdpYgi6O2KmOAgvVCYaU4ySRek1sgyFhJ403QFHiVEmJHwtybO1gs8Hr5+BETQX3War0qZngYGgtVZtoqd6vFSk/UwdZElYqyjrF4HXUeFspIi9IGKf4j92pKGAdCYMVsbcV3kRF0N+R8LUd5PCsIGWoxDtBkCI0nKofdJQxT+LtZflvuc8Q3CjwWkq8KwUpHzkK/NmSsclCL0nseQdj5FRH5CNHSgtLiW80Of5HU9Hhlsga9bnBq3fEVltKfO5IaSTmGjjc4J0otcP7QsJUSQM8pEj5/wCuUuC2DWz8AAAAAElFTkSuQmCC"); } ================================================ FILE: public/admin/css/code-editor/codemirror.css ================================================ /* BASICS */ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; } .CodeMirror-scroll { /* Set scrolling behaviour here */ overflow: auto; } /* PADDING */ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .CodeMirror pre { padding: 0 4px; /* Horizontal padding of content */ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumbers {} .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; -moz-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .CodeMirror div.CodeMirror-cursor { border-left: 1px solid black; } /* Shown when moving in bi-directional text */ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor { width: auto; border: 0; background: #7e7; } .CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; } @-moz-keyframes blink { 0% { background: #7e7; } 50% { background: none; } 100% { background: #7e7; } } @-webkit-keyframes blink { 0% { background: #7e7; } 50% { background: none; } 100% { background: #7e7; } } @keyframes blink { 0% { background: #7e7; } 50% { background: none; } 100% { background: #7e7; } } /* Can style cursor different in overwrite (non-insert) mode */ div.CodeMirror-overwrite div.CodeMirror-cursor {} .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-ruler { border-left: 1px solid #ccc; position: absolute; } /* DEFAULT THEME */ .cm-s-default .cm-keyword {color: #708;} .cm-s-default .cm-atom {color: #219;} .cm-s-default .cm-number {color: #164;} .cm-s-default .cm-def {color: #00f;} .cm-s-default .cm-variable, .cm-s-default .cm-punctuation, .cm-s-default .cm-property, .cm-s-default .cm-operator {} .cm-s-default .cm-variable-2 {color: #05a;} .cm-s-default .cm-variable-3 {color: #085;} .cm-s-default .cm-comment {color: #a50;} .cm-s-default .cm-string {color: #a11;} .cm-s-default .cm-string-2 {color: #f50;} .cm-s-default .cm-meta {color: #555;} .cm-s-default .cm-qualifier {color: #555;} .cm-s-default .cm-builtin {color: #30a;} .cm-s-default .cm-bracket {color: #997;} .cm-s-default .cm-tag {color: #170;} .cm-s-default .cm-attribute {color: #00c;} .cm-s-default .cm-header {color: blue;} .cm-s-default .cm-quote {color: #090;} .cm-s-default .cm-hr {color: #999;} .cm-s-default .cm-link {color: #00c;} .cm-negative {color: #d44;} .cm-positive {color: #292;} .cm-header, .cm-strong {font-weight: bold;} .cm-em {font-style: italic;} .cm-link {text-decoration: underline;} .cm-s-default .cm-error {color: #f00;} .cm-invalidchar {color: #f00;} /* Default styles for common addons */ div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;} div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } .CodeMirror-activeline-background {background: #e8f2ff;} /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .CodeMirror { line-height: 1; position: relative; overflow: hidden; background: white; color: black; } .CodeMirror-scroll { /* 30px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; -moz-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-sizer { position: relative; border-right: 30px solid transparent; -moz-box-sizing: content-box; box-sizing: content-box; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actuall scrolling happens, thus preventing shaking and flickering artifacts. */ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; padding-bottom: 30px; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; -moz-box-sizing: content-box; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; /* Hack to make IE7 behave */ *zoom:1; *display:inline; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .CodeMirror pre { /* Reset some styles that the rest of the page might have set */ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; } .CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; } .CodeMirror-widget {} .CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-measure pre { position: static; } .CodeMirror div.CodeMirror-cursor { position: absolute; border-right: none; width: 0; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .cm-searching { background: #ffa; background: rgba(255, 255, 0, .4); } /* IE7 hack to prevent it from returning funny offsetTops on the spans */ .CodeMirror span { *vertical-align: text-bottom; } /* Used to force a border model for a node */ .cm-force-border { padding-right: .1px; } @media print { /* Hide the cursor when printing */ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* Help users use markselection to safely style text background */ span.CodeMirror-selectedtext { background: none; } ================================================ FILE: public/admin/css/colorpicker/colorpicker.css ================================================ /*** Spectrum Colorpicker v1.5.1 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } .sp-palette-button-container, .sp-button-container { float: right; } .sp-replacer:hover, .sp-replacer.sp-active { color:rgba(0,0,0,.87); } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float:left; font-size:10px; } .sp-preview { position:relative; width:25px; height: 20px; border: solid 1px #222; margin-right: 5px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } /*///////////////////////*/ /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { background-color:#e0e0e0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; border:none; bottom:0; cursor:pointer; display:block; outline:none; padding-left:16px; padding-top:13px; position:absolute; right:0; top:0; width:54px; color:rgba(0,0,0,.56); -webkit-transition:color.4s; -moz-transition:color.4s; -ms-transition:color.4s; -o-transition:color.4s; transition:color.4s; } .j-forms .color-group input { -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; } .j-forms .color-group { position: relative; padding-right:70px; display:block; } ================================================ FILE: public/admin/css/data-table/bootstrap-editable.css ================================================ /*! X-editable - v1.5.1 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ .editableform { margin-bottom: 0; /* overwrites bootstrap margin */ } .editableform .control-group { margin-bottom: 0; /* overwrites bootstrap margin */ white-space: nowrap; /* prevent wrapping buttons on new line */ line-height: 20px; /* overwriting bootstrap line-height. See #133 */ } /* BS3 width:1005 for inputs breaks editable form in popup See: https://github.com/vitalets/x-editable/issues/393 */ .editableform .form-control { width: auto; } .editable-buttons { display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ vertical-align: top; margin-left: 7px; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-input { vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons .editable-cancel { margin-left: 7px; } /*for jquery-ui buttons need set height to look more pretty*/ .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editableform-loading { background: url('../img/loading.gif') center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } .editable-error-block { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } /*add padding for jquery ui*/ .editable-error-block.ui-state-error { padding: 3px; } .editable-error { color: red; } /* ---- For specific types ---- */ .editableform .editable-date { padding: 0; margin: 0; float: left; } /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } /* checklist vertical alignment */ .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } .editable-checklist label { white-space: nowrap; } /* set exact width of textarea to fit buttons toolbar */ .editable-wysihtml5 { width: 566px; height: 250px; } /* clear button shown as link in date inputs */ .editable-clear { clear: both; font-size: 0.9em; text-decoration: none; text-align: right; } /* IOS-style clear button for text inputs */ .editable-clear-x { background: url('../img/clear.png') center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; top: 50%; right: 6px; margin-top: -6px; } .editable-clear-x:hover { opacity: 1; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup { max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ } .editable-container.popover { width: auto; /* without this rule popover does not stretch */ } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-container.ui-widget { font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ } .editable-click, a.editable-click, a.editable-click:hover { text-decoration: none; border-bottom: dashed 1px #0088cc; } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus{ font-style: italic; color: #DD1144; /* border-bottom: none; */ text-decoration: none; } .editable-unsaved { font-weight: bold; } .editable-unsaved:after { /* content: '*'*/ } .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; -moz-transition: background-color 1400ms ease-out; -o-transition: background-color 1400ms ease-out; -ms-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } /*see https://github.com/vitalets/x-editable/issues/139 */ .form-horizontal .editable { padding-top: 5px; display:inline-block; } /*! * 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-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .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; } .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 { 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, #b3b3b3, #808080); background-image: -ms-linear-gradient(top, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); background-image: -o-linear-gradient(top, #b3b3b3, #808080); background-image: linear-gradient(top, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #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; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .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 { display: block; 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: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; 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; } ================================================ FILE: public/admin/css/data-table/bootstrap-table.css ================================================ /** * @author zhixin wen * version: 1.11.0 * https://github.com/wenzhixin/bootstrap-table/ */ .bootstrap-table .table { margin-bottom: 0 !important; border-bottom: 1px solid #dddddd; border-collapse: collapse !important; border-radius: 1px; } .bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td { padding: 8px; } .bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td { border-right: 2px solid transparent; } .bootstrap-table .table.table-no-bordered > tbody > tr > td:last-child { border-right: none; } .fixed-table-container { position: relative; clear: both; border: 1px solid #dddddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .fixed-table-container.table-no-bordered { border: 1px solid transparent; } .fixed-table-footer, .fixed-table-header { overflow: hidden; } .fixed-table-footer { border-top: 1px solid #dddddd; } .fixed-table-body { overflow-x: auto; overflow-y: auto; height: 100%; } .fixed-table-container table { width: 100%; } .fixed-table-container thead th { height: 0; padding: 0; margin: 0; border-left: 1px solid #dddddd; } .fixed-table-container thead th:focus { outline: 0 solid transparent; } .fixed-table-container thead th:first-child { border-left: none; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner { padding: 8px; line-height: 24px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fixed-table-container thead th .sortable { cursor: pointer; background-position: right; background-repeat: no-repeat; padding-right: 30px; } .fixed-table-container thead th .both { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC'); } .fixed-table-container thead th .asc { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg=='); } .fixed-table-container thead th .desc { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= '); } .fixed-table-container th.detail { width: 30px; } .fixed-table-container tbody td { border-left: 1px solid #dddddd; } .fixed-table-container tbody tr:first-child td { border-top: none; } .fixed-table-container tbody td:first-child { border-left: none; } /* the same color with .active */ .fixed-table-container tbody .selected td { background-color: #f5f5f5; } .fixed-table-container .bs-checkbox { text-align: center; } .fixed-table-container .bs-checkbox .th-inner { padding: 8px 0; } .fixed-table-container input[type="radio"], .fixed-table-container input[type="checkbox"] { margin: 0 auto !important; } .fixed-table-container .no-records-found { text-align: center; } .fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail { margin-top: 10px; margin-bottom: 10px; } .fixed-table-pagination div.pagination .pagination { margin: 0; } .fixed-table-pagination .pagination a { padding: 6px 12px; line-height: 1.428571429; } .fixed-table-pagination .pagination-info { line-height: 34px; margin-right: 5px; } .fixed-table-pagination .btn-group { position: relative; display: inline-block; vertical-align: middle; } .fixed-table-pagination .dropup .dropdown-menu { margin-bottom: 0; } .fixed-table-pagination .page-list { display: inline-block; } .fixed-table-toolbar .columns-left { margin-right: 5px; } .fixed-table-toolbar .columns-right { margin-left: 5px; } .fixed-table-toolbar .columns label { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; } .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns { position: relative; margin-top: 10px; margin-bottom: 10px; line-height: 34px; } .fixed-table-pagination li.disabled a { pointer-events: none; cursor: default; } .fixed-table-loading { display: none; position: absolute; top: 42px; right: 0; bottom: 0; left: 0; z-index: 99; background-color: #fff; text-align: center; } .fixed-table-body .card-view .title { font-weight: bold; display: inline-block; min-width: 30%; text-align: left !important; } /* support bootstrap 2 */ .fixed-table-body thead th .th-inner { box-sizing: border-box; } .table th, .table td { vertical-align: middle; box-sizing: border-box; } .fixed-table-toolbar .dropdown-menu { text-align: left; max-height: 300px; overflow: auto; } .fixed-table-toolbar .btn-group > .btn-group { display: inline-block; margin-left: -1px !important; } .fixed-table-toolbar .btn-group > .btn-group > .btn { border-radius: 0; } .fixed-table-toolbar .btn-group > .btn-group:first-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fixed-table-toolbar .btn-group > .btn-group:last-child > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .bootstrap-table .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #ddd; } /* support bootstrap 3 */ .bootstrap-table .table thead > tr > th { padding: 0; margin: 0; } .bootstrap-table .fixed-table-footer tbody > tr > td { padding: 0 !important; } .bootstrap-table .fixed-table-footer .table { border-bottom: none; border-radius: 0; padding: 0 !important; } .bootstrap-table .pull-right .dropdown-menu { right: 0; left: auto; } /* calculate scrollbar width */ p.fixed-table-scroll-inner { width: 100%; height: 200px; } div.fixed-table-scroll-outer { top: 0; left: 0; visibility: hidden; width: 200px; height: 150px; overflow: hidden; } /* for get correct heights */ .fixed-table-toolbar:after, .fixed-table-pagination:after { content: ""; display: block; clear: both; } ================================================ FILE: public/admin/css/datapicker/datepicker3.css ================================================ /*! * 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; 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 #fff; 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 #fff; } .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 table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; 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 { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .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:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .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, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .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, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .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], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #ffdb99; border-color: #ffb733; } .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; 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 { color: #000000; background-color: #f7ca77; border-color: #f1a417; 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:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .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, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .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, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .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], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .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:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .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, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #858585; border-color: #373737; } .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, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .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], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; 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:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .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, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .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, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .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], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; 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 { color: #ffffff; background-color: #428bca; border-color: #357ebd; 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:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .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, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .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, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .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], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .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-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border-width: 1px 0; 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); 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: 1.428571429; } .datepicker.dropdown-menu th, .datepicker.dropdown-menu td { padding: 4px 5px; } ================================================ FILE: public/admin/css/datetimepicker.css ================================================ /*! * Datetimepicker 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 * */ .datetimepicker { padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datetimepicker-inline { width: 220px; } .datetimepicker.datetimepicker-rtl { direction: rtl; } .datetimepicker.datetimepicker-rtl table tr td span { float: right; } .datetimepicker-dropdown, .datetimepicker-dropdown-left { top: 0; left: 0; } [class*=" datetimepicker-dropdown"]:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } [class*=" datetimepicker-dropdown"]:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; } [class*=" datetimepicker-dropdown-top"]:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; } [class*=" datetimepicker-dropdown-top"]:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; border-bottom: 0; } .datetimepicker-dropdown-bottom-right:before { top: -7px; right: 6px; } .datetimepicker-dropdown-bottom-right:after { top: -6px; right: 7px; } .datetimepicker-dropdown-bottom-left:before { top: -7px; left: 6px; } .datetimepicker-dropdown-bottom-left:after { top: -6px; left: 7px; } .datetimepicker-dropdown-top-right:before { bottom: -7px; right: 6px; } .datetimepicker-dropdown-top-right:after { bottom: -6px; right: 7px; } .datetimepicker-dropdown-top-left:before { bottom: -7px; left: 6px; } .datetimepicker-dropdown-top-left:after { bottom: -6px; left: 7px; } .datetimepicker > div { display: none; } .datetimepicker.minutes div.datetimepicker-minutes { display: block; } .datetimepicker.hours div.datetimepicker-hours { display: block; } .datetimepicker.days div.datetimepicker-days { display: block; } .datetimepicker.months div.datetimepicker-months { display: block; } .datetimepicker.years div.datetimepicker-years { display: block; } .datetimepicker table { margin: 0; } .datetimepicker td, .datetimepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th { background-color: transparent; } .datetimepicker table tr td.minute:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.hour:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.day:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.old, .datetimepicker table tr td.new { color: #999999; } .datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker 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); } .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker 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); } .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datetimepicker 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; } .datetimepicker .datetimepicker-hours span { height: 26px; line-height: 26px; } .datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm { width: 14.6%; } .datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend { margin-bottom: inherit; line-height: 30px; } .datetimepicker .datetimepicker-minutes span { height: 26px; line-height: 26px; } .datetimepicker table tr td span:hover { background: #eeeeee; } .datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker 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); } .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datetimepicker table tr td span.old { color: #999999; } .datetimepicker th.switch { width: 145px; } .datetimepicker thead tr:first-child th, .datetimepicker tfoot tr:first-child th { cursor: pointer; } .datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { cursor: pointer; width: 14px; height: 14px; } ================================================ FILE: public/admin/css/dropzone.css ================================================ /* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; padding: 20px 20px; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { text-align: center; margin: 2em 0; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); } .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } .dropzone-pro{ padding:20px; background:#fff; } .download-icon{ font-size:50px; padding-bottom: 15px; display: block; } .download-custom h2{ font-size:20px; } .download-custom p{ font-size:14px; } .dropzone.dropzone-custom{ border: 2px dashed #ff9966; } .dropzone-custom-sys{ text-align:center; padding:30px 100px; background:#fff; } .dropzone-custom-sys p{ margin:0px; } ================================================ FILE: public/admin/css/form/all-type-forms.css ================================================ /* Default =============================== */ .wrapper { margin:0 auto; outline:none; padding:40px 15px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; max-width: 640px; } .ts-forms .input { position:relative; } .ts-forms .tsbox { position:relative; margin-bottom:25px; } .ts-forms .link { border-bottom:1px solid #90caf9; color:#1e88e5; font-size:14px; line-height:inherit; text-decoration:none; } .ts-forms .link:hover { border-bottom:none; } .ts-forms .inline-group { display:inline-block; } .ts-forms .hidden { display:none; } /* Reset for -webkit / -moz browser =============================== */ .ts-forms input[type="search"]::-webkit-search-decoration, .ts-forms input[type="search"]::-webkit-search-cancel-button, .ts-forms input[type="search"]::-webkit-search-results-button, .ts-forms input[type="search"]::-webkit-search-results-decoration { display:none; } .ts-forms select, .ts-forms input[type="button"], .ts-forms input[type="submit"], .ts-forms input[type="search"] { -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0px; border-radius:0px; } /* Header =============================== */ .ts-forms .header { background-color: #ff0000; border-bottom: 5px solid #e00000; border-radius: 3px 3px 0 0; display: block; position: relative; } .ts-forms .header > i { color:#fff; font-size:31px; float:left; padding:31px 15px 0 25px; } .ts-forms .header p { font-size: 30px; margin: 0 auto; padding: 30px 25px; text-align: center; text-transform: uppercase; color:#FFF; text-shadow:#ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0,rgba(0,0,0,.1) 0 6px 1px, rgba(0,0,0,.1) 0 0 5px, rgba(0,0,0,.3) 0 1px 3px, rgba(0,0,0,.15) 0 3px 5px, rgba(0,0,0,.2) 0 5px 10px, rgba(0,0,0,.2) 0 10px 10px, rgba(0,0,0,.1) 0 20px 20px; } /* Content =============================== */ .ts-forms .content { padding:25px 25px 0; } .ts-forms .content:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } /* Footer =============================== */ .ts-forms .footer { background-color:#e8eaf6; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; display:block; padding:10px 25px; } .ts-forms .footer:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } /* Dividers =============================== */ .ts-forms .divider, .ts-forms .divider-text { border-top:1px solid rgba(0,0,0,.12); height:0; } .ts-forms .divider-text { text-align:center; } .ts-forms .divider-text span { border:1px solid rgba(0,0,0,.12); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background-color:#f9fafd; color:#FF0000; font-size:16px; padding:2px 15px; position:relative; top:-9px; white-space:nowrap; } /* Gap-top / gap-bottom classes =============================== */ .ts-forms .gap-top-20 { margin-top:20px; } /* text-divider top gap after "content"/"ts-row" classes */ .ts-forms .gap-top-45 { margin-top:45px; } /* text-divider top gap after "tsbox" class */ .ts-forms .gap-bottom-45 { margin-bottom:45px; } /* text-divider bottom gap */ .ts-forms .gap-bottom-25 { margin-bottom:25px; } /* line-divider bottom gap */ /* Labels =============================== */ .ts-forms label { display:block; color:inherit; font-weight:normal; text-align:left; margin-bottom:0; } .ts-forms .label { font-size:14px; margin-bottom:15px; line-height:14px; height:14px; } .ts-forms .label-center { height:48px; line-height:48px; text-align:center; margin-bottom:0; } .ts-forms .ts-row > .label{ padding-left:10px; } /* Radio and checkbox =============================== */ .ts-forms .radio, .ts-forms .checkbox, .ts-forms .radio-toggle, .ts-forms .checkbox-toggle { color:rgba(0,0,0,.87); cursor:pointer; font-size:15px; height:15px; margin-bottom:4px; position:relative; line-height:15px; } .ts-forms .radio, .ts-forms .checkbox, .ts-forms .inline-group .radio, .ts-forms .inline-group .checkbox { padding:9px 0 8px 32px; } .ts-forms .radio-toggle, .ts-forms .checkbox-toggle, .ts-forms .inline-group .radio-toggle, .ts-forms .inline-group .checkbox-toggle { padding:9px 0 8px 58px; } .ts-forms .radio:last-child, .ts-forms .checkbox:last-child, .ts-forms .radio-toggle:last-child, .ts-forms .checkbox-toggle:last-child { margin-bottom:0; } .ts-forms .inline-group .radio, .ts-forms .inline-group .checkbox, .ts-forms .inline-group .radio-toggle, .ts-forms .inline-group .checkbox-toggle { display:inline-block; margin-right:25px; } .ts-forms .radio input, .ts-forms .checkbox input, .ts-forms .radio-toggle input, .ts-forms .checkbox-toggle input { position:absolute; left:-9999px; } .ts-forms .radio i, .ts-forms .checkbox i, .ts-forms .checkbox-toggle i, .ts-forms .radio-toggle i { background-color:#fff; border:2px solid rgba(0,0,0,.26); display:block; height:18px; left:0; outline:none; position:absolute; top:5px; -webkit-transition:border-color.2s; -moz-transition:border-color.2s; -ms-transition:border-color.2s; -o-transition:border-color.2s; transition:border-color.2s; } .ts-forms .radio i, .ts-forms .checkbox i { width:18px; } .ts-forms .checkbox-toggle i, .ts-forms .radio-toggle i { width:44px; } .ts-forms .checkbox i, .ts-forms .checkbox-toggle i { -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .ts-forms .radio i, .ts-forms .radio i:after, .ts-forms .radio-toggle i:before { -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .ts-forms .radio-toggle i { -webkit-border-radius:13px; -moz-border-radius:13px; -o-border-radius:13px; border-radius:13px; } .ts-forms .checkbox-toggle i:before { -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } .ts-forms .radio i:after { background-color:#FF0000; content:""; height:8px; top:5px; left:5px; opacity:0; position:absolute; width:8px; } .ts-forms .checkbox i:after { border-width:0 0 3px 3px; border-bottom:solid #f00; border-left:solid #f00; content:""; height:5px; top:3px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); left:3px; opacity:0; position:absolute; width:10px; } .ts-forms .radio input:checked + i:after, .ts-forms .checkbox input:checked + i:after { opacity:1; } .ts-forms .checkbox-toggle i:before, .ts-forms .radio-toggle i:before { border:none; background-color:#03a9f4; content:""; display:block; height:14px; left:2px; position:absolute; top:2px; width:14px; } .ts-forms .checkbox-toggle input:checked + i:before, .ts-forms .radio-toggle input:checked + i:before { left:28px; } .ts-forms .checkbox-toggle i:after, .ts-forms .radio-toggle i:after, .ts-forms .checkbox-toggle input:checked + i:after, .ts-forms .radio-toggle input:checked + i:after { font-size:10px; font-style:normal; font-weight:bold; line-height:10px; position:absolute; top:4px; } .ts-forms .checkbox-toggle i:after, .ts-forms .radio-toggle i:after { content:"OFF"; left:22px; } .ts-forms .checkbox-toggle input:checked + i:after, .ts-forms .radio-toggle input:checked + i:after { content:"ON"; left:6px; } .ts-forms .checkbox:hover i, .ts-forms .radio:hover i, .ts-forms .checkbox-toggle:hover i, .ts-forms .radio-toggle:hover i { border:2px solid rgba(48,63,159,.6); } .ts-forms .radio input:checked + i, .ts-forms .checkbox input:checked + i, .ts-forms .radio-toggle input:checked + i, .ts-forms .checkbox-toggle input:checked + i { border:2px solid #03a9f4; } .ts-forms .radio input:checked + i, .ts-forms .checkbox input:checked + i { color:rgba(48,63,159,.9); } .ts-forms .checkbox-toggle input:checked + i, .ts-forms .radio-toggle input:checked + i { background-color:#e8eaf6; } /* Widget =============================== */ .ts-forms .widget { position: relative; } .ts-forms .widget .addon, .ts-forms .widget .addon-btn { background:#e0e0e0; border:none; color:rgba(0,0,0,.56); display:block; font:16px 'Open Sans',Helvetica,Arial,sans-serif; height:48px; line-height:48px; padding:0; position:absolute; outline:none; overflow:hidden; text-align:center; top:0; z-index:5; } .ts-forms .widget .addon-btn, .ts-forms .widget .addon-btn i { cursor:pointer; -webkit-transition:all.2s; -moz-transition:all.2s; -ms-transition:all.2s; -o-transition:all.2s; transition:all.2s; } .ts-forms .widget .addon-btn:hover, .ts-forms .widget .addon-btn:focus { background-color:#d6d6d6; color:rgba(0,0,0,.87); } .ts-forms .widget .addon-btn:hover i, .ts-forms .widget .addon-btn:focus i { color:rgba(0,0,0,.61); } .ts-forms .widget .adn-left { left:0; } .ts-forms .widget .adn-right { right:0; } .ts-forms .widget .addon i, .ts-forms .widget .addon-btn i { color:rgba(0,0,0,.34); font-size:17px; z-index:2; } .ts-forms .widget .adn-50 { width:50px; } .ts-forms .widget .adn-130 { width:130px; } .ts-forms .widget.right-50 .input { padding-right:50px; } .ts-forms .widget.left-50 .input { padding-left:50px; } .ts-forms .widget.right-130 .input { padding-right:130px; } .ts-forms .widget.left-130 .input { padding-left:130px; } .ts-forms .widget .adn-left, .ts-forms .widget.right-50 .input input, .ts-forms .widget.right-130 .input input { -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; } .ts-forms .widget .adn-right, .ts-forms .widget.left-50 .input input, .ts-forms .widget.left-130 .input input { -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; } .ts-forms .widget.left-50.right-50 .input input, .ts-forms .widget.left-50.right-130 .input input, .ts-forms .widget.left-130.right-50 .input input, .ts-forms .widget.left-130.right-130 .input input { -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; } /* Inputs =============================== */ .ts-forms input[type="text"], .ts-forms input[type="password"], .ts-forms input[type="email"], .ts-forms input[type="search"], .ts-forms input[type="url"], .ts-forms textarea, .ts-forms select { background:#fff; border:2px solid rgba(0,0,0,.12); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; color:rgba(0,0,0,.87); display:block; font-family:inherit; font-size:16px; height:48px; padding:10px 15px; width:100%; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all.4s; -moz-transition:all.4s; -ms-transition:all.4s; -o-transition:all.4s; transition:all.4s; } .ts-forms input[type="text"]:hover, .ts-forms input[type="password"]:hover, .ts-forms input[type="email"]:hover, .ts-forms input[type="search"]:hover, .ts-forms input[type="url"]:hover, .ts-forms textarea:hover, .ts-forms select:hover { border:2px solid #FF0000; } .ts-forms input[type="text"]:focus, .ts-forms input[type="password"]:focus, .ts-forms input[type="email"]:focus, .ts-forms input[type="search"]:focus, .ts-forms input[type="url"]:focus, .ts-forms textarea:focus, .ts-forms select:focus { border:2px solid #F00; } .ts-forms .input textarea { height:112px; overflow:auto; min-height:52px; resize:vertical; } .ts-forms .input textarea:focus { height:128px; } /* Placeholders =============================== */ .ts-forms input::-webkit-input-placeholder, .ts-forms textarea::-webkit-input-placeholder { color:rgba(0,0,0,.54); } .ts-forms input::-moz-placeholder, .ts-forms textarea::-moz-placeholder { color:rgba(0,0,0,.54); } .ts-forms input:-moz-placeholder, .ts-forms textarea:-moz-placeholder { color:rgba(0,0,0,.54); } .ts-forms input:-ms-input-placeholder, .ts-forms textarea:-ms-input-placeholder { color:rgba(0,0,0,.54); } .ts-forms input:focus::-webkit-input-placeholder, .ts-forms textarea:focus::-webkit-input-placeholder { color:rgba(0,0,0,.36); } .ts-forms input:focus::-moz-placeholder, .ts-forms textarea:focus::-moz-placeholder { color:rgba(0,0,0,.36); } .ts-forms input:focus:-moz-placeholder, .ts-forms textarea:focus:-moz-placeholder { color:rgba(0,0,0,.36); } .ts-forms input:focus:-ms-input-placeholder, .ts-forms textarea:focus:-ms-input-placeholder { color:rgba(0,0,0,.36); } /* Select =============================== */ .ts-forms select { padding-left:13px; } .ts-forms .multiple-select select { height:auto; } .ts-forms .select i { background:#fff; -webkit-box-shadow:0 0 0 11px #fff; -moz-box-shadow:0 0 0 11px #fff; -o-box-shadow:0 0 0 11px #fff; box-shadow:0 0 0 11px #fff; height:20px; position:absolute; pointer-events:none; top:14px; right:14px; width:14px; } .ts-forms .select i:after, .ts-forms .select i:before { border-right:4px solid transparent; border-left:4px solid transparent; content:''; position:absolute; right:3px; } .ts-forms .select i:after { border-top:6px solid rgba(0,0,0,.4); bottom:1px; } .ts-forms .select i:before { border-bottom:6px solid rgba(0,0,0,.4); top:3px; } .ts-forms .select { position:relative; } /* Icons =============================== */ .ts-forms .icon-left, .ts-forms .icon-right { color:rgba(0,0,0,.54); font-size:17px; height:38px; line-height:38px !important; opacity:.6; position:absolute; text-align:center; top:5px; width:42px; z-index:2; } .ts-forms .icon-left { left:3px; } .ts-forms .icon-right { right:3px; } .ts-forms .icon-left ~ input, .ts-forms .icon-left ~ textarea { padding-left:58px; } .ts-forms .icon-right ~ input, .ts-forms .icon-right ~ textarea { padding-right:58px; } /* File for upload =============================== */ .ts-forms .file-button input { bottom:-1px; font-size:34px; opacity:0; position:absolute; width:108px; z-index:0; } .ts-forms .prepend-small-btn .file-button input, .ts-forms .prepend-big-btn .file-button input { left:0; } .ts-forms .append-small-btn .file-button input, .ts-forms .append-big-btn .file-button input { right:0; } .ts-forms .prepend-small-btn .file-button, .ts-forms .append-small-btn .file-button { width:64px; } .ts-forms .prepend-big-btn .file-button, .ts-forms .append-big-btn .file-button { width:106px; } .ts-forms .prepend-small-btn .file-button, .ts-forms .prepend-big-btn .file-button { left:4px; } .ts-forms .append-small-btn .file-button, .ts-forms .append-big-btn .file-button { right:4px; } .ts-forms .append-small-btn .file-button, .ts-forms .append-big-btn .file-button, .ts-forms .prepend-small-btn .file-button, .ts-forms .prepend-big-btn .file-button { -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } .ts-forms .prepend-big-btn input[type="text"] { padding-left:123px; } .ts-forms .append-big-btn input[type="text"] { padding-right:123px; } .ts-forms .prepend-small-btn input[type="text"] { padding-left:81px; } .ts-forms .append-small-btn input[type="text"] { padding-right:81px; } .ts-forms .input input[type="file"] { cursor:pointer; } /* Buttons =============================== */ .ts-forms .primary-btn, .ts-forms .secondary-btn { border: medium none; border-radius: 3px; color: #fff; cursor: pointer; display: block; font: 16px "Open Sans",Helvetica,Arial,sans-serif; height: 48px; margin: 10px auto; outline: medium none; padding: 0 60px; text-align: center; white-space: nowrap; } .ts-forms .primary-btn { position:relative; } .ts-forms .content .primary-btn, .ts-forms .content .secondary-btn { margin:0 0 20px 20px; } .ts-forms .file-button { color:#fff; display:block; font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; height:40px; line-height:40px; outline:none; overflow:hidden; position:absolute; text-align:center; top:4px; z-index:1; } .ts-forms .primary-btn, .ts-forms .file-button, .ts-forms .secondary-btn { background:#FF0000; -webkit-transition:background.2s; -moz-transition:background.2s; -ms-transition:background.2s; -o-transition:background.2s; transition:background.2s; } .ts-forms .primary-btn:hover, .ts-forms .file-button:hover, .ts-forms .secondary-btn:hover { background:#3f51b5; } .ts-forms .primary-btn:hover.processing { background:#303f9f; cursor:wait; } .ts-forms .file-button:hover + input { border:2px solid rgba(48,63,159,.6); } .ts-forms .secondary-btn, .ts-forms .secondary-btn:hover, .ts-forms .secondary-btn:active { opacity:.5; } .ts-forms .primary-btn.processing:before { background:rgba(255,255,255,.4); content:''; height:100%; position:absolute; top:0; left:0; width:100%; -webkit-animation:processing 3s ease-in-out infinite; -moz-animation:processing 3s ease-in-out infinite;; -ms-animation:processing 3s ease-in-out infinite; -o-animation:processing 3s ease-in-out infinite; animation:processing 3s ease-in-out infinite; } @-webkit-keyframes processing { 0% { width:0; } 100% { width:100%; } } @-moz-keyframes processing { 0% { width:0; } 100% { width:100%; } } @-ms-keyframes processing { 0% { width:0; } 100% { width:100%; } } @-o-keyframes processing { 0% { width:0; } 100% { width:100%; } } @keyframes processing { 0% { width:0; } 100% { width:100%; } } /* Tooltip =============================== */ .ts-forms .tooltip, .ts-forms .tooltip-image { background-color:#FF0000; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; display:block; left:-9999px; opacity:0; position:absolute; z-index:20px; } .ts-forms .tooltip { color:#fff; font:600 13px 'Open Sans',Helvetica,Arial,sans-serif; line-height:20px; padding:5px 10px; } .ts-forms .tooltip-image { padding:2px 2px 1px; } .ts-forms .input input:focus + .tooltip, .ts-forms .input textarea:focus + .tooltip, .ts-forms .select select:focus + .tooltip, .ts-forms .input input:focus + .tooltip-image, .ts-forms .input textarea:focus + .tooltip-image, .ts-forms .select select:focus + .tooltip-image { opacity:1; z-index:5; } .ts-forms .tooltip-left-top { bottom:100%; margin-bottom:8px; } .ts-forms .tooltip-left-top:before { border-color:#1a237e transparent; border-style:solid; border-width:8px 7px 0; bottom:-6px; content:""; left:16px; position:absolute; } .ts-forms .input input:focus + .tooltip-left-top, .ts-forms .input textarea:focus + .tooltip-left-top, .ts-forms .select select:focus + .tooltip-left-top { left:0; right:auto; } .ts-forms .tooltip-right-top { bottom:100%; margin-bottom:8px; } .ts-forms .tooltip-right-top:before { border-color:#FF0000 transparent; border-style:solid; border-width:8px 7px 0; bottom:-6px; content:""; position:absolute; right:16px; } .ts-forms .input input:focus + .tooltip-right-top, .ts-forms .input textarea:focus + .tooltip-right-top, .ts-forms .select select:focus + .tooltip-right-top { left:auto; right:0; } .ts-forms .tooltip-left-bottom { margin-top:8px; top:100%; } .ts-forms .tooltip-left-bottom:before { border-color:#1a237e transparent; border-style:solid; border-width:0 7px 8px; top:-6px; content:""; left:16px; position:absolute; } .ts-forms .input input:focus + .tooltip-left-bottom, .ts-forms .input textarea:focus + .tooltip-left-bottom, .ts-forms .select select:focus + .tooltip-left-bottom { left:0; right:auto; } .ts-forms .tooltip-right-bottom { margin-top:8px; top:100%; } .ts-forms .tooltip-right-bottom:before { border-color:#1a237e transparent; border-style:solid; border-width:0 7px 8px; top:-6px; content:""; right:16px; position:absolute; } .ts-forms .input input:focus + .tooltip-right-bottom, .ts-forms .input textarea:focus + .tooltip-right-bottom, .ts-forms .select select:focus + .tooltip-right-bottom { left:auto; right:0; } .ts-forms .tooltip-right-side { margin-left:8px; top:8px; white-space:nowrap; } .ts-forms .tooltip-right-side:before { border-color:transparent #1a237e; border-style:solid; border-width:7px 8px 7px 0; content:""; left:-6px; position:absolute; top:8px; } .ts-forms .input input:focus + .tooltip-right-side, .ts-forms .input textarea:focus + .tooltip-right-side, .ts-forms .select select:focus + .tooltip-right-side { left:100%; } .ts-forms .tooltip-left-side { margin-right:8px; top:8px; white-space:nowrap; } .ts-forms .tooltip-left-side:before { border-color:transparent #1a237e; border-style:solid; border-width:7px 0 7px 8px; content:""; right:-6px; position:absolute; top:8px; } .ts-forms .input input:focus + .tooltip-left-side, .ts-forms .input textarea:focus + .tooltip-left-side, .ts-forms .select select:focus + .tooltip-left-side { left:auto; right:100%; } /* Status message =============================== */ .ts-forms .error-message, .ts-forms .success-message, .ts-forms .info-message, .ts-forms .warning-message { border:2px solid; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; display:block; font:16px/24px 'Open Sans',Helvetica,Arial,sans-serif; padding:15px; } .ts-forms .error-message i, .ts-forms .success-message i, .ts-forms .info-message i, .ts-forms .warning-message i { font-size:18px; float:left; height:24px; line-height:24px; padding-right:10px; } .ts-forms .error-message ul, .ts-forms .success-message ul, .ts-forms .info-message ul, .ts-forms .warning-message ul { margin:0; } .ts-forms span.error-view, .ts-forms span.success-view, .ts-forms span.warning-view, .ts-forms span.info-view { display:block; font-size:14px; height:14px; line-height:14px; margin-top:5px; padding:0 2px; } .ts-forms span.hint { display:block; font-size:13px; color:inherit; height:13px; line-height:13px; margin-top:5px; padding:0 2px; } /* Disabled state =============================== */ .ts-forms .widget.disabled-view, .ts-forms .input.disabled-view, .ts-forms .select.disabled-view, .ts-forms .checkbox.disabled-view, .ts-forms .radio.disabled-view, .ts-forms .checkbox-toggle.disabled-view, .ts-forms .radio-toggle.disabled-view, .ts-forms .primary-btn.disabled-view, .ts-forms .secondary-btn.disabled-view, .ts-forms .file-button.disabled-view { cursor:default; opacity:.5; } .ts-forms .input.disabled-view input[type="file"] { cursor:default; } .ts-forms .widget.disabled-view input, .ts-forms .input.disabled-view input, .ts-forms .input.disabled-view textarea, .ts-forms .select.disabled-view select { border-color:rgba(0,0,0,.12) !important; } .ts-forms .checkbox.disabled-view i, .ts-forms .radio.disabled-view i, .ts-forms .checkbox-toggle.disabled-view i, .ts-forms .radio-toggle.disabled-view i { border-color:rgba(0,0,0,.26) !important; } .ts-forms .primary-btn.disabled-view, .ts-forms .secondary-btn.disabled-view, .ts-forms .disabled-view .file-button { background:#303f9f; } .ts-forms .widget.disabled-view .addon-btn:hover, .ts-forms .widget.disabled-view .addon-btn:focus { background:#e0e0e0; cursor:default; color:rgba(0,0,0,.56); } .ts-forms .widget.disabled-view .addon-btn i { color:rgba(0,0,0,.24) !important; } /* Error state =============================== */ .ts-forms .error-view .checkbox i, .ts-forms .error-view .radio i, .ts-forms .error-view .checkbox-toggle i, .ts-forms .error-view .radio-toggle i, .ts-forms .error-view input, .ts-forms .error-view select, .ts-forms .error-view textarea { background:#ffebee !important; } .ts-forms .select.error-view i { background-color:#ffebee; -webkit-box-shadow:0 0 0 12px #ffebee; -moz-box-shadow:0 0 0 12px #ffebee; -o-box-shadow:0 0 0 12px #ffebee; box-shadow:0 0 0 12px #ffebee; } .ts-forms .error-view .icon-left, .ts-forms .error-view .icon-right { border-color:#e57373; } .ts-forms .error-view .icon-left, .ts-forms .error-view .icon-right, .ts-forms span.error-view, .ts-forms .error-message i { color:#b71c1c; } .ts-forms .error-message { background:#ffebee; border-color:#b71c1c; color:#b71c1c; } /* Success state =============================== */ .ts-forms .success-view .checkbox i, .ts-forms .success-view .radio i, .ts-forms .success-view .checkbox-toggle i, .ts-forms .success-view .radio-toggle i, .ts-forms .success-view input, .ts-forms .success-view select, .ts-forms .success-view textarea { background:#e8f5e9 !important; } .ts-forms .select.success-view i { background-color:#e8f5e9; -webkit-box-shadow:0 0 0 12px #e8f5e9; -moz-box-shadow:0 0 0 12px #e8f5e9; -o-box-shadow:0 0 0 12px #e8f5e9; box-shadow:0 0 0 12px #e8f5e9; } .ts-forms .success-view .icon-left, .ts-forms .success-view .icon-right { border-color:#81c784; } .ts-forms .success-view .icon-left, .ts-forms .success-view .icon-right, .ts-forms span.success-view, .ts-forms .success-message i { color:#1b5e20; } .ts-forms .success-message { background:#e8f5e9; border-color:#1b5e20; color:#1b5e20; } /* Warning state =============================== */ .ts-forms .warning-view .checkbox i, .ts-forms .warning-view .radio i, .ts-forms .warning-view .checkbox-toggle i, .ts-forms .warning-view .radio-toggle i, .ts-forms .warning-view input, .ts-forms .warning-view select, .ts-forms .warning-view textarea { background:#fff8e1 !important; } .ts-forms .select.warning-view i { background-color:#fff8e1; -webkit-box-shadow:0 0 0 12px #fff8e1; -moz-box-shadow:0 0 0 12px #fff8e1; -o-box-shadow:0 0 0 12px #fff8e1; box-shadow:0 0 0 12px #fff8e1; } .ts-forms .warning-view .icon-left, .ts-forms .warning-view .icon-right { border-color:#f9a825; } .ts-forms .warning-view .icon-left, .ts-forms .warning-view .icon-right, .ts-forms span.warning-view, .ts-forms .warning-message i { color:#f57f17; } .ts-forms .warning-message { background:#fff8e1; border-color:#f57f17; color:#f57f17; } /* Info state =============================== */ .ts-forms .info-view .checkbox i, .ts-forms .info-view .radio i, .ts-forms .info-view .checkbox-toggle i, .ts-forms .info-view .radio-toggle i, .ts-forms .info-view input, .ts-forms .info-view select, .ts-forms .info-view textarea { background:#e1f5fe !important; } .ts-forms .select.info-view i { background-color:#e1f5fe; -webkit-box-shadow:0 0 0 12px #e1f5fe; -moz-box-shadow:0 0 0 12px #e1f5fe; -o-box-shadow:0 0 0 12px #e1f5fe; box-shadow:0 0 0 12px #e1f5fe; } .ts-forms .info-view .icon-left, .ts-forms .info-view .icon-right { border-color:#0288d1; } .ts-forms .info-view .icon-left, .ts-forms .info-view .icon-right, .ts-forms span.info-view, .ts-forms .info-message i { color:#01579b; } .ts-forms .info-message { background:#e1f5fe; border-color:#01579b; color:#01579b; } /* Ratings ==================================== */ .ts-forms .rating-group { color:rgba(0,0,0,.87); height:30px; line-height:30px; margin-bottom:4px; } .ts-forms .rating-group:last-child { margin-bottom:0; } .ts-forms .rating-group .label { float:left; font-size:16px; height:30px; line-height:30px; margin-bottom:0; } .ts-forms .rating-group .ratings { float:right; height:30px; line-height:30px; } .ts-forms .ratings input { left:-9999px; position:absolute; } .ts-forms .ratings input + label { color:rgba(0,0,0,.26); cursor:pointer; font-size:20px; float:right; padding:0 2px; -webkit-transition:color.2s; -moz-transition:color.2s; -ms-transition:color.2s; -o-transition:color.2s; transition:color.2s; } .ts-forms .ratings input + label:hover, .ts-forms .ratings input + label:hover ~ label, .ts-forms .ratings input:checked + label, .ts-forms .ratings input:checked + label ~ label { color:#303f9f; } /* Social links ==================================== */ .ts-forms .social-btn, .ts-forms .social-icon { margin-bottom:6px; position:relative; } .ts-forms .social-icon { display:inline-block; margin-left:2px; margin-right:2px; } .ts-forms .social-center { text-align:center; } .ts-forms .social-btn i, .ts-forms .social-icon i { background-color:rgba(0,0,0,.15); color:#fff; cursor:pointer; font-size:22px; left:0; line-height:48px; position:absolute; text-align:center; width:48px; z-index:2; } .ts-forms .social-btn i { -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; } .ts-forms .social-icon i { -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .ts-forms .social-btn button, .ts-forms .social-icon button { -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; border:none; color:#fff; cursor:pointer; font:16px 'Open Sans',Helvetica,Arial,sans-serif; padding:0 0 0 48px; outline:none; overflow:hidden; height:48px; white-space:nowrap; -webkit-transition:background.2s; -moz-transition:background.2s; -ms-transition:background.2s; -o-transition:background.2s; transition:background.2s; } .ts-forms .social-btn button { width:100%; } .ts-forms .social-icon button { width:48px; } .ts-forms .social-btn.vk button, .ts-forms .social-icon.vk button { background:rgb(47,80,112); } .ts-forms .social-btn.vk:hover button, .ts-forms .social.vk:hover button { background:rgba(47,80,112,.85); } .ts-forms .social-btn.skype button, .ts-forms .social-icon.skype button { background:rgb(19,176,237); } .ts-forms .social-btn.skype:hover button, .ts-forms .social-icon.skype:hover button { background:rgba(19,176,237,.85); } .ts-forms .social-btn.yahoo button, .ts-forms .social-icon.yahoo button { background:rgb(112,14,156); } .ts-forms .social-btn.yahoo:hover button, .ts-forms .social-icon.yahoo:hover button { background:rgba(112,14,156,.85); } .ts-forms .social-btn.flickr button, .ts-forms .social-icon.flickr button { background:rgb(254,59,147); } .ts-forms .social-btn.flickr:hover button, .ts-forms .social-icon.flickr:hover button { background:rgba(254,59,147,.85); } .ts-forms .social-btn.tumblr button, .ts-forms .social-icon.tumblr button { background:rgb(56,72,83); } .ts-forms .social-btn.tumblr:hover button, .ts-forms .social-icon.tumblr:hover button { background:rgba(56,72,83,.85); } .ts-forms .social-btn.google button, .ts-forms .social-icon.google button { background:rgb(8,104,185); } .ts-forms .social-btn.google:hover button, .ts-forms .social-icon.google:hover button { background:rgba(8,104,185,.85); } .ts-forms .social-btn.twitter button, .ts-forms .social-icon.twitter button { background:rgb(44,168,210); } .ts-forms .social-btn.twitter:hover button, .ts-forms .social-icon.twitter:hover button { background:rgba(44,168,210,.85); } .ts-forms .social-btn.youtube button, .ts-forms .social-icon.youtube button { background:rgb(206,51,44); } .ts-forms .social-btn.youtube:hover button, .ts-forms .social-icon.youtube:hover button { background:rgba(206,51,44,.85); } .ts-forms .social-btn.facebook button, .ts-forms .social-icon.facebook button { background:rgb(48,88,145); } .ts-forms .social-btn.facebook:hover button, .ts-forms .social-icon.facebook:hover button { background:rgba(48,88,145,.85); } .ts-forms .social-btn.linkedin button, .ts-forms .social-icon.linkedin button { background:rgb(68,152,200); } .ts-forms .social-btn.linkedin:hover button, .ts-forms .social-icon.linkedin:hover button { background:rgba(68,152,200,.85); } .ts-forms .social-btn.pinterest button, .ts-forms .social-icon.pinterest button { background:rgb(200,40,40); } .ts-forms .social-btn.pinterest:hover button, .ts-forms .social-icon.pinterest:hover button { background:rgba(200,40,40,.85); } .ts-forms .social-btn.google-plus button, .ts-forms .social-icon.google-plus button { background:rgb(206,77,57); } .ts-forms .social-btn.google-plus:hover button, .ts-forms .social-icon.google-plus:hover button { background:rgba(206,77,57,.85); } /* Captcha =============================== */ .ts-forms .captcha-group { position: relative; } .ts-forms .captcha-group .captcha { background-color:#e0e0e0; border:none; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; height:48px; line-height:48px; position:absolute; outline:none; text-align:center; top:0; width:90px; } .ts-forms .captcha-group .input { padding-left:90px; } .ts-forms .captcha-group .input input { -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; } /* Stepper =============================== */ .ts-forms .stepper { position:relative; padding-right:40px; } .ts-forms .stepper input { -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; } .ts-forms .stepper .stepper-wrapper { -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; bottom:0; outline:none; position:absolute; right:0; top:0; overflow:hidden; width:40px; } .ts-forms .stepper input::-webkit-inner-spin-button, .ts-forms .stepper input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; } .ts-forms .stepper .stepper-arrow { background-color:#e0e0e0; cursor:pointer; display:block; height:50%; -webkit-transition:background-color.4s; -moz-transition:background-color.4s; -ms-transition:background-color.4s; -o-transition:background-color.4s; transition:background-color.4s; } .ts-forms .stepper .stepper-arrow:hover { background-color:#d6d6d6; } .ts-forms .stepper .stepper-arrow.down { bottom: 0; } .ts-forms .stepper .stepper-arrow.up:after, .ts-forms .stepper .stepper-arrow.down:after { border-right:5px solid transparent; border-left:5px solid transparent; content:''; position:absolute; right:16px; -webkit-transition:all.4s; -moz-transition:all.4s; -ms-transition:all.4s; -o-transition:all.4s; transition:all.4s; } .ts-forms .stepper .stepper-arrow.down:after { border-top:7px solid rgba(0,0,0,.56); bottom:13px; } .ts-forms .stepper .stepper-arrow.up:after { border-bottom: 7px solid rgba(0,0,0,.56); top:13px; } .ts-forms .stepper .stepper-arrow:hover.down:after { border-top:7px solid rgba(0,0,0,.87); } .ts-forms .stepper .stepper-arrow:hover.up:after { border-bottom: 7px solid rgba(0,0,0,.87); } /* Datapicker and Timepicker =============================== */ .ui-datepicker { background-color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; border:1px solid rgba(0,0,0,.26); -webkit-box-shadow:0 0 2px rgba(0,0,0,.5); -moz-box-shadow:0 0 2px rgba(0,0,0,.5); -o-box-shadow:0 0 2px rgba(0,0,0,.5); box-shadow:0 0 2px rgba(0,0,0,.5); color:rgba(0,0,0,.54); display:none; font:16px 'Open Sans',Helvetica,Arial,sans-serif; text-align:center; padding:10px 0; width:240px; z-index:1100 !important; } .ui-datepicker-header { background-color:#f0f0f0; line-height:1.5; margin:-2px 0 12px; padding:10px; position:relative; } .ui-datepicker-prev, .ui-datepicker-next { cursor:pointer; display:block; font-size:18px; height:30px; position:absolute; text-decoration:none; top:6px; width:30px; } .ui-datepicker-prev { border-right:1px solid #FF0000; left:0; background:url(../images/left.png) no-repeat center; } .ui-datepicker-next { border-left:1px solid #FF0000; right:0; background:url(../images/right.png) no-repeat center; } .ui-datepicker-calendar { border-collapse:collapse; line-height:1.5; width:100%; } .ui-datepicker-calendar th span { color:rgba(0,0,0,.26); font-weight:lighter; } .ui-datepicker-calendar a, .ui-datepicker-calendar span { color:rgba(0,0,0,.54); display:block; font-size:16px; margin:0 auto; text-decoration:none; width:28px; } .ui-datepicker-calendar a:hover, .ui-datepicker-calendar .ui-state-active { background-color:#FF0000; color:#FFF; font-weight:bold; } .ui-datepicker-today a { outline:1px solid #FF0000; } .ui-datepicker-inline { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:2px solid rgba(0,0,0,.12); -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; width:100%; } .ui-state-disabled span { color:rgba(0,0,0,.26); } .ui-timepicker-div .ui-widget-header { background-color:#f0f0f0; margin-bottom:8px; padding:10px 0; } .ui-timepicker-div dl { text-align:left; } .ui-timepicker-div dl dt { float:left; clear:left; padding:0 0 0 5px; } .ui-timepicker-div td { font-size:90%; } .ui-tpicker-grid-label { background:none; border:none; margin:0; padding:0; } .ui-timepicker-rtl{ direction:rtl; } .ui-timepicker-rtl dl { text-align:right; padding:0 5px 0 0; } .ui-timepicker-rtl dl dt{ float:right; clear:right; } .ui-timepicker-rtl dl dd { margin:0 40% 10px 10px; } .ui-timepicker-div { font-size:15px; } .ui-timepicker-div dl { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-top:1px solid rgba(0,0,0,.26); padding:16px 5px; margin:16px 0 0; } .ui-timepicker-div .ui_tpicker_time { margin:0 10px 10px 40%; } .ui-timepicker-div .ui_tpicker_hour, .ui-timepicker-div .ui_tpicker_minute { margin:16px 10px 10px 40%; } .ui-datepicker-buttonpane { border-top:1px solid rgba(0,0,0,.26); } .ui-datepicker-buttonpane button { background:#e0e0e0; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; color:rgba(0,0,0,.56); cursor:pointer; font:14px 'Open Sans',Helvetica,Arial,sans-serif; padding:5px 10px; margin:10px 5px 0; -webkit-transition:all.15s; -moz-transition:all.15s; -ms-transition:all.15s; -o-transition:all.15s; transition:all.15s; outline:none; } .ui-datepicker-buttonpane button:hover { background:#d6d6d6; color:rgba(0,0,0,.87); } /* jQuery Slider =============================== */ .ui-slider { position:relative; } .ui-slider .ui-slider-range { border:none; display:block; font-size:11px; position:absolute; overflow:hidden; z-index:1; } .ui-slider .ui-slider-handle { background-color:#f00; border:1px solid #f00; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; cursor:pointer; height:16px; position:absolute; outline:none; left:-5px; width:16px; z-index:2; } .ui-slider-horizontal { height:7px; } .ui-slider-vertical { height:100px; width:7px; } .ui-slider-horizontal .ui-slider-handle { top:-5px; margin-left:-10px; } .ui-slider-horizontal .ui-slider-range { top:0; height:100%; } .ui-slider-horizontal .ui-slider-range-min { left:0; } .ui-slider-horizontal .ui-slider-range-max { right:0; } .ui-slider-vertical .ui-slider-range-min { bottom:0; } .ui-slider-vertical .ui-slider-range { left:0; width:100%; } .ui-slider.ui-widget-content { background-color:#fff; border:2px solid #e0e0e0; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .ui-slider-vertical .ui-widget-header, .ui-slider-horizontal .ui-widget-header { background-color:#f0f0f0; } .ts-forms .slider-group { font:15px 'Open Sans',Helvetica,Arial,sans-serif; height:48px; line-height:48px; padding:0 2px; margin-bottom:5px; white-space:nowrap; } .ts-forms .slider-group label { display:inline-block; color:rgba(0,0,0,.87); padding:0 4px; } /* Multistep form =============================== */ .ts-forms fieldset { border:none; outline:none; margin:0; padding:0; position:absolute; opacity:0; left:-9999px; top:0; -webkit-transform:translateY(-4%); -moz-transform:translateY(-4%); -ms-transform:translateY(-4%); -o-transform:translateY(-4%); transform:translateY(-4%); -webkit-transition:opacity.3s, -webkit-transform.3s; -moz-transition:opacity.3s, -moz-transform.3s; -ms-transition:opacity.3s, -ms-transform.3s; -o-transition:opacity.3s, -o-transform.3s; transition:opacity.3s, transform.3s; } .ts-forms .steps { border:1px solid rgba(0,0,0,.12); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; margin-bottom:25px; text-align:center; -webkit-transition:all.3s; -moz-transition:all.3s; -ms-transition:all.3s; -o-transition:all.3s; transition:all.3s; padding:4px 0; } .ts-forms .active-fieldset { left:0; position:relative; opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .ts-forms fieldset .tsbox, .ts-forms fieldset .ts-row { display:none; } .ts-forms .active-fieldset .tsbox, .ts-forms .active-fieldset .ts-row { display:block; } .ts-forms .steps p { color:rgba(0,0,0,.56); font-size:16px; height:36px; line-height:36px; margin:0; padding:0; } .ts-forms .active-step span {font-size:13px; height:13px; line-height:13px; color:#FFF !important; } .ts-forms .steps span { color:rgba(0,0,0,.56); font-size:13px; height:13px; line-height:13px; } .ts-forms .active-step .steps p {color:#FFF; } .ts-forms .active-step .steps { background-color:#f00; border:1px solid #e8eaf6; } .ts-forms .passed-step .steps { border:1px solid #e8eaf6; background-color:#CCC; } .ts-forms.j-multistep .input textarea:focus { height:112px; } /* Modal form =============================== */ /* Settings for block with links */ .modal-block { background-color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 15px rgba(0,0,0,.4); -moz-box-shadow:0 0 15px rgba(0,0,0,.4); -o-box-shadow:0 0 15px rgba(0,0,0,.4); box-shadow:0 0 15px rgba(0,0,0,.4); color:rgba(0,0,0,.54); font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:15px; margin:0 auto; max-width:320px; outline:medium none; padding:20px; } .modal-block .modal-link { border-bottom:1px solid #90caf9; color:#1e88e5; font-size:14px; line-height:inherit; text-decoration:none; } .modal-block .modal-link:hover { border-bottom:none; } /* Settings for modal form directly */ .modal-form { display:none; position:fixed; width:100%; z-index:1200; } .modal-fill { background-color:rgba(103,119,129,.5); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:1100; } .ts-forms .modal-close { background-color:rgba(0,0,0,.3); -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; cursor:pointer; position:absolute; right:8px; top:11px; -webkit-transition:background-color.15s; -moz-transition:background-color.15s; -ms-transition:background-color.15s; -o-transition:background-color.15s; transition:background-color.15s; } .ts-forms .modal-close:hover, .ts-forms .modal-close:focus { background-color:rgba(0,0,0,.6); } .ts-forms .modal-close i { display:block; height:22px; width:23px; } .ts-forms .modal-close i:before, .ts-forms .modal-close i:after { background-color:#fff; content:''; height:3px; position:absolute; right:1px; top:10px; width:21px; } .ts-forms .modal-close i:before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .ts-forms .modal-close i:after{ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } /* Pop-up form =============================== */ /* Popup menu forms */ .popup-menu { padding:0 15px; } .popup-list { background-color:#f9fafd; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 15px rgba(0,0,0,.4); -moz-box-shadow:0 0 15px rgba(0,0,0,.4); -o-box-shadow:0 0 15px rgba(0,0,0,.4); box-shadow:0 0 15px rgba(0,0,0,.4); max-width:100%; position:relative; } .popup-list:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } .popup-list > ul { font-size:0; float:right; outline:none; padding:5px; } .popup-list > ul > li { border-left:1px solid rgba(0,0,0,.12); display:inline-block; font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:16px; line-height:45px; padding:0 20px; list-style-type:none; } .popup-list > ul > li:hover { background-color:#e8eaf6; } .popup-list-open { position:relative; } .popup-list-open .ts-forms { margin:10px auto 0; z-index:999; } .popup-list-open .ts-forms .input textarea:focus { height:112px; } .popup-list-open .popup-list-wrapper { display:none; opacity:0; position:absolute; left:-9999px; width:400px; -webkit-animation:popup-list-open.4s both; -moz-animation:popup-list-open.4s both; -ms-animation:popup-list-open.4s both; -o-animation:popup-list-open.4s both; animation:popup-list-open.4s both; } @-webkit-keyframes popup-list-open { from { -webkit-transform:translate(0,-10px); transform:translate(0,-10px); } to { -webkit-transform:translate(0,0); transform:translate(0,0); } } @-moz-keyframes popup-list-open { from { -moz-transform:translate(0,-10px); transform:translate(0,-10px); } to { -moz-transform:translate(0,0); transform:translate(0,0); } } @-ms-keyframes popup-list-open { from { -ms-transform:translate(0,-10px); transform:translate(0,-10px); } to { -ms-transform:translate(0,0); transform:translate(0,0); } } @-o-keyframes popup-list-open { from { -o-transform:translate(0,-10px); transform:translate(0,-10px); } to { -o-transform:translate(0,0); transform:translate(0,0); } } @-keyframes popup-list-open { from { transform:translate(0,-10px); } to { transform:translate(0,0); } } /* Popup bottom form */ .popup-btm-400, .popup-btm-640 { bottom:0; position:fixed; -webkit-transition:width.3s; -moz-transition:width.3s; -ms-transition:width.3s; -o-transition:width.3s; transition:width.3s; right:1%; z-index:1000; } .popup-btm-400 { width:400px; } .popup-btm-640 { width:640px; } .popup-btm-400 #popup-input-open, .popup-btm-400 #popup-input-close, .popup-btm-640 #popup-input-open, .popup-btm-640 #popup-input-close { display:none; } .popup-btm-400 .popup-btm-wrapper, .popup-btm-640 .popup-btm-wrapper { bottom:-500px; height:auto; position:absolute; right:0; -webkit-transition:all.4s ease-in-out; -moz-transition:all.4s ease-in-out; -ms-transition:all.4s ease-in-out; -o-transition:all.4s ease-in-out; transition:all.4s ease-in-out; width:100%; z-index:1000; } .popup-btm-400 input#popup-input-open:checked ~ .popup-btm-label, .popup-btm-640 input#popup-input-open:checked ~ .popup-btm-label { opacity:0; cursor:default; } .popup-btm-400 input#popup-input-close:checked ~ .popup-btm-wrapper, .popup-btm-640 input#popup-input-close:checked ~ .popup-btm-wrapper, .popup-btm-400 .popup-btm-wrapper, .popup-btm-640 .popup-btm-wrapper { -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); } .popup-btm-400 input#popup-input-open:checked ~ .popup-btm-wrapper, .popup-btm-640 input#popup-input-open:checked ~ .popup-btm-wrapper { bottom:5px; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .popup-btm-400 .ts-forms .input textarea:focus, .popup-btm-640 .ts-forms .input textarea:focus { height:112px; } .popup-btm-400 .popup-btm-label, .popup-btm-640 .popup-btm-label { background-color:#f9fafd; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 15px rgba(0,0,0,.4); -moz-box-shadow:0 0 15px rgba(0,0,0,.4); -o-box-shadow:0 0 15px rgba(0,0,0,.4); box-shadow:0 0 15px rgba(0,0,0,.4); bottom:0; cursor:pointer; color:rgba(0,0,0,.87); display:block; font:16px 'Open Sans',Helvetica,Arial,sans-serif; height:35px; text-align:center; opacity:1; line-height:35px; padding:0 30px; position:fixed; right:1%; -webkit-transition:opacity.4s ease-in-out.05s; -moz-transition:opacity.4s ease-in-out.05s; -ms-transition:opacity.4s ease-in-out.05s; -o-transition:opacity.4s ease-in-out.05s; transition:opacity.4s ease-in-out.05s; white-space:nowrap; z-index: 9999; } .popup-btm-400 .popup-btm-close, .popup-btm-640 .popup-btm-close { background-color:rgba(0,0,0,.6); -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; cursor:pointer; position:absolute; right:0; top:-25px; -webkit-transition:background-color.15s; -moz-transition:background-color.15s; -ms-transition:background-color.15s; -o-transition:background-color.15s; transition:background-color.15s; } .popup-btm-400 .popup-btm-close:hover, .popup-btm-400 .popup-btm-close:focus, .popup-btm-640 .popup-btm-close:hover, .popup-btm-640 .popup-btm-close:focus { background-color:rgba(0,0,0,.8); } .popup-btm-400 .popup-btm-close i, .popup-btm-640 .popup-btm-close i { display:block; height:22px; width:23px; } .popup-btm-400 .popup-btm-close i:before, .popup-btm-400 .popup-btm-close i:after, .popup-btm-640 .popup-btm-close i:before, .popup-btm-640 .popup-btm-close i:after { background-color:#fff; content:''; height:3px; position:absolute; right:1px; top:10px; width:21px; } .popup-btm-400 .popup-btm-close i:before, .popup-btm-640 .popup-btm-close i:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .popup-btm-400 .popup-btm-close i:after, .popup-btm-640 .popup-btm-close i:after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } /*=================================================================*/ /* Grid layout */ /*=================================================================*/ .ts-forms [class*="span"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; padding-left:10px; padding-right:10px; position:relative; } .ts-forms .span1 { width:8.3333%; } .ts-forms .span2 { width:16.6666%; } .ts-forms .span3 { width:25%; } .ts-forms .span4 { width:33.3333%; } .ts-forms .span5 { width:41.6666%; } .ts-forms .span6 { width:50%; } .ts-forms .span7 { width:58.3333%; } .ts-forms .span8 { width:66.6666%; } .ts-forms .span9 { width:75%; } .ts-forms .span10 { width:83.3333%; } .ts-forms .span11 { width:91.6666%; } .ts-forms .span12 { width:100%; } .ts-forms .offset1 { margin-left:8.3333%; } .ts-forms .offset2 { margin-left:16.6666%; } .ts-forms .offset3 { margin-left:25%; } .ts-forms .offset4 { margin-left:33.3333%; } .ts-forms .offset5 { margin-left:41.6666%; } .ts-forms .offset6 { margin-left:50%; } .ts-forms .offset7 { margin-left:58.3333%; } .ts-forms .offset8 { margin-left:66.6666%; } .ts-forms .offset9 { margin-left:75%; } .ts-forms .offset10 { margin-left:83.3333%; } .ts-forms .offset11 { margin-left:91.6666%; } .ts-forms .offset12 { margin-left:100%; } .ts-forms .ts-row{ margin:0 -10px; } .ts-forms .ts-row:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } /* Responsiveness ==================================== */ /* Wrapper-640 */ @media all and (max-width:620px) { .wrapper-640 .ts-forms [class*="span"] { margin-right:0; width:100%; } .wrapper-640 .ts-forms [class*="offset"] { margin-left:0; } .wrapper-640 .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; } .wrapper-640 .ts-forms .radio:last-child, .wrapper-640 .ts-forms .checkbox:last-child, .wrapper-640 .ts-forms .radio-toggle:last-child, .wrapper-640 .ts-forms .checkbox-toggle:last-child { margin-bottom:4px; } /* Popup menu forms*/ .popup-list-open > .popup-list-wrapper { width:100%; } .popup-list-open { position:static; } } /* Wrapper-400 */ @media all and (max-width:380px) { .wrapper-400 .ts-forms [class*="span"] { margin-right:0; width:100%; } .wrapper-400 [class*="offset"] { margin-left:0; } .wrapper-400 .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; } .wrapper-400 .ts-forms .radio:last-child, .wrapper-400 .ts-forms .checkbox:last-child, .wrapper-400 .ts-forms .radio-toggle:last-child, .wrapper-400 .ts-forms .checkbox-toggle:last-child { margin-bottom:4px; } /* Responsiveness inside popup menu forms */ .popup-list-wrapper .ts-forms [class*="span"] { margin-right:0; width:100%; } .popup-list-wrapper .ts-forms [class*="offset"] { margin-left:0; } .popup-list-wrapper .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; } } /* Popup bottom form 400 px*/ @media all and (max-width:410px) { .popup-btm-400 { width: 320px; } .popup-btm-400 .ts-forms [class*="span"] { margin-right:0; width:100%; } .popup-btm-400 .ts-forms [class*="offset"] { margin-left:0; } .popup-btm-400 .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; } } /* Popup bottom form 640 px*/ @media all and (max-width:650px) { .popup-btm-640 { width: 320px; } .popup-btm-640 .ts-forms [class*="span"] { margin-right:0; width:100%; } .popup-btm-640 .ts-forms [class*="offset"] { margin-left:0; } .popup-btm-640 .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; } } /* Bootstrap compatibility =============================== */ .ts-forms .radio, .ts-forms .checkbox, .ts-forms .radio-toggle, .ts-forms .checkbox-toggle { margin-top:0; } .ts-forms .label { padding:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; } .ts-forms .radio, .ts-forms .checkbox, .ts-forms .radio-toggle, .ts-forms .checkbox-toggle, .ts-forms .radio *, .ts-forms .checkbox *, .ts-forms .radio-toggle *, .ts-forms .checkbox-toggle *, .ts-forms .radio i:after, .ts-forms .checkbox i:after, .ts-forms .radio-toggle i:after, .ts-forms .checkbox-toggle i:after, .ts-forms .radio i:before, .ts-forms .checkbox i:before, .ts-forms .radio-toggle i:before, .ts-forms .checkbox-toggle i:before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } span.error-view{ background: rgba(0, 0, 0, 0) url("../images/Error-128.png") no-repeat scroll right center; float: right; height: 26px !important; margin: 0 !important; padding: 0; position: relative; right: 10px; text-indent: -99999px; top: -37px; width: 26px !important; } .error_none span.error-view{ display:none; } .cloneya .primary-btn, .cloneya .secondary-btn { padding: 0 20px; } /* Cloned elements =============================== */ .ts-forms .content .clone-btn-right, .ts-forms .content .clone-btn-left { font-size:14px; height:48px; padding:0; position:absolute; margin:0; width:47px; } .ts-forms .ts-row>.clone-btn-right { bottom:25px; right:10px; } .ts-forms .ts-row>.clone-btn-right.delete { right:60px; } .ts-forms .tsbox>.clone-btn-right { bottom:0; right:0; } .ts-forms .tsbox>.clone-btn-right.delete { right:50px; } .ts-forms .ts-row>.clone-btn-left { bottom:25px; left:10px; } .ts-forms .ts-row>.clone-btn-left.delete { left:60px; } .ts-forms .tsbox>.clone-btn-left { bottom:0; left:0; } .ts-forms .tsbox>.clone-btn-left.delete { left:50px; } .toclone-widget-right { padding-right:100px; position:relative; } .toclone-widget-left { padding-left:100px; position:relative; } .ts-forms .toclone .link { display:inline-block; padding-bottom:3px; margin:0 5px 5px 0; } .cloneya a.clone{ background:#ff0000; color:#fff; padding:15px 12px !important; } .cloneya a.delete{ background:#ff0000; color:#fff; padding:15px 12px !important; } .sp-replacer { top: 29px !important; padding-left: 10px !important; } .datepic .fa.fa-caret-left { color: #f00; } .datepic .fa.fa-caret-right{ color: #f00; } .fa.fa-caret-left { color: #f00; } .fa.fa-caret-right{ color: #f00; } ================================================ FILE: public/admin/css/form/themesaller-forms.css ================================================ /* -------------------------------------------------- @Start smart forms -------------------------------------------------- */ /* Roboto google font import --------------------------------------- */ @import url(http://fonts.googleapis.com/css?family=Roboto:400,300); html, body{ border: 0; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; font: inherit; } body{ margin: 0; padding: 0; background:url(../images/body_bg.jpg) no-repeat center top; } /* @backgrounds :: modify or add yours below ------------------------------------------------------------------- */ .darkbg{ background:#6C82A2 url(../images/dark.png) repeat fixed; } .woodbg{ background:#E6CCA6 url(../images/wood.png) repeat fixed; } /* @form wrappers ---------------------------------- */ .themesaller-wrap{ padding:0 20px; } .themesaller-forms, .themesaller-forms *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .themesaller-forms { font-family: "Roboto", Arial, Helvetica, sans-serif; line-height: 1.231; font-weight: 400; font-size: 14px; color: #626262; } .themesaller-container{ background:#fff; margin:50px auto; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } /* @form container width /* @if you want to change the form container width change the values below /* @alternatively you can add yours eg .wrap4{ max-width:200px; } ---------------------------------------------------------------------------- */ .wrap-0{ max-width:952px; } .wrap-1{ max-width:852px; } .wrap-2{ max-width:652px; } .wrap-3{ max-width:452px; } /* @form helper classes --------------------------------------------------------------- */ .themesaller-forms .section{ margin-bottom:22px; } .themesaller-forms .smart-link{ color:#f00; text-decoration:none; } .themesaller-forms .smart-link:hover{ text-decoration: underline; } .themesaller-forms .tagline{ height:0; border-top:1px solid #CFCFCF; text-align:center; } .themesaller-forms .tagline span{ text-transform:uppercase; display:inline-block; position:relative; padding:0 15px; background:#fff; color:#f00; top:-14px; } /* @form label + field :: field class is useful for validation ---------------------------------------------------------------------- */ .themesaller-forms .field{ display:block; position:relative; } .themesaller-forms .field-icon i { color:#BBB; position:relative; } .themesaller-forms .field-label { display: block; margin-bottom: 7px; } .themesaller-forms .field-label.colm{ padding-top:12px; } .themesaller-forms .field-label em{ color:#e74c3c; font-size:14px; font-style:normal; display:inline-block; margin-left:4px; position:relative; top:3px; } /* @form header section ----------------------------------------- */ .themesaller-forms .form-header{ overflow:hidden; position:relative; padding:25px 30px; -webkit-border-radius:5px 5px 0 0 ; -moz-border-radius:5px 5px 0 0 ; -o-border-radius:5px 5px 0 0 ; border-radius:5px 5px 0 0 ; } .themesaller-forms .form-header h4 { font-family:"Roboto", Arial, Helvetica, sans-serif; color: #fff; font-family: "Roboto",Arial,Helvetica,sans-serif; font-size: 30px; margin: 0 auto; text-align: center; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.1); text-transform: uppercase; } .themesaller-forms .form-header h4 i { font-size:38px; position:relative; margin-right:10px; top:2px; } /* @header themes :: primary + lite ---------------------------------------------- */ .themesaller-forms .header-primary { background-color: #ff0000; border-bottom: 5px solid #e00000; border-radius: 3px 3px 0 0; display: block; position: relative; text-align: center; } .themesaller-forms .header-lite{ background:#F3F5FA; border-top:1px solid #A7D065; border-bottom:1px solid #D9DDE5; } .themesaller-forms .header-lite:before{ content:""; background-color:#f00; position:absolute; height:8px; z-index:1; top:0px; right:0; left:0; } .themesaller-forms .header-primary h4{ color:#fff; } .themesaller-forms .header-lite h4{ color:#5D6A87; padding-top:5px; } /* @remove rounded corners form headers ----------------------------------------------------------------- */ .smart-flat, .smart-flat .form-header{ -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; } /* @form body + footer ------------------------------------------------------------------- */ .themesaller-forms .form-body{ padding:40px 30px; padding-bottom:20px; } .themesaller-forms .form-footer { overflow:hidden; padding:20px 25px; padding-top:25px; background: #F5F5F5; background: #F5F5F5 url(../images/foobg.png) top left repeat-x; } /* @crossbrowser placeholder styling :: modern browsers only IE10+ ------------------------------------------------------------------------ */ .themesaller-forms input[type=search] { -webkit-appearance: textfield; } .themesaller-forms ::-webkit-search-decoration, .themesaller-forms ::-webkit-search-cancel-button { -webkit-appearance: none; } .themesaller-forms input:invalid { -moz-box-shadow: none; box-shadow: none; } .themesaller-forms input::-webkit-input-placeholder, .themesaller-forms textarea::-webkit-input-placeholder { color: #AAAAAA; } .themesaller-forms input:focus::-webkit-input-placeholder, .themesaller-forms textarea:focus::-webkit-input-placeholder { color: #D6DBE0; } .themesaller-forms input:-moz-placeholder, .themesaller-forms textarea:-moz-placeholder { color: #AAAAAA; } .themesaller-forms input:focus:-moz-placeholder, .themesaller-forms textarea:focus:-moz-placeholder { color: #D6DBE0; } .themesaller-forms input::-moz-placeholder, .themesaller-forms textarea::-moz-placeholder { color: #AAAAAA; opacity: 1; } .themesaller-forms input:focus::-moz-placeholder, .themesaller-forms textarea:focus::-moz-placeholder { color: #D6DBE0; opacity: 1; } .themesaller-forms input:-ms-input-placeholder, .themesaller-forms textarea:-ms-input-placeholder { color: #AAAAAA; } .themesaller-forms input:focus:-ms-input-placeholder, .themesaller-forms textarea:focus:-ms-input-placeholder { color: #D6DBE0; } /* @element general styling :: fonts :: adjust accordingly ------------------------------------------------------------- */ .themesaller-forms label, .themesaller-forms input, .themesaller-forms button, .themesaller-forms select, .themesaller-forms textarea { margin: 0; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight:400; color: #626262; outline:none; } /* @remove browser specific styling ----------------------------------------------- */ .themesaller-forms .gui-input, .themesaller-forms .gui-textarea, .themesaller-forms .select > select, .themesaller-forms input[type="button"], .themesaller-forms input[type="submit"], .themesaller-forms input[type="search"], .themesaller-forms .select-multiple select { -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0px; border-radius: 0px; } .themesaller-forms input[type="search"]::-webkit-search-decoration, .themesaller-forms input[type="search"]::-webkit-search-cancel-button, .themesaller-forms input[type="search"]::-webkit-search-results-button, .themesaller-forms input[type="search"]::-webkit-search-results-decoration { display: none; } /* @labels font-size styling :: adjust to fit your needs --------------------------------------------------------- */ .themesaller-forms .switch, .themesaller-forms .option, .themesaller-forms .field-label{ font-size:14px; } /* @prevent user selection for usability purposes ----------------------------------------------------- */ .themesaller-forms .radio, .themesaller-forms .button, .themesaller-forms .checkbox, .themesaller-forms .select .arrow, .themesaller-forms .switch > label, .themesaller-forms .ui-slider .ui-slider-handle{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* @universal rules for all elements ---------------------------------------------------- */ .themesaller-forms .radio, .themesaller-forms .button, .themesaller-forms .tooltip, .themesaller-forms .checkbox, .themesaller-forms .gui-input, .themesaller-forms .notification, .themesaller-forms .gui-textarea, .themesaller-forms .select > select, .themesaller-forms .select-multiple select{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; outline:none; } /* @control border-size :: color etc for these elements ----------------------------------------------------------- */ .themesaller-forms .select, .themesaller-forms .gui-input, .themesaller-forms .gui-textarea, .themesaller-forms .select > select, .themesaller-forms .select-multiple select{ background: #fff; position: relative; vertical-align: top; border: 1px solid #CFCFCF; display: -moz-inline-stack; display: inline-block; *display: inline; color: #626262; outline:none; height: 42px; width: 100%; *zoom: 1; } /* @styling inputs and textareas ------------------------------------------- */ .themesaller-forms .gui-input, .themesaller-forms .gui-textarea { padding:10px; } .themesaller-forms .gui-textarea { resize: none; line-height: 19px; overflow: auto; max-width:100%; height: 96px; } /* @hint below textareas ---------------------------------------- */ .themesaller-forms .input-hint { padding: 10px; display: block; margin-top: -1px; line-height: 16px; position: relative; background: #F5F5F5; border: 1px solid #CFCFCF; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-size: 11px; color: #999; } /* @form selects :: dropdowns -------------------------------------------------- */ .themesaller-forms .select { border:0; z-index:10; } .themesaller-forms .select > select { display: block; padding:9px 10px; color: #626262; background: #F5F5F5; border: 1px solid #CFCFCF; -webkit-appearance:none; -moz-appearance:none; appearance:normal; outline:none; text-indent: 0.01px; text-overflow: ''; z-index:10; margin: 0; } .themesaller-forms .select > select::-ms-expand { display: none; } .themesaller-forms .select .arrow { position: absolute; top: 9px; right: 4px; width: 24px; height: 24px; color:#9F9F9F; pointer-events:none; z-index:16; } .themesaller-forms .select .arrow:after, .themesaller-forms .select .arrow:before { content: ''; position: absolute; font:12px "Consolas", monospace; font-style:normal; pointer-events:none; display:none\9; left:5px; } .themesaller-forms .select .arrow:before { content:'\25BC'; bottom:4px; } .themesaller-forms .select .double:after { content:'\25B2'; top:-1px; } .themesaller-forms .select .double:before { content:'\25BC'; bottom:-1px; } .themesaller-forms .select-multiple select { width:100%; height: 123px; padding: 10px; } /* @file inputs :: file uploaders -------------------------------------------------------- */ .themesaller-forms .file{ display:block; width:100%; } .themesaller-forms .file .gui-file{ width:100%; height:100%; cursor:pointer; padding:8px 10px; position:absolute; -moz-opacity:0; opacity: 0; z-index:11; bottom:0; right:0; } .themesaller-forms .file .button { position: absolute; top: 4px; right: 4px; float: none; height: 34px; line-height: 34px; padding: 0 16px; z-index:10; } /* @form element :hover state -------------------------------------------- */ .themesaller-forms .gui-input:hover, .themesaller-forms .gui-textarea:hover, .themesaller-forms .select > select:hover, .themesaller-forms .select-multiple select:hover, .themesaller-forms .gui-input:hover ~ .input-hint, .themesaller-forms .file .gui-file:hover + .gui-input, .themesaller-forms .gui-textarea:hover ~ .input-hint{ border-color: #f00; } /* @form element :focus state -------------------------------------------------------- */ .themesaller-forms .gui-input:focus, .themesaller-forms .gui-textarea:focus, .themesaller-forms .select > select:focus, .themesaller-forms .select-multiple select:focus{ color: #3c3c3c; background: #fff; border:1px solid #f00; -webkit-box-shadow:0px 0px 3px #f00 inset; -moz-box-shadow:0px 0px 3px #f00 inset; -o-box-shadow:0px 0px 3px #f00 inset; box-shadow:0px 0px 3px #f00 inset; outline: none; } .themesaller-forms .select > select:focus { z-index:10; z-index:20\9; } .themesaller-forms .gui-textarea:focus{ height: 120px; } .themesaller-forms .select > select:focus { z-index:10; z-index:20\9; } .themesaller-forms .gui-input:focus ~ .field-icon i, .themesaller-forms .gui-textarea:focus ~ .field-icon i{ color:#f00; } .themesaller-forms .select-multiple select:focus, .themesaller-forms .gui-input:focus ~ .input-hint, .themesaller-forms .gui-textarea:focus ~ .input-hint, .themesaller-forms .file .gui-file:focus + .gui-input{ border-color: #f00; } .themesaller-forms .select > select:focus + .arrow{ color:#f00; } /* @radio + checkbox option elements ----------------------------------------------------- */ .themesaller-forms .option { position: relative; padding-right:15px; display: inline-block; vertical-align: middle; } .themesaller-forms .option > input { position: absolute; height: inherit; width: inherit; opacity: 0; left: 0; } .themesaller-forms .checkbox, .themesaller-forms .radio { position:relative; margin-right:2px; background: #fff; display: inline-block; border: 3px solid #CFCFCF; height: 21px; width: 21px; top:4px; } .themesaller-forms .checkbox:before, .themesaller-forms .radio:before { content: ''; display: none; } .themesaller-forms input:checked + .checkbox:before, .themesaller-forms input:checked + .radio:before { display: block; } .themesaller-forms .checkbox:before { position: absolute; top: 4px; left: 3px; width: 6px; height: 3px; border: solid #f00; border-width: 0 0 3px 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .themesaller-forms input:checked + .checkbox, .themesaller-forms input:checked + .radio{ border: 3px solid #f00; } .themesaller-forms .radio { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .themesaller-forms .radio:before { margin: 4px; width: 7px; height: 7px; background: #f00; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } /* @radio + checkbox :hover state -------------------------------------------------- */ .themesaller-forms input:hover + .checkbox, .themesaller-forms input:hover + .radio{ border-color:#f00; } /* @radio + checkbox :focus state --------------------------------------------------- */ .themesaller-forms input:focus + .checkbox, .themesaller-forms input:focus + .radio{ border-color: #f00; } .themesaller-forms input:focus + .radio:before{ background: #f00; } .themesaller-forms input:focus + .checkbox:before{ border-color: #f00; } /* @toggle switch elements -------------------------------------------------- */ .themesaller-forms .switch { cursor:pointer; position: relative; padding-right:10px; display: inline-block; margin-bottom:5px; height: 26px; } .themesaller-forms .switch > label { cursor:pointer; display: inline-block; position: relative; height: 25px; width: 58px; color: #fff; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center; background: #D7D7D7; border: 2px solid #D7D7D7; text-transform: uppercase; font-family:Helvetica, Arial, sans-serif; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .themesaller-forms .switch > label + span{ display:inline-block; padding-left:5px; position:relative; top:-7px; } .themesaller-forms .switch > label:before { content: attr(data-off); position: absolute; top: 1px; right: 3px; width: 33px; } .themesaller-forms .switch > label:after { content:""; margin: 1px; width: 19px; height: 19px; display: block; background: #fff; } .themesaller-forms .switch > input { -webkit-appearance: none; position: absolute; width: inherit; height: inherit; opacity: 0; left: 0; top: 0; } /* @toggle switch focus state -------------------------------------------------------------- */ .themesaller-forms .switch > input:focus { outline: none; } .themesaller-forms .switch > input:focus + label { color: #fff; border-color: #C7C7C7; background:#C7C7C7; } .themesaller-forms .switch > input:focus + label:after { background: #fff; } /* @toggle switch normal state --------------------------------------------------------------- */ .themesaller-forms .switch > input:checked + label { border-color: #f00; background: #f00; padding-left: 33px; color: white; } .themesaller-forms .switch > input:checked + label:before { content: attr(data-on); left: 1px; top:1px; } .themesaller-forms .switch > input:checked + label:after { margin: 1px; width: 19px; height: 19px; background: white; } /* @toggle switch normal state focus --------------------------------------------------------------------------------- */ .themesaller-forms .switch > input:checked:focus + label { background: #3c9b39; border-color: #3c9b39; } .themesaller-forms .switch-round > label { -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; } .themesaller-forms .switch-round > label + span{ top:-2px; } .themesaller-forms .switch-round > label:before { width: 33px; } .themesaller-forms .switch-round > label:after { width: 19px; color:#D7D7D7; content: "\2022"; font:20px/20px Times, Serif; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; } .themesaller-forms .switch-round > input:checked + label { padding-left: 33px; } .themesaller-forms .switch-round > input:checked + label:after{ color:#f00; } /* @buttons ----------------------------------------------------- */ .themesaller-forms .button { border: 0; height: 42px; color: #243140; line-height: 1; font-size:15px; cursor: pointer; padding: 0 18px; text-align: center; vertical-align: top; background: #DBDBDB; display: inline-block; -webkit-user-drag: none; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } /* @buttons :hover, :active states ---------------------------------------------------------------- */ .themesaller-forms .button:hover { color: #243140; background: #E8E8E8; } .themesaller-forms .button:active{ color: #1d2938; background: #C4C4C4; } .themesaller-forms a.button, .themesaller-forms span.button, .themesaller-forms label.button { line-height: 42px; text-decoration: none; } .themesaller-forms .button i{ font-size:14px; } .themesaller-forms .button-list .button{ margin-bottom:5px; } /* @primary button theme -------------------------------------------- */ .themesaller-forms .btn-primary { background-color: #f00; } .themesaller-forms .btn-primary:hover, .themesaller-forms .btn-primary:focus { background-color: #3f51b5; } .themesaller-forms .btn-primary:active{ background-color: #3c9b39; } .themesaller-forms .btn-primary, .themesaller-forms .btn-primary:hover, .themesaller-forms .btn-primary:focus, .themesaller-forms .btn-primary:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); } /* @rounded buttons -------------------------------------------- */ .themesaller-forms .btn-rounded{ -webkit-border-radius:22px; -moz-border-radius:22px; -o-border-radius:22px; border-radius:22px; } /* @left + right buttons :: look like IOS -------------------------------------------- */ .themesaller-forms .button-left, .themesaller-forms .button-right { position: relative; z-index:9; } .themesaller-forms .button-left:before, .themesaller-forms .button-right:before { content:''; z-index:-1; width: 32px; height: 32px; position: absolute; background-color: inherit; border-color: inherit; border: none; top: 5px; } .themesaller-forms .button-left { border-left-width: 0; padding: 0 18px 0 7px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-left:20px; } .themesaller-forms .button-left:before { left: -15px; -webkit-border-radius: 2px 5px 0 5px; -moz-border-radius: 2px 5px 0 5px; -o-border-radius: 2px 5px 0 5px; border-radius: 2px 5px 0 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .themesaller-forms .button-right { padding: 0 7px 0 18px; border-right-width: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; margin-right:20px; } .themesaller-forms .button-right:before { right: -15px; -webkit-border-radius: 5px 2px 5px 0; -moz-border-radius: 5px 2px 5px 0; -o-border-radius: 5px 2px 5px 0; border-radius: 5px 2px 5px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* @left right button pointed button shapes ------------------------------------------------ */ .themesaller-forms .btn-pointed.button-left, .themesaller-forms .btn-pointed.button-right{ -webkit-border-radius:22px; -moz-border-radius:22px; -o-border-radius:22px; border-radius:22px; } .themesaller-forms .btn-rounded.button-left{ -webkit-border-radius: 0 22px 22px 0; -moz-border-radius: 0 22px 22px 0; -o-border-radius: 0 22px 22px 0; border-radius: 0 22px 22px 0; } .themesaller-forms .btn-rounded.button-right{ -webkit-border-radius: 22px 0 0 22px; -moz-border-radius: 22px 0 0 22px; -o-border-radius: 22px 0 0 22px; border-radius: 22px 0 0 22px; } /* @push buttons ------------------------------------------------ */ .themesaller-forms .pushed { -webkit-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2); -o-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2); box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2); position:relative; } .themesaller-forms .pushed:active{ -webkit-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2); -o-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2); box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2); top:2px; } .themesaller-forms .pushed.button-left:before { -webkit-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2); -o-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2); box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2); } .themesaller-forms .pushed:active.button-left:before{ -webkit-box-shadow:inset 0.2em 0 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0.2em 0 0 rgba(0,0,0,0.2); -o-box-shadow:inset 0.2em 0 0 rgba(0,0,0,0.2); box-shadow:inset 0.2em 0 0 rgba(0,0,0,0.2); } .themesaller-forms .pushed.button-right:before { -webkit-box-shadow:inset -0.35em 0 0 rgba(0,0,0,0.2); -moz-box-shadow:inset -0.35em 0 0 rgba(0,0,0,0.2); -o-box-shadow:inset -0.35em 0 0 rgba(0,0,0,0.2); box-shadow:inset -0.35em 0 0 rgba(0,0,0,0.2); } .themesaller-forms .pushed:active.button-right:before{ -webkit-box-shadow:inset -0.2em 0 0 rgba(0,0,0,0.2); -moz-box-shadow:inset -0.2em 0 0 rgba(0,0,0,0.2); -o-box-shadow:inset -0.2em 0 0 rgba(0,0,0,0.2); box-shadow:inset -0.2em 0 0 rgba(0,0,0,0.2); } .tagline span { border: 1px solid #999; color: #f00 !important; padding: 5px 16px !important; } /* @adjust buttons in form footer ------------------------------------------------ */ .themesaller-forms .form-footer .button{ display: block; margin: 0 auto; } .themesaller-forms .align-right .button{ margin-right:0; margin-left:10px; } /* @social buttons :: facebook :: twitter :: google + ---------------------------------------------------- */ .themesaller-forms .twitter, .themesaller-forms .twitter:hover, .themesaller-forms .twitter:focus, .themesaller-forms .facebook, .themesaller-forms .facebook:hover, .themesaller-forms .facebook:focus, .themesaller-forms .googleplus, .themesaller-forms .googleplus:hover, .themesaller-forms .googleplus:focus { color:#fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); } .themesaller-forms .facebook { background-color:#3b5998; } .themesaller-forms .twitter { background-color:#00acee; } .themesaller-forms .googleplus { background-color:#dd4b39; } .themesaller-forms .facebook:hover, .themesaller-forms .facebook:focus { background-color:#25385F; } .themesaller-forms .twitter:hover, .themesaller-forms .twitter:focus { background-color:#00749F; } .themesaller-forms .googleplus:hover, .themesaller-forms .googleplus:focus { background-color:#8D2418; } .themesaller-forms .span-left{ padding-left:52px; text-align:left; } .themesaller-forms .btn-social { position:relative; margin-bottom:5px; } .themesaller-forms .btn-social i{ font-size:22px; position:relative; top:2px; } .themesaller-forms .btn-social span{ -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; display:inline-block; text-align:center; position:absolute; width:42px; left:0; } .themesaller-forms .twitter span{ background-color:#009AD5; } .themesaller-forms .facebook span{ background-color:#31497D; } .themesaller-forms .googleplus span{ background-color:#C03121; } /* @rating and review star widget :: with hover back afetr selecting ------------------------------------------------------------------------ */ .themesaller-forms .rating { overflow: hidden; } .themesaller-forms .rating.block { display:block; margin:10px 0; } .themesaller-forms .rating label{color: #A2A6A8;} .themesaller-forms .rating label i{ font-size:17px; text-align:center; color:inherit; } .themesaller-forms .rating label span{ font:22px/22px Times, Serif; } .themesaller-forms .rating-star{ margin-left:4px; } .themesaller-forms .rating-input { position: absolute; left:-9999px; top: auto; } .themesaller-forms .rating:hover .rating-star:hover, .themesaller-forms .rating:hover .rating-star:hover ~ .rating-star, .themesaller-forms .rating-input:checked ~ .rating-star { color: #f00; } .themesaller-forms .rating-star, .themesaller-forms .rating:hover .rating-star { width: 18px; float: right; display: block; cursor:pointer; color: #A2A6A8; } /* @smart widget @this widget helps us to position an element eg button or label or span @the positions can either be left or right while the input stays 100% @you ca use this to rapidly create search widgets, newsletter subscribe etc ---------------------------------------------------------------------------------*/ .themesaller-forms .smart-widget, .themesaller-forms .append-picker-icon, .themesaller-forms .prepend-picker-icon { position: relative; display:block; } .themesaller-forms .smart-widget .field input, .themesaller-forms .append-picker-icon input, .themesaller-forms .prepend-picker-icon input { width: 100%; } .themesaller-forms .append-picker-icon button, .themesaller-forms .prepend-picker-icon button, .themesaller-forms .smart-widget .button { border:1px solid #CFCFCF; background: #F5F5F5; position: absolute; cursor: pointer; color: #626262; height: 42px; top: 0; } .themesaller-forms .sm-right .button, .themesaller-forms .append-picker-icon button{ border-left:0; } .themesaller-forms .sm-left .button, .themesaller-forms .prepend-picker-icon button{ border-right:0; } .themesaller-forms .sm-left .button, .themesaller-forms .prepend-picker-icon button { left:0; } .themesaller-forms .sm-right .button, .themesaller-forms .append-picker-icon button { right:0; } /* @smart widget buttons - to left ------------------------------------------------- */ .themesaller-forms .sml-50, .themesaller-forms .prepend-picker-icon { padding-left: 50px; } .themesaller-forms .sml-50 .button, .themesaller-forms .prepend-picker-icon button{ width: 50px; } .themesaller-forms .sml-80{ padding-left: 80px; } .themesaller-forms .sml-80 .button { width: 80px; } .themesaller-forms .sml-120{ padding-left: 120px; } .themesaller-forms .sml-120 .button { width: 120px; } /* @smart widget buttons - to right ------------------------------------------------- */ .themesaller-forms .smr-50, .themesaller-forms .append-picker-icon{ padding-right: 50px; } .themesaller-forms .smr-50 .button, .themesaller-forms .append-picker-icon button{ width: 50px; } .themesaller-forms .smr-80{ padding-right: 80px; } .themesaller-forms .smr-80 .button { width: 80px; } .themesaller-forms .smr-120{ padding-right: 120px; } .themesaller-forms .smr-120 .button { width: 120px; } /* @icon append (right) :: prepend (left) ------------------------------------------------- */ .themesaller-forms .append-icon, .themesaller-forms .prepend-icon{ display: inline-block; vertical-align: top; position: relative; width:100%; } .themesaller-forms .append-icon .field-icon, .themesaller-forms .prepend-icon .field-icon{ top:0; z-index:4; width:42px; height:42px; color: inherit; line-height:42px; position:absolute; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; pointer-events: none; } .themesaller-forms .append-icon .field-icon i, .themesaller-forms .prepend-icon .field-icon i{ position:relative; font-size:14px; } .themesaller-forms .prepend-icon .field-icon{ left:0; } .themesaller-forms .append-icon .field-icon{ right:0; } .themesaller-forms .prepend-icon > input, .themesaller-forms .prepend-icon > textarea{ padding-left:36px; } .themesaller-forms .append-icon > input, .themesaller-forms .append-icon > textarea{ padding-right:36px; padding-left:10px; } .themesaller-forms .append-icon > textarea{ padding-right:36px; } /* @tooltips on inputs + textareas ------------------------------------------------- */ .themesaller-forms .tooltip { position: absolute; z-index: -1; opacity: 0; color: #fff; width: 184px; left: -9999px; top:auto; font-size: 11px; font-weight:normal; background: #333333; -webkit-transition: margin 0.6s, opacity 0.6s; -moz-transition: margin 0.6s, opacity 0.6s; -ms-transition: margin 0.6s, opacity 0.6s; -o-transition: margin 0.6s, opacity 0.6s; transition: margin 0.6s, opacity 0.6s; } .themesaller-forms .tooltip > em{ padding:12px; font-style:normal; display:block; position:static; } .themesaller-forms .tooltip:after { content: ''; position: absolute; } .themesaller-forms .gui-input:focus + .tooltip, .themesaller-forms .gui-textarea:focus + .tooltip { opacity: 1; z-index: 999; } /* @tooltip left ------------------------------------------------- */ .themesaller-forms .tip-left { top:1px; margin-right:-20px; } .themesaller-forms .tip-left:after { top:12px; left: 100%; border-left: 8px solid #333333; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .themesaller-forms .gui-input:focus + .tip-left, .themesaller-forms .gui-textarea:focus + .tip-left { margin-right:5px; right: 100%; left: auto; } /* @tooltip right ------------------------------------------------- */ .themesaller-forms .tip-right { top:1px; margin-left:-20px; } .themesaller-forms .tip-right:after { top:12px; right: 100%; border-right: 8px solid #333333; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .themesaller-forms .gui-input:focus + .tip-right, .themesaller-forms .gui-textarea:focus + .tip-right { left: 100%; margin-left:5px; } /* @tooltip right-top ------------------------------------------------- */ .themesaller-forms .tip-right-top { bottom: 100%; margin-bottom: -20px; } .themesaller-forms .tip-right-top:after { top: 100%; right: 12px; border-top: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent; } .themesaller-forms .gui-input:focus + .tip-right-top, .themesaller-forms .gui-textarea:focus + .tip-right-top { right: 0; left: auto; margin-bottom: 10px; } /* @tooltip left-top ------------------------------------------------- */ .themesaller-forms .tip-left-top { bottom: 100%; margin-bottom: -20px; } .themesaller-forms .tip-left-top:after { top: 100%; left: 12px; border-top: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent; } .themesaller-forms .gui-input:focus + .tip-left-top, .themesaller-forms .gui-textarea:focus + .tip-left-top { left: 0; right: auto; margin-bottom: 10px; } /* @tooltip right-bottom ------------------------------------------------- */ .themesaller-forms .tip-right-bottom { top: 100%; margin-top: -20px; } .themesaller-forms .tip-right-bottom:after { right: 12px; bottom: 100%; border-bottom: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent; } .themesaller-forms .gui-input:focus + .tip-right-bottom, .themesaller-forms .gui-textarea:focus + .tip-right-bottom { margin-top: 10px; left: auto; right: 0; } /* @tooltip left-bottom ------------------------------------------------- */ .themesaller-forms .tip-left-bottom { top: 100%; margin-top: -20px; } .themesaller-forms .tip-left-bottom:after { left: 12px; bottom: 100%; border-bottom: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent; } .themesaller-forms .gui-input:focus + .tip-left-bottom, .themesaller-forms .gui-textarea:focus + .tip-left-bottom { margin-top:10px; right: auto; left: 0; } /* @lists -------------------------------------------------------------- */ .themesaller-forms .smart-list{ list-style:none; margin:0; padding:0; } .themesaller-forms .smart-list li{ margin-bottom:20px; } /* @notification messages | info | error | warning | success -------------------------------------------------------------- */ .themesaller-forms .form-msg{ display:none; } .themesaller-forms .notification { color: #444; padding:15px; position:relative; } .themesaller-forms .notification p{ margin:0; padding:0 15px; padding-left:5px; line-height:normal; } .themesaller-forms .notification .close-btn{ margin-top: -7px; padding: inherit; position: absolute; text-decoration:none; font: bold 20px/20px Arial, sans-serif; opacity: 0.65; color: inherit; display: block; right:1px; top:14%; } .themesaller-forms .notification .close-btn:hover{ opacity: 1; } .themesaller-forms .alert-info { color:#163161; background-color: #cfe6fc; } .themesaller-forms .alert-success { color:#336633; background-color: #d2f7ad; } .themesaller-forms .alert-warning { color: #CC6600; background-color: #fae7a2; } .themesaller-forms .alert-error { color:#990000; background-color: #FBDBCF; } /* @validaion - error state ------------------------------------- */ .themesaller-forms .state-error .gui-input, .themesaller-forms .state-error .gui-textarea, .themesaller-forms .state-error.select > select, .themesaller-forms .state-error.select-multiple > select, .themesaller-forms .state-error input:hover + .checkbox, .themesaller-forms .state-error input:hover + .radio, .themesaller-forms .state-error input:focus + .checkbox, .themesaller-forms .state-error input:focus + .radio, .themesaller-forms .state-error .checkbox, .themesaller-forms .state-error .radio{ background:#FEE9EA; border-color:#DE888A; } .themesaller-forms .state-error .gui-input:focus, .themesaller-forms .state-error .gui-textarea:focus, .themesaller-forms .state-error.select > select:focus, .themesaller-forms .state-error.select-multiple > select:focus{ -webkit-box-shadow:0px 0px 3px #DE888A inset; -moz-box-shadow:0px 0px 3px #DE888A inset; -o-box-shadow:0px 0px 3px #DE888A inset; box-shadow:0px 0px 3px #DE888A inset; } .themesaller-forms .state-error .gui-input ~ .field-icon i, .themesaller-forms .state-error .gui-textarea ~ .field-icon i{ color: #DE888A; } .themesaller-forms .state-error.select .arrow { color: #DE888A; } .themesaller-forms .state-error.select > select:focus + .arrow{ color:#DE888A; } .themesaller-forms .state-error .gui-input ~ .input-hint, .themesaller-forms .state-error.file .gui-file:hover + .gui-input, .themesaller-forms .state-error .gui-textarea ~ .input-hint { border-color:#DE888A; } .themesaller-forms .state-error + em{ display: block!important; margin-top: 6px; padding: 0 3px; font-family:Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-size:0.85em; color:#DE888A; } /* @validaion - success state -------------------------------------------------- */ .themesaller-forms .state-success .gui-input, .themesaller-forms .state-success .gui-textarea, .themesaller-forms .state-success.select > select, .themesaller-forms .state-success.select-multiple > select, .themesaller-forms .state-success input:hover + .checkbox, .themesaller-forms .state-success input:hover + .radio, .themesaller-forms .state-success input:focus + .checkbox, .themesaller-forms .state-success input:focus + .radio, .themesaller-forms .state-success .checkbox, .themesaller-forms .state-success .radio{ background:#F0FEE9; border-color:#A5D491; } .themesaller-forms .state-success .gui-input:focus, .themesaller-forms .state-success .gui-textarea:focus, .themesaller-forms .state-success.select > select:focus, .themesaller-forms .state-success.select-multiple > select:focus{ -webkit-box-shadow:0px 0px 3px #A5D491 inset; -moz-box-shadow:0px 0px 3px #A5D491 inset; -o-box-shadow:0px 0px 3px #A5D491 inset; box-shadow:0px 0px 3px #A5D491 inset; } .themesaller-forms .state-success .gui-input ~ .field-icon i, .themesaller-forms .state-success .gui-textarea ~ .field-icon i{ color: #A5D491; } .themesaller-forms .state-success.select .arrow { color: #A5D491; } .themesaller-forms .state-success.select > select:focus + .arrow{ color:#A5D491; } .themesaller-forms .state-success .gui-input ~ .input-hint, .themesaller-forms .state-success.file .gui-file:hover + .gui-input, .themesaller-forms .state-success .gui-textarea ~ .input-hint { border-color:#A5D491; } /* @disabled state ----------------------------------------------- */ .themesaller-forms .button[disabled], .themesaller-forms .state-disabled .button, .themesaller-forms input[disabled] + .radio, .themesaller-forms input[disabled] + .checkbox, .themesaller-forms .switch > input[disabled] + label{ cursor: default; opacity:0.5; } .themesaller-forms .gui-input[disabled], .themesaller-forms .gui-textarea[disabled], .themesaller-forms .select > select[disabled], .themesaller-forms .select-multiple select[disabled], .themesaller-forms .gui-input[disabled] ~ .input-hint, .themesaller-forms .file .gui-file[disabled] + .gui-input, .themesaller-forms .file .gui-file[disabled]:hover + .gui-input, .themesaller-forms .gui-textarea[disabled] ~ .input-hint { background-color: #f4f6f6; border-color: #d5dbdb!important; cursor: default; color: #d5dbdb; opacity:0.7; } .themesaller-forms input[disabled] ~ .field-icon i, .themesaller-forms textarea[disabled] ~ .field-icon i, .themesaller-forms .select > select[disabled] + .arrow{ opacity:0.4; } /* @datepicker - requires jquery ui ----------------------------------------------- */ .ui-datepicker { width: 18em; margin-top:8px; display: none; background: #fff; position:relative; font: 14px/1.55 "Roboto", Arial, Helvetica, sans-serif; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,.1); -o-box-shadow: 0 0 4px rgba(0,0,0,.1); box-shadow: 0 0 4px rgba(0,0,0,.1); border:1px solid #CFCFCF; z-index:9999!important; text-align: center; color: #666; } .ui-datepicker a { color: #404040; text-align:center; } .ui-datepicker .ui-state-disabled span{ color:#DBDBDB;} .ui-datepicker .ui-datepicker-header { position: relative; background: #F5F5F5; border-bottom:1px solid #CFCFCF; line-height: 27px; font-size: 15px; padding: 10px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 34px; height: 34px; display: block; font-size: 14px; position: absolute; text-decoration: none; cursor: pointer; color:#f00; top:20.5%; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color:#f00; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; margin: 0 0 .4em; border-collapse: collapse; } .ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding:2px 5px; } .ui-datepicker td span, .ui-datepicker td a { padding: .25em; display: block; text-align: center; text-decoration: none; } .ui-datepicker td span:hover, .ui-datepicker td a:hover { background:#F5F5F5; } .ui-datepicker .ui-state-disabled span:hover{ background:none; } .ui-datepicker-today a, .ui-datepicker-today a:hover, .ui-datepicker .ui-state-highlight { font-weight: 700; background: #f00!important; color:#fff; } /* @multiple calendars || not responsive use carefully --------------------------------------------------------------- */ .cal-widget .ui-datepicker { width: 100%; margin-top:0; } .cal-widget .ui-datepicker:before{ display:none; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.333%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* @ ui buttons ---------------------------------------------------------------- */ .ui-datepicker-buttonpane{ border-top:1px solid #CFCFCF; padding:10px; } .ui-datepicker-buttonpane button { padding: 8px 12px; margin-right: .2em; position: relative; line-height: normal; display: inline-block; -webkit-user-drag: none; text-shadow: 0 1px rgba(255, 255, 255, 0.2); vertical-align: middle; background: #DBDBDB; text-align: center; overflow: visible; cursor: pointer; color: #243140; border:0; } /* @ ui buttons :hover, :active states ---------------------------------------------------------------- */ .ui-datepicker-buttonpane button:hover { color: #243140; background: #E8E8E8; } .ui-datepicker-buttonpane button:active{ color: #1d2938; background: #C4C4C4; } .ui-monthpicker .ui-datepicker-header{ margin-bottom:3px; } /* @ui slider - requires jquery ui ------------------------------------------------------*/ .themesaller-forms .slider-wrapper, .themesaller-forms .sliderv-wrapper{ background:#E5E5E5; position:relative; } .themesaller-forms .ui-slider { position: relative; text-align: left; } .themesaller-forms .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.5em; height: 1.5em; cursor: default; background:#fff; border:3px solid #f00; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; -ms-touch-action: none; touch-action: none; margin-top:-3px; outline:none; } .themesaller-forms .ui-slider .ui-slider-handle:before{ content: ''; width: 7px; height: 7px; position:absolute; background-color: #f00; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; z-index: 2; left:4px; top:4px; } .themesaller-forms .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background-color: #f00; } .themesaller-forms .ui-slider.ui-state-disabled .ui-slider-handle, .themesaller-forms .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .themesaller-forms .ui-slider-horizontal { height: .5em; } .themesaller-forms .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .themesaller-forms .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .themesaller-forms .ui-slider-horizontal .ui-slider-range-min { left: 0; } .themesaller-forms .ui-slider-horizontal .ui-slider-range-max { right: 0; } .themesaller-forms .ui-slider-vertical, .themesaller-forms .sliderv-wrapper { width: .5em; height: 100px; } .themesaller-forms .ui-slider-vertical .ui-slider-handle { left: -.45em; margin-left: 0; margin-bottom: -.6em; } .themesaller-forms .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .themesaller-forms .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .themesaller-forms .ui-slider-vertical .ui-slider-range-max { top: 0; } .themesaller-forms .slider-input{ color:#f6931f!important; border:0; background:none; } .themesaller-forms .slider-group .sliderv-wrapper{ height:150px; float:left; margin:15px 15px; } .themesaller-forms .ui-slider .ui-state-active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* @ui slider tooltip ------------------------------------------------------*/ .themesaller-forms .slider-tip { display: block; position: absolute; text-align: center; font: 10pt Tahoma, Arial, sans-serif ; background: #333333; padding:10px; color: #fff; } .themesaller-forms .slider-wrapper .slider-tip{ top: -50px; left:-15px; } .themesaller-forms .slider-wrapper .slider-tip:after { content: ''; position: absolute; top: 98%; left: 35%; border-top: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent; } .themesaller-forms .sliderv-wrapper .slider-tip{ left: 30px; top:-12px; } .themesaller-forms .sliderv-wrapper .slider-tip:after{ content: ''; position: absolute; top:30%; right: 98%; border-right: 8px solid #333333; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } /* @ui slider themes ------------------------------------------------------*/ .themesaller-forms .yellow-slider .ui-slider .ui-slider-handle{ border-color:#faa226; } .themesaller-forms .yellow-slider .ui-slider .ui-slider-handle:before, .themesaller-forms .yellow-slider .ui-slider .ui-slider-range { background-color: #faa226; } .themesaller-forms .red-slider .ui-slider .ui-slider-handle{ border-color:#ee4f3d; } .themesaller-forms .red-slider .ui-slider .ui-slider-handle:before, .themesaller-forms .red-slider .ui-slider .ui-slider-range { background-color:#ee4f3d; } .themesaller-forms .purple-slider .ui-slider .ui-slider-handle{ border-color:#9464e2; } .themesaller-forms .purple-slider .ui-slider .ui-slider-handle:before, .themesaller-forms .purple-slider .ui-slider .ui-slider-range { background-color:#9464e2; } .themesaller-forms .blue-slider .ui-slider .ui-slider-handle{ border-color:#00acee; } .themesaller-forms .blue-slider .ui-slider .ui-slider-handle:before, .themesaller-forms .blue-slider .ui-slider .ui-slider-range { background-color:#00acee; } .themesaller-forms .black-slider .ui-slider .ui-slider-handle{ border-color:#505558; } .themesaller-forms .black-slider .ui-slider .ui-slider-handle:before, .themesaller-forms .black-slider .ui-slider .ui-slider-range { background-color:#505558; } .themesaller-forms .green-slider .ui-slider .ui-slider-handle{ border-color:#0E993C; } .themesaller-forms .green-slider .ui-slider .ui-slider-handle:before, .themesaller-forms .green-slider .ui-slider .ui-slider-range { background-color:#0E993C; } /* @ui timepicker - requires jquery ui ------------------------------------------------------*/ .ui-timepicker-div .ui-widget-header { position: relative; background: #F5F5F5; line-height: 27px; font-size: 15px; padding: 10px; } .ui-timepicker-div dl { text-align: left; border:1px solid #CFCFCF; border-width:1px 0 0 0; padding:15px 10px; margin:0; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 20px 40%; } .ui-timepicker-div dl .ui_tpicker_hour, .ui-timepicker-div dl .ui_tpicker_minute, .ui-timepicker-div dl .ui_tpicker_second, .ui-timepicker-div dl .ui_tpicker_millisec{ background:#E5E5E5; position:relative; top:6px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* @progress bars ------------------------------------------------------*/ .themesaller-forms .progress-section{ display:none; } .themesaller-forms .progress-bar { position: relative; background:#E5E5E5; } .themesaller-forms .progress-bar .percent { position:absolute; display:inline-block; top:-3px; right:-24px; font-size:9px; color:#93A2AA; } .themesaller-forms .progress-bar > .bar { width:60%; height:7px; display: block; background-size: 16px 16px; background-color: #bdc3c7; } /* @progress bar themes ----------------------------------------------------------- */ .themesaller-forms .bar-primary > .bar { background-color: #f00; } .themesaller-forms .bar-blue > .bar { background-color: #00acee; } .themesaller-forms .bar-black > .bar { background-color: #505558; } .themesaller-forms .bar-green > .bar { background-color: #0E993C; } .themesaller-forms .bar-purple > .bar { background-color: #9464e2; } .themesaller-forms .bar-red > .bar { background-color: #ee4f3d; } .themesaller-forms .bar-yellow > .bar { background-color: #faa226; } /* @progress bar strips + animation IE10+ ----------------------------------------------------------- */ .themesaller-forms .ui-slider .ui-slider-range, .themesaller-forms .progress > button[type="submit"], .themesaller-forms .progress > button[type="submit"]:hover, .themesaller-forms .progress-bar > .bar{ background-size: 16px 16px; background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); } .themesaller-forms .progress > button[type="submit"], .themesaller-forms .progress > button[type="submit"]:hover, .themesaller-forms .progress-animated > .bar{ -webkit-animation: sfprogress .6s linear infinite; -moz-animation: sfprogress .6s linear infinite; -o-animation: sfprogress .6s linear infinite; animation: sfprogress .6s linear infinite; } .themesaller-forms .progress > button[type="submit"]:hover{ cursor:wait; } @-webkit-keyframes sfprogress { from { background-position: 0 0; } to { background-position: -16px 0; } } @-moz-keyframes sfprogress { from { background-position: 0 0; } to { background-position: -16px 0; } } @-o-keyframes sfprogress { from { background-position: 0 0; } to { background-position: -16px 0; } } @keyframes sfprogress { from { background-position: 0 0; } to { background-position: -16px 0; } } /* @google map :: block elements ----------------------------------------------------------------------- */ .themesaller-forms .map-container{ padding:10px; border: 1px solid #CFCFCF; } .themesaller-forms #map_canvas{ width:100%; height:300px; overflow:hidden; } .themesaller-forms .block{ display:block; } /* @form grid ----------------------------------- */ /* @form rows --------------------------------- */ .themesaller-forms .frm-row{ margin:0 -10px; } .themesaller-forms .slider-group:before, .themesaller-forms .slider-group:after, .themesaller-forms .frm-row:before, .themesaller-forms .frm-row:after { display: table; content: ""; line-height: 0; } .themesaller-forms .slider-group:after, .themesaller-forms .frm-row:after{ clear: both; } /* @form columns ----------------------------------- */ .themesaller-forms .frm-row .colm{ min-height:1px; padding-left:10px; padding-right:10px; position:relative; float:left; } .themesaller-forms .frm-row .colm1{width:8.33%;} .themesaller-forms .frm-row .colm2{width:16.66%;} .themesaller-forms .frm-row .colm3{width:25%;} .themesaller-forms .frm-row .colm4{width:33.33%;} .themesaller-forms .frm-row .colm5{width:41.66%;} .themesaller-forms .frm-row .colm6{width:50%;} .themesaller-forms .frm-row .colm7{width:58.33%;} .themesaller-forms .frm-row .colm8{width:66.66%;} .themesaller-forms .frm-row .colm9{width:75%;} .themesaller-forms .frm-row .colm10{width:83.33%;} .themesaller-forms .frm-row .colm11{width:91.66%;} .themesaller-forms .frm-row .colm12{width:100%; } .themesaller-forms .frm-row .colm1-5{width:20%;} .themesaller-forms .frm-row .colm1-8{width:12.5%;} /* @spacers --------------------------------------- */ .themesaller-forms .spacer{ border-top:1px solid #CFCFCF; display:block; height:0; } /* @margin spacers :: modify accordingly -------------------------------------------- */ .themesaller-forms .spacer-t10{ margin-top:10px; } .themesaller-forms .spacer-b10{ margin-bottom:10px; } .themesaller-forms .spacer-t15{ margin-top:15p; } .themesaller-forms .spacer-b15{ margin-bottom:15px; } .themesaller-forms .spacer-t20{ margin-top:20px; } .themesaller-forms .spacer-b20{ margin-bottom:20px; } .themesaller-forms .spacer-t25{ margin-top:25px; } .themesaller-forms .spacer-b25{ margin-bottom:25px; } .themesaller-forms .spacer-t30{ margin-top:30px; } .themesaller-forms .spacer-b30{ margin-bottom:30px; } .themesaller-forms .spacer-t40{ margin-top:40px; } .themesaller-forms .spacer-b40{ margin-bottom:40px; } /* @padding spacers :: modify accordingly -------------------------------------------------- */ .themesaller-forms .frm-row .pad-l10{ padding-left:10px; } .themesaller-forms .frm-row .pad-r10{ padding-right:10px; } .themesaller-forms .frm-row .pad-l20{ padding-left:20px; } .themesaller-forms .frm-row .pad-r20{ padding-right:20px; } .themesaller-forms .frm-row .pad-l30{ padding-left:30px; } .themesaller-forms .frm-row .pad-r30{ padding-right:30px; } .themesaller-forms .frm-row .pad-l40{ padding-left:40px; } .themesaller-forms .frm-row .pad-r40{ padding-right:40px; } /* @border spacers + text adjust -------------------------------------------------- */ .themesaller-forms .bdl { border-left:1px solid #CFCFCF; } .themesaller-forms .bdr { border-right:1px solid #CFCFCF; } .themesaller-forms .fine-grey{ color:#999; } .themesaller-forms .small-text{ font-size:11px; font-style:normal; } .themesaller-forms .text-align{ height:42px; line-height:42px; } /* @element alignment -------------------------------------------------- */ .themesaller-forms .align-right{ text-align:right; } .themesaller-forms .align-center{ text-align:center; } /* @simple price boxes :: depend on grid -------------------------------------------------- */ .themesaller-forms .price-box{ padding:30px; text-align:center; position:relative; border:1px solid #CFCFCF; font-family:Arial, Helvetica, sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); } .themesaller-forms .price-box p{ line-height:1.5em; color:#526066; margin-bottom:0; } .themesaller-forms .price-box h5{ text-transform:uppercase; font-weight:300; margin:0; font-size:15px; color:#B0B2B9; letter-spacing:2px } .themesaller-forms .price-box h4{ font-size:60px; font-weight:300; margin:0; color:#626262; } .themesaller-forms .selected-box h4{ color:#f00; } .themesaller-forms .price-box h4 sup{ position:relative; font-size:30px; vertical-align:top; top:15px; } .themesaller-forms .price-box h4 .per-month{font-size:14px; } .themesaller-forms .expand{ height:50px; line-height:50px!important; border-radius:3px; } /* @simple price boxes ribbon IE8+ ----------------------------------------- */ .themesaller-forms .ribbon, .themesaller-forms .ribbon-large{ width:75px; height:78px; overflow:hidden; position:absolute; right: -2px; top: -2px; z-index:1; } .themesaller-forms .ribbon-inner{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background: #f00; letter-spacing:4px; text-align:center; position:relative; font-weight:700; font-size:14px; padding:7px 0; width:100px; color:#fff; z-index:1; left:3px; top:6px; } .themesaller-forms .ribbon-inner:before, .themesaller-forms .ribbon-inner:after{ content:""; border-top:3px solid #3c9b39; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; bottom:-3px; } .themesaller-forms .ribbon-inner:before{ left:0px; } .themesaller-forms .ribbon-inner:after{ right:0px; } .themesaller-forms .ribbon-large{ width:115px; height:118px; } .themesaller-forms .ribbon-large .ribbon-inner{ width:160px; left:-8px; top:28px; } /* @captcha refresh button + icon -------------------------------------------------- */ .themesaller-forms .sfcode{ padding-left:24px; } .themesaller-forms .captcode{ padding:0; position:relative; } .themesaller-forms .captcode img{ position:relative; top:1px;} .themesaller-forms .refresh-captcha{ position:absolute; background:#f00; border:3px solid #3C9B39; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px; right:-15px; height:32px; width:32px; top:4px; } .themesaller-forms .refresh-captcha i{ position:absolute; text-align:center; line-height:26px; font-size:17px; color:#fff; left:24%; } /* @captcha refresh button themes -------------------------------------------------- */ .themesaller-forms .refresh-black { background:#505558; border-color: #333333; } .themesaller-forms .refresh-blue { background:#00acee; border-color: #0087bb; } .themesaller-forms .refresh-green { background:#0E993C; border-color: #0B792F; } .themesaller-forms .refresh-purple { background:#9464e2; border-color: #7639da; } .themesaller-forms .refresh-red { background:#ee4f3d; border-color: #e42914; } .themesaller-forms .refresh-yellow { background:#faa226; border-color: #e88a05; } /* Firefox select fix - select arrow hack disabled on FF 30+ -------------------------------------------------------------- */ @-moz-document url-prefix() { .themesaller-forms .select:before{ content: ''; pointer-events:none; -moz-transition:none; transition:none; position: absolute; background: #F5F5F5; width: 36px; right:1px; top:1px; bottom:1px; z-index:99; } .themesaller-forms .select > select:focus, .themesaller-forms .select > select:hover, .themesaller-forms .select:hover select, .themesaller-forms .select:hover:before{ background: #fff; -moz-transition:none; transition:none; -moz-box-shadow:none; box-shadow:none; } .themesaller-forms .select .arrow { z-index:100; } .themesaller-forms .state-error.select > select:focus, .themesaller-forms .state-error.select > select:hover, .themesaller-forms .state-error.select:hover select, .themesaller-forms .state-error.select:hover:before, .themesaller-forms .state-error.select:before { background:#FEE9EA; } .themesaller-forms .state-success.select > select:focus, .themesaller-forms .state-success.select > select:hover, .themesaller-forms .state-success.select:hover select, .themesaller-forms .state-success.select:hover:before, .themesaller-forms .state-success.select:before { background:#F0FEE9; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .themesaller-forms .select .arrow:after, .themesaller-forms .select .arrow:before { display:block; } } /* @Fix old of versions android + ios ------------------------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0) { .themesaller-forms .option, .themesaller-forms .rating, .themesaller-forms .switch, .themesaller-forms .captcode { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } } .themesaller-forms .switch { margin-right:10px; margin-bottom:5px; } .themesaller-forms .option { margin-right:15px; } } /* @responsiveness for tablets + smart mobile -------------------------------------------------- */ @media (max-width: 600px) { .themesaller-forms .frm-row{ margin:0; } .themesaller-forms .frm-row .colm{ width: 100%; float:none; padding:0; } .themesaller-forms .bdl { border-left:0; } .themesaller-forms .bdr { border-right:0; } .themesaller-forms .align-right{ text-align: left; } } ================================================ FILE: public/admin/css/form.css ================================================ /*----------------------------------------*/ /* 1. Form CSS /*----------------------------------------*/ .logo{ padding-top:30px; text-align:center; } .login-title{ padding:30px 15px; } .login-title h1{ font-size:20px; } .login-bg{ background:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); padding:20px; } .login-input-area input[type="email"], .login-input-area input[type="password"], .login-input-area input[type="text"]{ width:100%; height:35px; padding: 0px 35px 0px 10px; margin:10px 0px; border:1px solid #ccc; } .login-input-area, .login-textarea-area{ position:relative; margin-right:15px; } .login-input-head { padding-left: 15px; } .login-input-area .login-user{ position:absolute; top:10px; right:0; height:35px; width:35px; border-left:1px solid #ccc; line-height:35px; text-align:center; color:#888; } .login-textarea-area .login-user{ position:absolute; top:10px; right:0; height:35px; width:35px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; line-height:35px; text-align:center; color:#888; } .login-input-area input[type="email"]:focus, .login-input-area input[type="password"]:focus, .login-input-area input[type="text"]:focus{ border:1px solid #03a9f4; } .login-input-head p { padding:16px 0px; margin:0; font-size:14px; } .login-button-pro{ padding:30px 0px; } .login-button-pro .login-button{ padding:10px 20px; border:none; background:#03a9f4; color:#fff; font-weight:14px; transition: all .4s ease 0s; } .login-button-pro .login-button.login-button-rg{ background:#B3B3B3; margin-right:10px; } .login-button-pro .login-button.login-button-rg:hover{ background:#303030; transition: all .4s ease 0s; } .login-button-pro .login-button.login-button-lg:hover{ background:#303030; transition: all .4s ease 0s; } .forgot-password a{ color:#03a9f4; font-size:13px; padding-bottom:10px; display:inline-block; } .forgot-password a:hover{ color:#303030; } .login-keep-me input[type="checkbox"]{ display:none; } .login-keep-me .login-check i { border: 2px solid #03a9f4; font-size: 12px; padding: 2px; color:#03a9f4; } .register-mg-rt{ margin-right:0; } .register-check{ margin-top:10px; } .login-textarea-area{ position:relative; margin-right:15px; } .login-textarea-area .contact-message{ width:100%; height:120px; padding:10px; border:1px solid #ccc; margin-top:10px; } /**/ /* radios and checkboxes */ /**/ .adminpro-form .checkbox { margin-bottom: 4px; padding-left: 27px; font-size: 14px; line-height: 27px; color: #404040; cursor: pointer; font-weight:300; } .adminpro-form .invalid { color:#ff0000; } .adminpro-form .checkbox i { position: absolute; top: 4px; left: 0px; display: block; width: 20px; height: 20px; outline: none; border-width: 2px; border-style: solid; background: #fff; line-height: 20px; color: #03a9f4; } .adminpro-form .checkbox input + i:after { position: absolute; opacity: 0; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .adminpro-form .checkbox input + i:after { content: '\f00c'; top: -2px; left: -2px; width: 20px; height: 20px; font: normal 12px/16px FontAwesome; text-align: center; line-height: 20px; } .cart-group .radio{ margin-left:20px; font-weight:300; font-size:14px; } .cart-group .radio input + i:after { content: ''; width: 5px; height: 5px; text-align: center; line-height: 5px; background:#03a9f4; border-radius:50%; opacity: 0; position: absolute; left:2px; top:2px; } .cart-group .radio i{ position: absolute; top: 3px; left: -20px; display: block; width: 13px; height: 13px; outline: none; border-width: 2px; border-style: solid; background: #fff; border-color: #03a9f4; border-radius: 50%; } .cart-group input{ opacity:0; } .cart-group .radio input:checked + i:after{ opacity: 1; } .adminpro-form .checkbox input:checked + i:after { opacity: 1; } /****** Style Star Rating Widget *****/ .review-title span { font-size: 14px; padding-top: 5px; display: block; } .review-rating { text-align: right; margin-right: 15px; } .rating { border: none; } .rating > input { display: none; } .rating > label:before { margin: 5px; font-size: 16px; font-family: FontAwesome; display: inline-block; content: "\f005"; } .rating > .half:before { content: "\f089"; position: absolute; } .rating > label { color: #ddd; float: right; } .rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label { color: #03a9f4; } .rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label { color: #03a9f4; } /****** Order Details *****/ .interested-input-area, .budget-input-area{ margin-right:15px; } .interested-input-area select, .budget-input-area select{ width:100%; height:35px; padding: 0px 35px 0px 10px; border:1px solid #ccc; } .interested-input-area select{ margin: 10px 0px 10px 0px; } .budget-input-area select{ margin: 10px 0px 20px 0px; } .interested-input-area select:hover{ border:1px solid #ccc; } /**/ /* datepicker */ /**/ .ui-datepicker { display: none; padding: 10px 12px; background: rgba(255,255,255,0.9); box-shadow: 0 0 10px rgba(0,0,0,.3); font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; text-align: center; color: #666; } .ui-datepicker a { color: #404040; } .ui-datepicker-header { position: relative; margin: -10px -12px 10px; padding: 10px; border-bottom: 1px solid rgba(0,0,0,.1); font-size: 15px; line-height: 27px; } .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 0; display: block; width: 57px; height: 47px; font-size: 15px; line-height: 47px; text-decoration: none; cursor: pointer; } .ui-datepicker-prev { left: 0; } .ui-datepicker-next { right: 0; } .ui-datepicker-calendar { border-collapse: collapse; font-size: 13px; line-height: 27px; } .ui-datepicker-calendar th { color: #999; } .ui-datepicker-calendar a, .ui-datepicker-calendar span { display: block; width: 46px; margin: auto; text-decoration: none; color: #404040; } .ui-datepicker-calendar a:hover { background: rgba(0,0,0,.05); } .ui-datepicker-calendar span { color: #bfbfbf; } .ui-datepicker-today a { font-weight: 700; } .ui-datepicker-calendar .ui-state-active { background: rgba(0,0,0,.05); cursor: default; } .ui-datepicker-inline { border: 2px solid #e5e5e5; background: #fff; box-shadow: none; } .ui-datepicker-inline .ui-datepicker-header { line-height: 47px; } .ui-datepicker-inline .ui-datepicker-calendar { width: 100%; } .login-input-area #txtCompare{ width:58%; } .login-input-area #txtCaptcha{ width: 38%; background: #303030; color: #fff; font-weight: 700; outline: none; border: none; margin-left: -10px; cursor: default; } fieldset{ margin:0px; padding:0px; } .rating label{ margin:0px; } ================================================ FILE: public/admin/css/ionRangeSlider/ion.rangeSlider.css ================================================ /* Ion.RangeSlider // css version 1.8.5 // by Denis Ineshin | ionden.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; } .irs-line { position: relative; display: block; overflow: hidden; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 10%; } .irs-line-mid { left: 10%; width: 80%; } .irs-line-right { right: 0; width: 10%; } .irs-diapason { position: absolute; display: block; left: 0; width: 100%; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { left: 10px; } .irs-slider.single:before { position: absolute; display: block; content: ""; top: -30%; left: -30%; width: 160%; height: 160%; background: rgba(0,0,0,0.0); } .irs-slider.from { left: 100px; } .irs-slider.from:before { position: absolute; display: block; content: ""; top: -30%; left: -30%; width: 130%; height: 160%; background: rgba(0,0,0,0.0); } .irs-slider.to { left: 300px; } .irs-slider.to:before { position: absolute; display: block; content: ""; top: -30%; left: 0; width: 130%; height: 160%; background: rgba(0,0,0,0.0); } .irs-slider.last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; width: 100px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } ================================================ FILE: public/admin/css/ionRangeSlider/ion.rangeSlider.skinFlat.css ================================================ /* Ion.RangeSlider, Flat UI Skin // css version 1.8.5 // by Denis Ineshin | ionden.com // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-diapason, .irs-slider { background: url(sprite-skin-flat.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 12px; top: 25px; } .irs-line-left { height: 12px; background-position: 0 -30px; } .irs-line-mid { height: 12px; background-position: 0 0; } .irs-line-right { height: 12px; background-position: 100% -30px; } .irs-diapason { height: 12px; top: 25px; background-position: 0 -60px; } .irs-slider { width: 16px; height: 18px; top: 22px; background-position: 0 -90px; } #irs-active-slider, .irs-slider:hover { background-position: 0 -120px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ed5565; border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs-grid-pol { background: #e1e4e9; } .irs-grid-text { color: #999; } .irs-disabled { } ================================================ FILE: public/admin/css/jvectormap/jquery-jvectormap-2.0.3.css ================================================ svg { touch-action: none; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: black; color: white; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } ================================================ FILE: public/admin/css/main.css ================================================ /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } ================================================ FILE: public/admin/css/modals.css ================================================ /****** Bootstrap Modal *****/ .adminpro-modal-pos{ position:relative; } .modal-close-area{ position: absolute; right: -30px; top: -20px; } .modal-close-area.modal-close-df{ right: -22px; } .modal-dialog { margin: 50px auto; } .modal-close-area .close{ opacity:1; } .modal-close-area a{ color: #fff; font-size: 16px; background: #03a9f4; height: 30px; width: 30px; text-align: center; line-height: 28px; display: block; border-radius: 50%; } .modal-close-area a:hover{ color: #303030; } .modal-clickable{ text-align:center; } .modal-clickable p{ background:#fff; font-size:14px; padding:15px 20px; } .modal-clickable a{ text-decoration:underline; color:#03a9f4; } .modal-adminpro-general .modal-content{ border-radius:0px; } .modal-adminpro-general .modal-footer{ border-top:0px solid #fff; } .modal-adminpro-general .modal-body{ text-align:center; padding:50px 70px; } .modal-adminpro-general .modal-body p{ line-height:24px; font-size:14px; font-weight:400; margin:0px; } .modal-adminpro-general .modal-body h2{ font-size:30px; } .modal-adminpro-general .modal-body .modal-check-pro{ font-size:40px; color:#03a9f4; margin-bottom:30px; display:block; } .modal-adminpro-general .modal-body .modal-check-pro.information-icon-pro{ font-size:40px; } .modal-bootstrap{ background:#fff; padding:30px; } .modal-bootstrap h2{ font-size:20px; font-weight:700; } .modal-bootstrap p{ font-size:14px; line-height:24px; font-weight:400; } .modal-footer a{ margin-left:20px; } .modal-area-button a{ margin:0px 5px; } .modal-area-button a:hover{ color:#fff; } .modal-area-button a, .modal-footer a{ padding: 13px 28px; text-decoration: none; color: #fff; position: relative; z-index: 11; font-size: 14px; display:inline-block; } .modal-area-button a.default:before, .modal-footer a:before, .modal-area-button a.fullwidth:before, .modal-area-button a.Customwidth:before, .modal-area-button a.FullColor:before, .modal-area-button a.Primary:before, .modal-area-button a.Information:before, .modal-area-button a.Warning:before, .modal-area-button a.Danger:before, .modal-area-button a.Alert:before, .modal-area-button a.bounce:before, .modal-area-button a.flash:before, .modal-area-button a.pulse:before, .modal-area-button a.rubberBand:before, .modal-area-button a.shake:before, .modal-area-button a.swing:before, .modal-area-button a.tada:before, .modal-area-button a.wobble:before, .modal-area-button a.jello:before, .modal-area-button a.bounceIn:before, .modal-area-button a.bounceInDown:before, .modal-area-button a.bounceInLeft:before, .modal-area-button a.bounceInRight:before, .modal-area-button a.bounceInUp:before, .modal-area-button a.bounceOut:before, .modal-area-button a.fadeIn:before, .modal-area-button a.fadeInDown:before, .modal-area-button a.fadeInDownBig:before, .modal-area-button a.fadeInLeft:before, .modal-area-button a.fadeInLeftBig:before, .modal-area-button a.fadeInRight:before, .modal-area-button a.fadeInUp:before, .modal-area-button a.flip:before, .modal-area-button a.flipInX:before, .modal-area-button a.flipInY:before, .modal-area-button a.lightSpeedIn:before, .modal-area-button a.rotateIn:before, .modal-area-button a.rotateInDownLeft:before, .modal-area-button a.rotateInDownRight:before, .modal-area-button a.rotateInUpLeft:before, .modal-area-button a.rotateInUpRight:before, .modal-area-button a.hinge:before, .modal-area-button a.rollIn:before, .modal-area-button a.zoomIn:before, .modal-area-button a.zoomInDown:before, .modal-area-button a.zoomInLeft:before, .modal-area-button a.zoomInRight:before, .modal-area-button a.zoomInUp:before, .modal-area-button a.slideInDown:before, .modal-area-button a.slideInLeft:before, .modal-area-button a.slideInRight:before, .modal-area-button a.slideInUp:before{ background: #03a9f4; position: absolute; top: 0px; left: 0px; height: 45px; z-index: -1; content: ""; } .modal-area-button a.default:before, .modal-footer a:before{ width:100px; } .modal-area-button a.fullwidth:before{ width:118px; } .modal-area-button a.Customwidth:before{ width:142px; } .modal-area-button a.FullColor:before{ width:118px; } .modal-area-button a.Primary:before{ width:104px; } .modal-area-button a.Information:before{ width:130px; } .modal-area-button a.Warning:before{ width:109px; } .modal-area-button a.Danger:before{ width:102px; } .modal-area-button a.bounce:before{ width:102px; } .modal-area-button a.flash:before{ width:90px; } .modal-area-button a.pulse:before{ width:90px; } .modal-area-button a.shake:before{ width:90px; } .modal-area-button a.swing:before{ width:90px; } .modal-area-button a.tada:before{ width:90px; } .modal-area-button a.wobble:before{ width:102px; } .modal-area-button a.bounceIn:before{ width:115px; } .modal-area-button a.jello:before{ width:80px; } .modal-area-button a.rubberBand:before{ width:130px; } .modal-area-button a.bounceInDown:before{ width:151px; } .modal-area-button a.bounceInUp:before{ width:134px; } .modal-area-button a.bounceOut:before{ width:128px; } .modal-area-button a.fadeIn:before{ width:98px; } .modal-area-button a.fadeInDown:before{ width:135px; } .modal-area-button a.fadeInDownBig:before{ width:154px; } .modal-area-button a.fadeInLeft:before{ width:122px; } .modal-area-button a.fadeInRight:before{ width:130px; } .modal-area-button a.fadeInUp:before{ width:117px; } .modal-area-button a.fadeInLeftBig:before{ width:138px; } .modal-area-button a.bounceInLeft:before{ width:138px; } .modal-area-button a.bounceInRight:before{ width:146px; } .modal-area-button a.Danger.danger-color:before{ background:#F45846; } .modal-area-button a.Alert.Alert-color:before{ background:#d35400; } .modal-area-button a.Warning.Warning-color:before{ background:#f39c12; } .modal-area-button a.Information.Information-color:before{ background:#8e44ad; } .modal-area-button a.Alert:before{ width:85px; } .modal-area-button a.flip:before{ width:85px; } .modal-area-button a.flipInX:before{ width:97px; } .modal-area-button a.flipInY:before{ width:97px; } .modal-area-button a.lightSpeedIn:before{ width:138px; } .modal-area-button a.rotateIn:before{ width:106px; } .modal-area-button a.rotateInDownLeft:before{ width:168px; } .modal-area-button a.rotateInDownRight:before{ width:176px; } .modal-area-button a.rotateInUpLeft:before{ width:150px; } .modal-area-button a.rotateInUpRight:before{ width:159px; } .modal-area-button a.hinge:before{ width:93px; } .modal-area-button a.rollIn:before{ width:90px; } .modal-area-button a.zoomIn:before{ width:104px; } .modal-area-button a.zoomInDown:before{ width:140px; } .modal-area-button a.zoomInLeft:before{ width:128px; } .modal-area-button a.zoomInRight:before{ width:136px; } .modal-area-button a.zoomInUp:before{ width:122px; } .modal-area-button a.slideInDown:before{ width:133px; } .modal-area-button a.slideInLeft:before{ width:122px; } .modal-area-button a.slideInRight:before{ width:130px; } .modal-area-button a.slideInUp:before{ width:116px; } .modal-area-button a.default:after, .modal-footer a:after, .modal-area-button a.fullwidth:after, .modal-area-button a.Customwidth:after, .modal-area-button a.FullColor:after, .modal-area-button a.Primary:after, .modal-area-button a.Information:after, .modal-area-button a.Warning:after, .modal-area-button a.Danger:after, .modal-area-button a.Alert:after, .modal-area-button a.bounce:after, .modal-area-button a.flash:after, .modal-area-button a.pulse:after, .modal-area-button a.rubberBand:after, .modal-area-button a.shake:after, .modal-area-button a.swing:after, .modal-area-button a.tada:after, .modal-area-button a.wobble:after, .modal-area-button a.jello:after, .modal-area-button a.bounceIn:after, .modal-area-button a.bounceInDown:after, .modal-area-button a.bounceInLeft:after, .modal-area-button a.bounceInRight:after, .modal-area-button a.bounceInUp:after, .modal-area-button a.bounceOut:after, .modal-area-button a.fadeIn:after, .modal-area-button a.fadeInDown:after, .modal-area-button a.fadeInDownBig:after, .modal-area-button a.fadeInLeft:after, .modal-area-button a.fadeInLeftBig:after, .modal-area-button a.fadeInRight:after, .modal-area-button a.fadeInUp:after, .modal-area-button a.flip:after, .modal-area-button a.flipInX:after, .modal-area-button a.flipInY:after, .modal-area-button a.lightSpeedIn:after, .modal-area-button a.rotateIn:after, .modal-area-button a.rotateInDownLeft:after, .modal-area-button a.rotateInDownRight:after, .modal-area-button a.rotateInUpLeft:after, .modal-area-button a.rotateInUpRight:after, .modal-area-button a.hinge:after, .modal-area-button a.rollIn:after, .modal-area-button a.zoomIn:after, .modal-area-button a.zoomInDown:after, .modal-area-button a.zoomInLeft:after, .modal-area-button a.zoomInRight:after, .modal-area-button a.zoomInUp:after, .modal-area-button a.slideInDown:after, .modal-area-button a.slideInLeft:after, .modal-area-button a.slideInRight:after, .modal-area-button a.slideInUp:after{ background: #303030; position: absolute; top: 0px; left: 0px; height: 0px; z-index: -1; content: ""; opacity:0; transition: all 0.3s ease 0s; } .modal-area-button a.default:after, .modal-footer a:after{ width:100px; } .modal-area-button a.fullwidth:after{ width:118px; } .modal-area-button a.FullColor:after{ width:118px; } .modal-area-button a.Customwidth:after{ width:142px; } .modal-area-button a.Primary:after{ width:104px; } .modal-area-button a.bounce:after{ width:102px; } .modal-area-button a.flash:after{ width:90px; } .modal-area-button a.pulse:after{ width:90px; } .modal-area-button a.shake:after{ width:90px; } .modal-area-button a.swing:after{ width:90px; } .modal-area-button a.tada:after{ width:90px; } .modal-area-button a.wobble:after{ width:102px; } .modal-area-button a.bounceIn:after{ width:115px; } .modal-area-button a.jello:after{ width:80px; } .modal-area-button a.rubberBand:after{ width:130px; } .modal-area-button a.bounceInDown:after{ width:151px; } .modal-area-button a.bounceInUp:after{ width:134px; } .modal-area-button a.bounceOut:after{ width:128px; } .modal-area-button a.fadeIn:after{ width:98px; } .modal-area-button a.fadeInDown:after{ width:135px; } .modal-area-button a.fadeInDownBig:after{ width:154px; } .modal-area-button a.fadeInLeft:after{ width:122px; } .modal-area-button a.fadeInRight:after{ width:130px; } .modal-area-button a.fadeInUp:after{ width:117px; } .modal-area-button a.fadeInLeftBig:after{ width:138px; } .modal-area-button a.bounceInLeft:after{ width:138px; } .modal-area-button a.bounceInRight:after{ width:146px; } .modal-area-button a.Warning:after{ width:109px; } .modal-area-button a.Information:after{ width:130px; } .modal-area-button a.Danger:after{ width:102px; } .modal-area-button a.Alert:after{ width:85px; } .modal-area-button a.flip:after{ width:85px; } .modal-area-button a.flipInX:after{ width:97px; } .modal-area-button a.flipInY:after{ width:97px; } .modal-area-button a.lightSpeedIn:after{ width:138px; } .modal-area-button a.rotateIn:after{ width:106px; } .modal-area-button a.rotateInDownLeft:after{ width:168px; } .modal-area-button a.rotateInDownRight:after{ width:176px; } .modal-area-button a.rotateInUpLeft:after{ width:150px; } .modal-area-button a.rotateInUpRight:after{ width:159px; } .modal-area-button a.hinge:after{ width:93px; } .modal-area-button a.rollIn:after{ width:90px; } .modal-area-button a.zoomIn:after{ width:104px; } .modal-area-button a.zoomInDown:after{ width:140px; } .modal-area-button a.zoomInLeft:after{ width:128px; } .modal-area-button a.zoomInRight:after{ width:136px; } .modal-area-button a.zoomInUp:after{ width:122px; } .modal-area-button a.slideInDown:after{ width:133px; } .modal-area-button a.slideInLeft:after{ width:122px; } .modal-area-button a.slideInRight:after{ width:130px; } .modal-area-button a.slideInUp:after{ width:116px; } .modal-area-button a.default:hover:after, .modal-footer a:hover:after, .modal-area-button a.fullwidth:hover:after, .modal-area-button a.Customwidth:hover:after, .modal-area-button a.FullColor:hover:after, .modal-area-button a.Primary:hover:after, .modal-area-button a.Information:hover:after, .modal-area-button a.Warning:hover:after, .modal-area-button a.Danger:hover:after, .modal-area-button a.Alert:hover:after, .modal-area-button a.bounce:hover:after, .modal-area-button a.flash:hover:after, .modal-area-button a.pulse:hover:after, .modal-area-button a.rubberBand:hover:after, .modal-area-button a.shake:hover:after, .modal-area-button a.swing:hover:after, .modal-area-button a.tada:hover:after, .modal-area-button a.wobble:hover:after, .modal-area-button a.jello:hover:after, .modal-area-button a.bounceIn:hover:after, .modal-area-button a.bounceInDown:hover:after, .modal-area-button a.bounceInLeft:hover:after, .modal-area-button a.bounceInRight:hover:after, .modal-area-button a.bounceInUp:hover:after, .modal-area-button a.bounceOut:hover:after, .modal-area-button a.fadeIn:hover:after, .modal-area-button a.fadeInDownBig:hover:after, .modal-area-button a.fadeInLeft:hover:after, .modal-area-button a.fadeInLeftBig:hover:after, .modal-area-button a.fadeInDown:hover:after, .modal-area-button a.fadeInRight:hover:after, .modal-area-button a.fadeInUp:hover:after, .modal-area-button a.flip:hover:after, .modal-area-button a.flipInX:hover:after, .modal-area-button a.flipInY:hover:after, .modal-area-button a.lightSpeedIn:hover:after, .modal-area-button a.rotateIn:hover:after, .modal-area-button a.rotateInDownLeft:hover:after, .modal-area-button a.rotateInDownRight:hover:after, .modal-area-button a.rotateInUpLeft:hover:after, .modal-area-button a.rotateInUpRight:hover:after, .modal-area-button a.hinge:hover:after, .modal-area-button a.rollIn:hover:after, .modal-area-button a.zoomIn:hover:after, .modal-area-button a.zoomInDown:hover:after, .modal-area-button a.zoomInLeft:hover:after, .modal-area-button a.zoomInRight:hover:after, .modal-area-button a.zoomInUp:hover:after, .modal-area-button a.slideInDown:hover:after, .modal-area-button a.slideInLeft:hover:after, .modal-area-button a.slideInRight:hover:after, .modal-area-button a.slideInUp:hover:after{ opacity:1; height: 45px; transition: all 0.3s ease 0s; } #fullwidth .modal-dialog{ width:1170px; } #Customwidth .modal-dialog{ width:700px; } #FullColor .modal-content{ background:#03a9f4; } #FullColor .modal-content .modal-body h2{ color:#fff; } #FullColor .modal-content .modal-body p{ color:#fff; } #FullColor .modal-content .modal-body .modal-check-pro{ color:#fff; } .fullwidth-popup-InformationproModal .modal-close-area .close{ background: #8e44ad; } .modal-adminpro-general.fullwidth-popup-InformationproModal .modal-body .modal-check-pro.information-icon-pro{ color:#8e44ad; } .modal-adminpro-general.fullwidth-popup-InformationproModal .modal-footer a:before{ background:#8e44ad; } .Customwidth-popup-WarningModal .modal-close-area .close{ background: #f39c12; } .modal-adminpro-general.Customwidth-popup-WarningModal .modal-body .modal-check-pro.information-icon-pro{ color:#f39c12; } .modal-adminpro-general.Customwidth-popup-WarningModal .modal-footer a:before{ background:#f39c12; } .FullColor-popup-DangerModal .modal-close-area .close{ background: #F45846; } .modal-adminpro-general.FullColor-popup-DangerModal .modal-body .modal-check-pro.information-icon-pro{ color:#F45846; } .modal-adminpro-general.FullColor-popup-DangerModal .modal-footer a:before{ background:#F45846; } .FullColor-popup-AlertModal .modal-close-area .close{ background: #d35400; } .modal-adminpro-general.FullColor-popup-AlertModal .modal-body .modal-check-pro.information-icon-pro{ color:#d35400; } .modal-adminpro-general.FullColor-popup-AlertModal .modal-footer a:before{ background:#d35400; } .footer-modal-admin{ text-align:center; padding:0px 0px 50px 0px; } .PrimaryModal-bgcolor .modal-content{ background: #303030; } .modal-adminpro-general.PrimaryModal-bgcolor .modal-body h2{ color:#fff; } .modal-adminpro-general.PrimaryModal-bgcolor .modal-body p{ color:#fff; } .header-color-modal{ padding:20px 50px 20px 50px; color:#fff; } .header-color-modal.bg-color-1{ background:#03a9f4; } .header-color-modal.bg-color-2{ background:#8e44ad; } .header-color-modal.bg-color-3{ background:#f39c12; } .header-color-modal.bg-color-4{ background:#F45846; } .header-color-modal.bg-color-5{ background:#d35400; } .header-color-modal h4{ font-size:20px; } ================================================ FILE: public/admin/css/normalize.css ================================================ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } ================================================ FILE: public/admin/css/notifications.css ================================================ /*----------------------------------------*/ /* 1. Notification CSS /*----------------------------------------*/ .nt-mg-b-30{ margin-bottom:30px; } .nt-mg-b-40{ margin-bottom:40px; } .notification-list, .button-ad-wrap{ background:#fff; padding:20px; } .notification-bt .btn{ border-radius:0px; margin-right:10px; } ================================================ FILE: public/admin/css/preloader/preloader-style.css ================================================ @charset "utf-8"; /* CSS Document */ /*Preloader Demo */ /******************************************************************************/ /******************************************************************************/ #loading { background-color: #122737; height: 50%; width: 30%; z-index: 1; margin-top: 0px; top: 0px; } #ts-preloader-absolute { position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; } .tsperloader { position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #03a9f4; } .tsperloader:nth-child(25) { bottom: 0px; left: 80px; -webkit-animation: animate_25 3s infinite ease-in-out; animation: animate_25 3s infinite ease-in-out; } .tsperloader:nth-child(24) { bottom: 0px; left: 60px; -webkit-animation: animate_24 3s infinite ease-in-out; animation: animate_24 3s infinite ease-in-out; } .tsperloader:nth-child(23) { bottom: 0px; left: 40px; -webkit-animation: animate_23 3s infinite ease-in-out; animation: animate_23 3s infinite ease-in-out; } .tsperloader:nth-child(22) { bottom: 0px; left: 20px; -webkit-animation: animate_22 3s infinite ease-in-out; animation: animate_22 3s infinite ease-in-out; } .tsperloader:nth-child(21) { bottom: 0px; left: 0px; -webkit-animation: animate_21 3s infinite ease-in-out; animation: animate_21 3s infinite ease-in-out; } .tsperloader:nth-child(20) { bottom: 0px; left: 70px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_20 3s infinite ease-in-out; animation: animate_20 3s infinite ease-in-out; } .tsperloader:nth-child(19) { bottom: 0px; left: 50px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_19 3s infinite ease-in-out; animation: animate_19 3s infinite ease-in-out; } .tsperloader:nth-child(18) { bottom: 0px; left: 30px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_18 3s infinite ease-in-out; animation: animate_18 3s infinite ease-in-out; } .tsperloader:nth-child(17) { bottom: 0px; left: 10px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_17 3s infinite ease-in-out; animation: animate_17 3s infinite ease-in-out; } .tsperloader:nth-child(16) { bottom: 20px; left: 70px; -webkit-animation: animate_16 3s infinite ease-in-out; animation: animate_16 3s infinite ease-in-out; } .tsperloader:nth-child(15) { bottom: 20px; left: 50px; -webkit-animation: animate_15 3s infinite ease-in-out; animation: animate_15 3s infinite ease-in-out; } .tsperloader:nth-child(14) { bottom: 20px; left: 30px; -webkit-animation: animate_14 3s infinite ease-in-out; animation: animate_14 3s infinite ease-in-out; } .tsperloader:nth-child(13) { bottom: 20px; left: 10px; -webkit-animation: animate_13 3s infinite ease-in-out; animation: animate_13 3s infinite ease-in-out; } .tsperloader:nth-child(12) { bottom: 20px; left: 60px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_12 3s infinite ease-in-out; animation: animate_12 3s infinite ease-in-out; } .tsperloader:nth-child(11) { bottom: 20px; left: 40px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_11 3s infinite ease-in-out; animation: animate_11 3s infinite ease-in-out; } .tsperloader:nth-child(10) { bottom: 20px; left: 20px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_10 3s infinite ease-in-out; animation: animate_10 3s infinite ease-in-out; } .tsperloader:nth-child(9) { bottom: 40px; left: 60px; -webkit-animation: animate_9 3s infinite ease-in-out; animation: animate_9 3s infinite ease-in-out; } .tsperloader:nth-child(8) { bottom: 40px; left: 40px; -webkit-animation: animate_8 3s infinite ease-in-out; animation: animate_8 3s infinite ease-in-out; } .tsperloader:nth-child(7) { bottom: 40px; left: 20px; -webkit-animation: animate_7 3s infinite ease-in-out; animation: animate_7 3s infinite ease-in-out; } .tsperloader:nth-child(6) { bottom: 40px; left: 50px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_6 3s infinite ease-in-out; animation: animate_6 3s infinite ease-in-out; } .tsperloader:nth-child(5) { bottom: 40px; left: 30px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_5 3s infinite ease-in-out; animation: animate_5 3s infinite ease-in-out; } .tsperloader:nth-child(4) { bottom: 60px; left: 50px; -webkit-animation: animate_4 3s infinite ease-in-out; animation: animate_4 3s infinite ease-in-out; } .tsperloader:nth-child(3) { bottom: 60px; left: 30px; -webkit-animation: animate_3 3s infinite ease-in-out; animation: animate_3 3s infinite ease-in-out; } .tsperloader:nth-child(2) { bottom: 60px; left: 40px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: animate_2 3s infinite ease-in-out; animation: animate_2 3s infinite ease-in-out; } .tsperloader:nth-child(1) { bottom: 80px; left: 40px; -webkit-animation: animate_1 3s infinite ease-in-out; animation: animate_1 3s infinite ease-in-out; } @-webkit-keyframes animate_1 { 50% { -ms-transform: translate(0, -100px) rotate(180deg); -webkit-transform: translate(0, -100px) rotate(180deg); transform: translate(0, -100px) rotate(180deg); } } @keyframes animate_1 { 50% { -ms-transform: translate(0, -100px) rotate(180deg); -webkit-transform: translate(0, -100px) rotate(180deg); transform: translate(0, -100px) rotate(180deg); } } @-webkit-keyframes animate_2 { 50% { -ms-transform: translate(0, -80px) rotate(180deg); -webkit-transform: translate(0, -80px) rotate(180deg); transform: translate(0, -80px) rotate(180deg); } } @keyframes animate_2 { 50% { -ms-transform: translate(0, -80px) rotate(180deg); -webkit-transform: translate(0, -80px) rotate(180deg); transform: translate(0, -80px) rotate(180deg); } } @-webkit-keyframes animate_3 { 50% { -ms-transform: translate(-100px, -100px) rotate(180deg); -webkit-transform: translate(-100px, -100px) rotate(180deg); transform: translate(-100px, -100px) rotate(180deg); } } @keyframes animate_3 { 50% { -ms-transform: translate(-100px, -100px) rotate(180deg); -webkit-transform:translate(-100px, -100px) rotate(180deg); transform: translate(-100px, -100px) rotate(180deg); } } @-webkit-keyframes animate_4 { 50% { -ms-transform: translate(100px, -100px) rotate(180deg); -webkit-transform: translate(100px, -100px) rotate(180deg); transform: translate(100px, -100px) rotate(180deg); } } @keyframes animate_4 { 50% { -ms-transform: translate(100px, -100px) rotate(180deg); -webkit-transform:translate(100px, -100px) rotate(180deg); transform: translate(100px, -100px) rotate(180deg); } } @-webkit-keyframes animate_5 { 50% { -ms-transform: translate(-40px, -100px) rotate(180deg); -webkit-transform: translate(-40px, -100px) rotate(180deg); transform: translate(-40px, -100px) rotate(180deg); } } @keyframes animate_5 { 50% { -ms-transform: translate(-40px, -100px) rotate(180deg); -webkit-transform: translate(-40px, -100px) rotate(180deg); transform: translate(-40px, -100px) rotate(180deg); } } @-webkit-keyframes animate_6 { 50% { -ms-transform: translate(40px, -100px) rotate(180deg); -webkit-transform: translate(40px, -100px) rotate(180deg); transform: translate(40px, -100px) rotate(180deg); } } @keyframes animate_6 { 50% { -ms-transform: translate(40px, -100px) rotate(180deg); -webkit-transform: translate(40px, -100px) rotate(180deg); transform: translate(40px, -100px) rotate(180deg); } } @-webkit-keyframes animate_7 { 50% { -ms-transform: translate(-80px, -60px) rotate(180deg); -webkit-transform: translate(-80px, -60px) rotate(180deg); transform: translate(-80px, -60px) rotate(180deg); } } @keyframes animate_7 { 50% { -ms-transform: translate(-80px, -60px) rotate(180deg); -webkit-transform: translate(-80px, -60px) rotate(180deg); transform: translate(-80px, -60px) rotate(180deg); } } @-webkit-keyframes animate_8 { 50% { -ms-transform: translate(0, -60px) rotate(180deg); -webkit-transform: translate(0, -60px) rotate(180deg); transform: translate(0, -60px) rotate(180deg); } } @keyframes animate_8 { 50% { -ms-transform: translate(0, -60px) rotate(180deg); -webkit-transform: translate(0, -60px) rotate(180deg); transform: translate(0, -60px) rotate(180deg); } } @-webkit-keyframes animate_9 { 50% { -ms-transform: translate(80px, -60px) rotate(180deg); -webkit-transform: translate(80px, -60px) rotate(180deg); transform: translate(80px, -60px) rotate(180deg); } } @keyframes animate_9 { 50% { -ms-transform: translate(80px, -60px) rotate(180deg); -webkit-transform: translate(80px, -60px) rotate(180deg); transform: translate(80px, -60px) rotate(180deg); } } @-webkit-keyframes animate_10 { 50% { -ms-transform: translate(-100px, -40px) rotate(180deg); -webkit-transform: translate(-100px, -40px) rotate(180deg); transform: translate(-100px, -40px) rotate(180deg); } } @keyframes animate_10 { 50% { -ms-transform: translate(-100px, -40px) rotate(180deg); -webkit-transform: translate(-100px, -40px) rotate(180deg); transform: translate(-100px, -40px) rotate(180deg); } } @-webkit-keyframes animate_11 { 50% { -ms-transform: translate(0, -40px) rotate(180deg); -webkit-transform: translate(0, -40px) rotate(180deg); transform: translate(0, -40px) rotate(180deg); } } @keyframes animate_11 { 50% { -ms-transform: translate(0, -40px) rotate(180deg); -webkit-transform: translate(0, -40px) rotate(180deg); transform: translate(0, -40px) rotate(180deg); } } @-webkit-keyframes animate_12 { 50% { -ms-transform: translate(100px, -40px) rotate(180deg); -webkit-transform: translate(100px, -40px) rotate(180deg); transform: translate(100px, -40px) rotate(180deg); } } @keyframes animate_12 { 50% { -ms-transform: translate(100px, -40px) rotate(180deg); -webkit-transform: translate(100px, -40px) rotate(180deg); transform: translate(100px, -40px) rotate(180deg); } } @-webkit-keyframes animate_13 { 50% { -ms-transform: translate(80px, -80px) rotate(180deg); -webkit-transform: translate(80px, -80px) rotate(180deg); transform: translate(80px, -80px) rotate(180deg); } } @keyframes animate_13 { 50% { -ms-transform: translate(80px, -80px) rotate(180deg); -webkit-transform: translate(80px, -80px) rotate(180deg); transform: translate(80px, -80px) rotate(180deg); } } @-webkit-keyframes animate_14 { 50% { -ms-transform: translate(80px, -40px) rotate(180deg); -webkit-transform: translate(80px, -40px) rotate(180deg); transform: translate(80px, -40px) rotate(180deg); } } @keyframes animate_14 { 50% { -ms-transform: translate(80px, -40px) rotate(180deg); -webkit-transform: translate(80px, -40px) rotate(180deg); transform: translate(80px, -40px) rotate(180deg); } } @-webkit-keyframes animate_15 { 50% { -ms-transform: translate(-60px, -80px) rotate(180deg); -webkit-transform: translate(-60px, -80px) rotate(180deg); transform: translate(-60px, -80px) rotate(180deg); } } @keyframes animate_15 { 50% { -ms-transform: translate(-60px, -80px) rotate(180deg); -webkit-transform: translate(-60px, -80px) rotate(180deg); transform: translate(-60px, -80px) rotate(180deg); } } @-webkit-keyframes animate_16 { 50% { -ms-transform: translate(-100px, -40px) rotate(180deg); -webkit-transform: translate(-100px, -40px) rotate(180deg); transform: translate(-100px, -40px) rotate(180deg); } } @keyframes animate_16 { 50% { -ms-transform: translate(-100px, -40px) rotate(180deg); -webkit-transform: translate(-100px, -40px) rotate(180deg); transform: translate(-100px, -40px) rotate(180deg); } } @-webkit-keyframes animate_17 { 50% { -ms-transform: translate(-100px, -20px) rotate(180deg); -webkit-transform: translate(-100px, -20px) rotate(180deg); transform: translate(-100px, -20px) rotate(180deg); } } @keyframes animate_17 { 50% { -ms-transform: translate(-100px, -20px) rotate(180deg); -webkit-transform: translate(-100px, -20px) rotate(180deg); transform: translate(-100px, -20px) rotate(180deg); } } @-webkit-keyframes animate_18 { 50% { -ms-transform: translate(-60px, -20px) rotate(180deg); -webkit-transform: translate(-60px, -20px) rotate(180deg); transform: translate(-60px, -20px) rotate(180deg); } } @keyframes animate_18 { 50% { -ms-transform: translate(-60px, -20px) rotate(180deg); -webkit-transform: translate(-60px, -20px) rotate(180deg); transform: translate(-60px, -20px) rotate(180deg); } } @-webkit-keyframes animate_19 { 50% { -ms-transform: translate(0, -20px) rotate(180deg); -webkit-transform: translate(0, -20px) rotate(180deg); transform: translate(0, -20px) rotate(180deg); } } @keyframes animate_19 { 50% { -ms-transform: translate(0, -20px) rotate(180deg); -webkit-transform: translate(0, -20px) rotate(180deg); transform: translate(0, -20px) rotate(180deg); } } @-webkit-keyframes animate_20 { 50% { -ms-transform: translate(60px, -20px) rotate(180deg); -webkit-transform: translate(60px, -20px) rotate(180deg); transform: translate(60px, -20px) rotate(180deg); } } @keyframes animate_20 { 50% { -ms-transform: translate(60px, -20px) rotate(180deg); -webkit-transform: translate(60px, -20px) rotate(180deg); transform: translate(60px, -20px) rotate(180deg); } } @-webkit-keyframes animate_21 { 50% { -ms-transform: translate(-80px, 30px) rotate(180deg); -webkit-transform: translate(-80px, 30px) rotate(180deg); transform: translate(-80px, 30px) rotate(180deg); } } @keyframes animate_21 { 50% { -ms-transform: translate(-80px, 30px) rotate(180deg); -webkit-transform: translate(-80px, 30px) rotate(180deg); transform: translate(-80px, 30px) rotate(180deg); } } @-webkit-keyframes animate_22 { 50% { -ms-transform: translate(-40px, 30px) rotate(180deg); -webkit-transform: translate(-40px, 30px) rotate(180deg); transform: translate(-40px, 30px) rotate(180deg); } } @keyframes animate_22 { 50% { -ms-transform: translate(-40px, 30px) rotate(180deg); -webkit-transform: translate(-40px, 30px) rotate(180deg); transform: translate(-40px, 30px) rotate(180deg); } } @-webkit-keyframes animate_23 { 50% { -ms-transform: translate(0, 30px) rotate(180deg); -webkit-transform: translate(0, 30px) rotate(180deg); transform: translate(0, 30px) rotate(180deg); } } @keyframes animate_23 { 50% { -ms-transform: translate(0, 30px) rotate(180deg); -webkit-transform: translate(0, 30px) rotate(180deg); transform: translate(0, 30px) rotate(180deg); } } @-webkit-keyframes animate_24 { 50% { -ms-transform: translate(40px, 30px) rotate(180deg); -webkit-transform: translate(40px, 30px) rotate(180deg); transform: translate(40px, 30px) rotate(180deg); } } @keyframes animate_24 { 50% { -ms-transform: translate(40px, 30px) rotate(180deg); -webkit-transform: translate(40px, 30px) rotate(180deg); transform: translate(40px, 30px) rotate(180deg); } } @-webkit-keyframes animate_25 { 50% { -ms-transform: translate(80px, 30px) rotate(180deg); -webkit-transform: translate(80px, 30px) rotate(180deg); transform: translate(80px, 30px) rotate(180deg); } } @keyframes animate_25 { 50% { -ms-transform: translate(80px, 30px) rotate(180deg); -webkit-transform: translate(80px, 30px) rotate(180deg); transform: translate(80px, 30px) rotate(180deg); } } /*Preloader Demo 1*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute01 { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .tsperloader1 { -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; position: absolute; border-top: 5px solid #03a9f4; border-bottom: 5px solid transparent; border-left: 5px solid #FFF; border-right: 5px solid transparent; -webkit-animation: animate 2s infinite; animation: animate 2s infinite; } #tsperloader1_one { left: 75px; top: 75px; width: 50px; height: 50px; } #tsperloader1_two { left: 65px; top: 65px; width: 70px; height: 70px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #tsperloader1_three { left: 55px; top: 55px; width: 90px; height: 90px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #tsperloader1_four { left: 45px; top: 45px; width: 110px; height: 110px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes animate { 50% { -ms-transform: rotate(360deg) scale(0.8); -webkit-transform: rotate(360deg) scale(0.8); transform: rotate(360deg) scale(0.8); } } @keyframes animate { 50% { -ms-transform: rotate(360deg) scale(0.8); -webkit-transform: rotate(360deg) scale(0.8); transform: rotate(360deg) scale(0.8); } } /*Preloader Demo 2*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute02 { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .tsperloader2 { -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; position: absolute; border-left: 5px solid #03a9f4; border-right: 5px solid #03a9f4; border-top: 5px solid transparent; border-bottom: 5px solid transparent; -webkit-animation: animate 2s infinite; animation: animate 2s infinite; } #tsperloader2_one { left: 75px; top: 75px; width: 50px; height: 50px; } #tsperloader2_two { left: 65px; top: 65px; width: 70px; height: 70px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } #tsperloader2_three { left: 55px; top: 55px; width: 90px; height: 90px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #tsperloader2_four { left: 45px; top: 45px; width: 110px; height: 110px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } @-webkit-keyframes animate { 50% { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes animate { 50% { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } /*Preloader Demo 3*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute03 { position: absolute; left: 50%; top: 50%; height: 50px; width: 150px; margin-top: -25px; margin-left: -75px; } .tsperloader3 { width: 8px; height: 50px; margin-right:5px; background-color: #03a9f4; -webkit-animation: animate 1s infinite; animation: animate 1s infinite; float: left; } .tsperloader3:last-child { margin-right: 0px; } .tsperloader3:nth-child(10) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .tsperloader3:nth-child(9) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .tsperloader3:nth-child(8) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .tsperloader3:nth-child(7) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .tsperloader3:nth-child(6) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .tsperloader3:nth-child(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tsperloader3:nth-child(4) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tsperloader3:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .tsperloader3:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } @-webkit-keyframes animate .tsperloader3 { 50% { -ms-transform: translateX(-25px) scaleY(2); -webkit-transform: translateX(-25px) scaleY(2); transform: translateX(-25px) scaleY(2); } } @keyframes animate .tsperloader3 { 50% { -ms-transform: translateX(-25px) scaleY(2); -webkit-transform: translateX(-25px) scaleY(2); transform: translateX(-25px) scaleY(2); } } /*Preloader Demo 4*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute05 { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .tsperloader5 { width: 20px; height: 20px; background-color: #03a9f4; position: absolute; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-animation: animate 0.8s infinite; animation: animate 0.8s infinite; } #tsperloader5_one { top: 19px; left: 19px; } #tsperloader5_two { top: 0px; left: 65px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } #tsperloader5_three { top: 19px; left: 111px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #tsperloader5_four { top: 65px; left: 130px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #tsperloader5_five { top: 111px; left: 111px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #tsperloader5_six { top: 130px; left: 65px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #tsperloader5_seven { top: 111px; left: 19px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #tsperloader5_eight { top: 65px; left: 0px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } @-webkit-keyframes animate { 25% { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 75% { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } } @keyframes animate { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /*Preloader Demo 5*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute06 { position: absolute; left: 50%; top: 50%; height: 118px; width: 118px; margin-top: -59px; margin-left: -59px; } .tsperloader6 { width: 20px; height: 20px; background-color: #03a9f4; margin-right: 20px; float: left; margin-bottom: 20px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .tsperloader6:nth-child(3n+0) { margin-right: 0px; } #tsperloader6_one { -webkit-animation: animate 1s -0.9s ease-in-out infinite; animation: animate 1s -0.9s ease-in-out infinite; } #tsperloader6_two { -webkit-animation: animate 1s -0.8s ease-in-out infinite; animation: animate 1s -0.8s ease-in-out infinite; } #tsperloader6_three { -webkit-animation: animate 1s -0.7s ease-in-out infinite; animation: animate 1s -0.7s ease-in-out infinite; } #tsperloader6_four { -webkit-animation: animate 1s -0.6s ease-in-out infinite; animation: animate 1s -0.6s ease-in-out infinite; } #tsperloader6_five { -webkit-animation: animate 1s -0.5s ease-in-out infinite; animation: animate 1s -0.5s ease-in-out infinite; } #tsperloader6_six { -webkit-animation: animate 1s -0.4s ease-in-out infinite; animation: animate 1s -0.4s ease-in-out infinite; } #tsperloader6_seven { -webkit-animation: animate 1s -0.3s ease-in-out infinite; animation: animate 1s -0.3s ease-in-out infinite; } #tsperloader6_eight { -webkit-animation: animate 1s -0.2s ease-in-out infinite; animation: animate 1s -0.2s ease-in-out infinite; } #tsperloader6_nine { -webkit-animation: animate 1s -0.1s ease-in-out infinite; animation: animate 1s -0.1s ease-in-out infinite; } @-webkit-keyframes animate { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes animate { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /*Preloader Demo 6*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute07 { position: absolute; left: 50%; top: 50%; height: 20px; width: 100px; margin-top: -10px; margin-left: -50px; } .tsperloader7 { width: 20px; height: 20px; background-color: #03a9f4; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-right: 20px; margin-bottom: 20px; position: absolute; } #tsperloader7_one { -webkit-animation: tsperloader7 2s linear infinite; animation: tsperloader7 2s linear infinite; } #tsperloader7_two { -webkit-animation: tsperloader7 2s linear infinite -.4s; animation: tsperloader7 2s linear infinite -.4s; } #tsperloader7_three { -webkit-animation: tsperloader7 2s linear infinite -.8s; animation: tsperloader7 2s linear infinite -.8s; } #tsperloader7_four { -webkit-animation: tsperloader7 2s linear infinite -1.2s; animation: tsperloader7 2s linear infinite -1.2s; } #tsperloader7_five { -webkit-animation: tsperloader7 2s linear infinite -1.6s; animation: tsperloader7 2s linear infinite -1.6s; } @-webkit-keyframes tsperloader7 { 0% { left: 100px; top:0 } 80% { left: 0; top:0; } 85% { left: 0; top: -20px; width: 20px; height: 20px; } 90% { width: 40px; height: 15px; } 95% { left: 100px; top: -20px; width: 20px; height: 20px; } 100% { left: 100px; top:0; } } @keyframes tsperloader7 { 0% { left: 100px; top:0 } 80% { left: 0; top:0; } 85% { left: 0; top: -20px; width: 20px; height: 20px; } 90% { width: 40px; height: 15px; } 95% { left: 100px; top: -20px; width: 20px; height: 20px; } 100% { left: 100px; top:0; } } /*Preloader Demo 7*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute08 { position: absolute; left: 50%; top: 50%; height: 20px; width: 140px; margin-top: -10px; margin-left: -70px; -webkit-animation: ts-preloader-absolute 1s infinite; animation: ts-preloader-absolute 1s infinite; } .tsperloader8 { width: 20px; height: 20px; background-color: #03a9f4; float: left; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-right: 20px; margin-bottom: 20px; } .tsperloader8:last-child { margin-right: 0px; } #tsperloader8_one { -webkit-animation: tsperloader8_one 1s infinite; animation: tsperloader8_one 1s infinite; } #tsperloader8_two { -webkit-animation: tsperloader8_two 1s infinite; animation: tsperloader8_two 1s infinite; } #tsperloader8_three { -webkit-animation: tsperloader8_three 1s infinite; animation: tsperloader8_three 1s infinite; } #tsperloader8_four { -webkit-animation: tsperloader8_four 1s infinite; animation: tsperloader8_four 1s infinite; } @-webkit-keyframes ts-preloader-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ts-preloader-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes tsperloader8_one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @keyframes tsperloader8_one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @-webkit-keyframes tsperloader8_two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @keyframes tsperloader8_two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @-webkit-keyframes tsperloader8_three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @keyframes tsperloader8_three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @-webkit-keyframes tsperloader8_four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } @keyframes tsperloader8_four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } /*Preloader Demo 8*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute09 { position: absolute; left: 50%; top: 50%; height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; -webkit-animation: ts-preloader-absolute 1s infinite; animation: ts-preloader-absolute 1s infinite; } .tsperloader9 { width: 20px; height: 20px; background-color: #03a9f4; float: left; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-right: 20px; margin-bottom: 20px; } .tsperloader9:nth-child(2n+0) { margin-right: 0px; } #tsperloader9_one { -webkit-animation: tsperloader9_one 1s infinite; animation: tsperloader9_one 1s infinite; } #tsperloader9_two { -webkit-animation: tsperloader9_two 1s infinite; animation: tsperloader9_two 1s infinite; } #tsperloader9_three { -webkit-animation: tsperloader9_three 1s infinite; animation: tsperloader9_three 1s infinite; } #tsperloader9_four { -webkit-animation: tsperloader9_four 1s infinite; animation: tsperloader9_four 1s infinite; } @-webkit-keyframes ts-preloader-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ts-preloader-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes tsperloader9_one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @keyframes tsperloader9_one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @-webkit-keyframes tsperloader9_two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @keyframes tsperloader9_two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @-webkit-keyframes tsperloader9_three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @keyframes tsperloader9_three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @-webkit-keyframes tsperloader9_four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } @keyframes tsperloader9_four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } /*Preloader Demo 9*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute-one01 { position: absolute; left: 50%; top: 50%; height: 300px; width: 50px; margin-top: -150px; margin-left: -25px; } #ts-preloader-absolute-two02 { position: absolute; left: 50%; top: 50%; height: 300px; width: 50px; margin-top: -150px; margin-left: 50px; } .tsperloader10-one { width: 18px; height: 18px; background-color: #03a9f4; float: left; margin-top: 15px; margin-right: 15px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-animation: tsperloader10-one 1s infinite; animation: tsperloader10-one 1s infinite; } .tsperloader10-two { width: 18px; height: 18px; background-color: #03a9f4; float: left; margin-top: 15px; margin-right: 15px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-animation: tsperloader10-two 1s infinite; animation: tsperloader10-two 1s infinite; } .tsperloader10-one:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .tsperloader10-one:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .tsperloader10-one:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .tsperloader10-one:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .tsperloader10-one:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .tsperloader10-one:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tsperloader10-one:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tsperloader10-one:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .tsperloader10-two:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .tsperloader10-two:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .tsperloader10-two:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .tsperloader10-two:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .tsperloader10-two:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .tsperloader10-two:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tsperloader10-two:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tsperloader10-two:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes tsperloader10-one { 50% { -ms-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } } @keyframes tsperloader10-one { 50% { -ms-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } } @-webkit-keyframes tsperloader10-two { 50% { -ms-transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } } @keyframes tsperloader10-two { 50% { -ms-transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } } /*Preloader Demo 10*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute11 { position: absolute; left: 50%; top: 50%; height: 50px; width: 300px; margin-top: -25px; margin-left: -150px; } .tsperloader11 { width: 18px; height: 18px; background-color: #03a9f4; float: left; margin-top: 15px; margin-right: 15px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-animation: tsperloader11 1s infinite; animation: tsperloader11 1s infinite; } .tsperloader11:last-child { margin-right: 0px; } .tsperloader11:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .tsperloader11:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .tsperloader11:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .tsperloader11:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .tsperloader11:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .tsperloader11:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tsperloader11:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tsperloader11:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes tsperloader11 { 50% { -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } } @keyframes tsperloader11 { 50% { -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } } /*Preloader Demo 11*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute12 { position: absolute; left: 50%; top: 50%; height: 50px; width: 200px; margin-top: -25px; margin-left: -100px; } .tsperloader12 { width: 20px; height:20px; background-color: #03a9f4; float: left; margin-top: 15px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } #first_tsperloader12 { -webkit-animation: first_tsperloader12 2s infinite; animation: first_tsperloader12 2s infinite; } #second_tsperloader12 { -webkit-animation: second_tsperloader12 2s infinite; animation: second_tsperloader12 2s infinite; } @-webkit-keyframes first_tsperloader12 { 25% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } 50% { -ms-transform: translate(180px, 0) scale(1); -webkit-transform: translate(180px, 0) scale(1); transform: translate(180px, 0) scale(1); } 75% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } } @keyframes first_tsperloader12 { 25% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } 50% { -ms-transform: translate(180px, 0) scale(1); -webkit-transform: translate(180px, 0) scale(1); transform: translate(180px, 0) scale(1); } 75% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } } @-webkit-keyframes second_tsperloader12 { 25% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } 50% { -ms-transform: translate(-180px, 0) scale(1); -webkit-transform: translate(-180px, 0) scale(1); transform: translate(-180px, 0) scale(1); } 75% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } } @keyframes second_tsperloader12 { 25% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } 50% { -ms-transform: translate(-180px, 0) scale(1); -webkit-transform: translate(-180px, 0) scale(1); transform: translate(-180px, 0) scale(1); } 75% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } } /*Preloader Demo 12*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute13 { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tsperloader13 { width: 20px; height: 20px; background-color: #03a9f4; position: absolute; left: 65px; top: 65px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .tsperloader13:nth-child(2n+0) { margin-right: 0px; } #tsperloader13_one { -webkit-animation: tsperloader13_one 2s infinite; animation: tsperloader13_one 2s infinite; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #tsperloader13_two { -webkit-animation: tsperloader13_two 2s infinite; animation: tsperloader13_two 2s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #tsperloader13_three { -webkit-animation: tsperloader13_three 2s infinite; animation: tsperloader13_three 2s infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #tsperloader13_four { -webkit-animation: tsperloader13_four 2s infinite; animation: tsperloader13_four 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #tsperloader13_five { -webkit-animation: tsperloader13_five 2s infinite; animation: tsperloader13_five 2s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #tsperloader13_six { -webkit-animation: tsperloader13_six 2s infinite; animation: tsperloader13_six 2s infinite; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #tsperloader13_seven { -webkit-animation: tsperloader13_seven 2s infinite; animation: tsperloader13_seven 2s infinite; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #tsperloader13_eight { -webkit-animation: tsperloader13_eight 2s infinite; animation: tsperloader13_eight 2s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #tsperloader13_big { position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; -webkit-animation: tsperloader13_big 2s infinite; animation: tsperloader13_big 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes tsperloader13_big { 50% { -webkit-transform: scale(0.5); } } @keyframes tsperloader13_big { 50% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes tsperloader13_one { 50% { -webkit-transform: translate(-65px, -65px); } } @keyframes tsperloader13_one { 50% { transform: translate(-65px, -65px); -webkit-transform: translate(-65px, -65px); } } @-webkit-keyframes tsperloader13_two { 50% { -webkit-transform: translate(0, -65px); } } @keyframes tsperloader13_two { 50% { transform: translate(0, -65px); -webkit-transform: translate(0, -65px); } } @-webkit-keyframes tsperloader13_three { 50% { -webkit-transform: translate(65px, -65px); } } @keyframes tsperloader13_three { 50% { transform: translate(65px, -65px); -webkit-transform: translate(65px, -65px); } } @-webkit-keyframes tsperloader13_four { 50% { -webkit-transform: translate(65px, 0); } } @keyframes tsperloader13_four { 50% { transform: translate(65px, 0); -webkit-transform: translate(65px, 0); } } @-webkit-keyframes tsperloader13_five { 50% { -webkit-transform: translate(65px, 65px); } } @keyframes tsperloader13_five { 50% { transform: translate(65px, 65px); -webkit-transform: translate(65px, 65px); } } @-webkit-keyframes tsperloader13_six { 50% { -webkit-transform: translate(0, 65px); } } @keyframes tsperloader13_six { 50% { transform: translate(0, 65px); -webkit-transform: translate(0, 65px); } } @-webkit-keyframes tsperloader13_seven { 50% { -webkit-transform: translate(-65px, 65px); } } @keyframes tsperloader13_seven { 50% { transform: translate(-65px, 65px); -webkit-transform: translate(-65px, 65px); } } @-webkit-keyframes tsperloader13_eight { 50% { -webkit-transform: translate(-65px, 0); } } @keyframes tsperloader13_eight { 50% { transform: translate(-65px, 0); -webkit-transform: translate(-65px, 0); } } /*Preloader Demo 13*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute14 { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; } .tsperloader14 { width: 20px; height: 20px; background-color: #03a9f4; float: left; margin-right: 20px; margin-top: 65px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } #tsperloader14_one { -webkit-animation: tsperloader14_one 1.5s infinite; animation: tsperloader14_one 1.5s infinite; } #tsperloader14_two { -webkit-animation: tsperloader14_two 1.5s infinite; animation: tsperloader14_two 1.5s infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } #tsperloader14_three { -webkit-animation: tsperloader14_three 1.5s infinite; animation: tsperloader14_three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes tsperloader14_one { 75% { -webkit-transform: scale(0); } } @keyframes tsperloader14_one { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes tsperloader14_two { 75% { -webkit-transform: scale(0); } } @keyframes tsperloader14_two { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes tsperloader14_three { 75% { -webkit-transform: scale(0); } } @keyframes tsperloader14_three { 75% { transform: scale(0); -webkit-transform: scale(0); } } /*Preloader Demo 14*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute-one15 { position: absolute; left: 50%; top: 50%; height: 300px; width: 50px; margin-top: -150px; margin-left: -25px; } #ts-preloader-absolute-two15 { position: absolute; left: 50%; top: 50%; height: 300px; width: 50px; margin-top: -150px; margin-left: 50px; } .tsperloader15-one { width: 18px; height: 18px; background-color: #03a9f4; float: left; margin-top: 15px; margin-right: 15px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: tsperloader15-one 1s infinite; animation: tsperloader15-one 1s infinite; } .tsperloader15-two { width: 18px; height: 18px; background-color: #03a9f4; float: left; margin-top: 15px; margin-right: 15px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: tsperloader15-two 1s infinite; animation: tsperloader15-two 1s infinite; } .tsperloader15-one:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .tsperloader15-one:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .tsperloader15-one:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tsperloader15-one:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tsperloader15-one:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .tsperloader15-two:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .tsperloader15-two:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .tsperloader15-two:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .tsperloader15-two:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .tsperloader15-two:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .tsperloader15-two:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tsperloader15-two:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tsperloader15-two:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes tsperloader15-one { 50% { -ms-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } } @keyframes tsperloader15-one { 50% { -ms-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } } @-webkit-keyframes tsperloader15-two { 50% { -ms-transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } } @keyframes tsperloader15-two { 50% { -ms-transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } } /*Preloader Demo 15*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute16 { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tsperloader16 { width: 20px; height: 20px; background-color: #03a9f4; margin-right: 110px; float: left; margin-bottom: 110px; } .tsperloader16:nth-child(2n+0) { margin-right: 0px; } #tsperloader16_one { -webkit-animation: tsperloader16_one 2s infinite; animation: tsperloader16_one 2s infinite; } #tsperloader16_two { -webkit-animation: tsperloader16_two 2s infinite; animation: tsperloader16_two 2s infinite; } #tsperloader16_three { -webkit-animation: tsperloader16_three 2s infinite; animation: tsperloader16_three 2s infinite; } #tsperloader16_four { -webkit-animation: tsperloader16_four 2s infinite; animation: tsperloader16_four 2s infinite; } #tsperloader16_big { -webkit-animation: tsperloader16_big 0.5s infinite; animation: tsperloader16_big 0.5s infinite; position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; } @-webkit-keyframes tsperloader16_big { 25% { -webkit-transform: scale(0.5); } } @keyframes tsperloader16_big { 25% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes tsperloader16_one { 25% { -webkit-transform: translate(130px, 0) rotate(-90deg); } 50% { -webkit-transform: translate(130px, 130px) rotate(-180deg); } 75% { -webkit-transform: translate(0, 130px) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes tsperloader16_one { 25% { transform: translate(130px, 0) rotate(-90deg); -webkit-transform: translate(130px, 0) rotate(-90deg); } 50% { transform: translate(130px, 130px) rotate(-180deg); -webkit-transform: translate(130px, 130px) rotate(-180deg); } 75% { transform: translate(0, 130px) rotate(-270deg); -webkit-transform: translate(0, 130px) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes tsperloader16_two { 25% { -webkit-transform: translate(0, 130px) rotate(-90deg); } 50% { -webkit-transform: translate(-130px, 130px) rotate(-180deg); } 75% { -webkit-transform: translate(-130px, 0) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes tsperloader16_two { 25% { transform: translate(0, 130px) rotate(-90deg); -webkit-transform: translate(0, 130px) rotate(-90deg); } 50% { transform: translate(-130px, 130px) rotate(-180deg); -webkit-transform: translate(-130px, 130px) rotate(-180deg); } 75% { transform: translate(-130px, 0) rotate(-270deg); -webkit-transform: translate(-130px, 0) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes tsperloader16_three { 25% { -webkit-transform: translate(0, -130px) rotate(-90deg); } 50% { -webkit-transform: translate(130px, -130px) rotate(-180deg); } 75% { -webkit-transform: translate(130px, 0) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes tsperloader16_three { 25% { transform: translate(0, -130px) rotate(-90deg); -webkit-transform: translate(0, -130px) rotate(-90deg); } 50% { transform: translate(130px, -130px) rotate(-180deg); -webkit-transform: translate(130px, -130px) rotate(-180deg); } 75% { transform: translate(130px, 0) rotate(-270deg); -webkit-transform: translate(130px, 0) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes tsperloader16_four { 25% { -webkit-transform: translate(-130px, 0) rotate(-90deg); } 50% { -webkit-transform: translate(-130px, -130px) rotate(-180deg); } 75% { -webkit-transform: translate(0, -130px) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes tsperloader16_four { 25% { transform: translate(-130px, 0) rotate(-90deg); -webkit-transform: translate(-130px, 0) rotate(-90deg); } 50% { transform: translate(-130px, -130px) rotate(-180deg); -webkit-transform: translate(-130px, -130px) rotate(-180deg); } 75% { transform: translate(0, -130px) rotate(-270deg); -webkit-transform: translate(0, -130px) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /*Preloader Demo 16*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute17 { position: absolute; left: 50%; top: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: ts-preloader-absolute 1.5s infinite; animation: ts-preloader-absolute 1.5s infinite; } .tsperloader17 { width: 25px; height: 25px; background-color: #03a9f4; float: left; } #tsperloader17_one { -webkit-animation: tsperloader17_one 1.5s infinite; animation: tsperloader17_one 1.5s infinite; } #tsperloader17_two { -webkit-animation: tsperloader17_two 1.5s infinite; animation: tsperloader17_two 1.5s infinite; } #tsperloader17_three { -webkit-animation: tsperloader17_three 1.5s infinite; animation: tsperloader17_three 1.5s infinite; } #tsperloader17_four { -webkit-animation: tsperloader17_four 1.5s infinite; animation: tsperloader17_four 1.5s infinite; } @-webkit-keyframes ts-preloader-absolute { 100% { -webkit-transform: rotate(-45deg); } } @keyframes ts-preloader-absolute { 100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } } @-webkit-keyframes tsperloader17_one { 25% { -webkit-transform: translate(0, -50px) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes tsperloader17_one { 25% { transform: translate(0, -50px) rotate(-180deg); -webkit-transform: translate(0, -50px) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } @-webkit-keyframes tsperloader17_two { 25% { -webkit-transform: translate(50px, 0) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes tsperloader17_two { 25% { transform: translate(50px, 0) rotate(-180deg); -webkit-transform: translate(50px, 0) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } @-webkit-keyframes tsperloader17_three { 25% { -webkit-transform: translate(-50px, 0) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes tsperloader17_three { 25% { transform: translate(-50px, 0) rotate(-180deg); -webkit-transform: translate(-50px, 0) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: rtranslate(0, 0) rotate(-180deg); } } @-webkit-keyframes tsperloader17_four { 25% { -webkit-transform: translate(0, 50px) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes tsperloader17_four { 25% { transform: translate(0, 50px) rotate(-180deg); -webkit-transform: translate(0, 50px) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } /*Preloader Demo 17*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute18 { position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; } .tsperloader18 { width: 25px; height: 25px; background-color: #03a9f4; margin-right: 50px; float: left; margin-bottom: 50px; } .tsperloader18:nth-child(2n+0) { margin-right: 0px; } #tsperloader18_one { -webkit-animation: tsperloader18_one 2s infinite; animation: tsperloader18_one 2s infinite; } #tsperloader18_two { -webkit-animation: tsperloader18_two 2s infinite; animation: tsperloader18_two 2s infinite; } #tsperloader18_three { -webkit-animation: tsperloader18_three 2s infinite; animation: tsperloader18_three 2s infinite; } #tsperloader18_four { -webkit-animation: tsperloader18_four 2s infinite; animation: tsperloader18_four 2s infinite; } @-webkit-keyframes tsperloader18_one { 25% { -webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(75px, 75px) rotate(-180deg); } 75% { -webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes tsperloader18_one { 25% { transform: translate(75px, 0) rotate(-90deg) scale(0.5); -webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5); } 50% { transform: translate(75px, 75px) rotate(-180deg); -webkit-transform: translate(75px, 75px) rotate(-180deg); } 75% { transform: translate(0, 75px) rotate(-270deg) scale(0.5); -webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes tsperloader18_two { 25% { -webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(-75px, 75px) rotate(-180deg); } 75% { -webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes tsperloader18_two { 25% { transform: translate(0, 75px) rotate(-90deg) scale(0.5); -webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5); } 50% { transform: translate(-75px, 75px) rotate(-180deg); -webkit-transform: translate(-75px, 75px) rotate(-180deg); } 75% { transform: translate(-75px, 0) rotate(-270deg) scale(0.5); -webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes tsperloader18_three { 25% { -webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(75px, -75px) rotate(-180deg); } 75% { -webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes tsperloader18_three { 25% { transform: translate(0, -75px) rotate(-90deg) scale(0.5); -webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5); } 50% { transform: translate(75px, -75px) rotate(-180deg); -webkit-transform: translate(75px, -75px) rotate(-180deg); } 75% { transform: translate(75px, 0) rotate(-270deg) scale(0.5); -webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes tsperloader18_four { 25% { -webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(-75px, -75px) rotate(-180deg); } 75% { -webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes tsperloader18_four { 25% { transform: translate(-75px, 0) rotate(-90deg) scale(0.5); -webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5); } 50% { transform: translate(-75px, -75px) rotate(-180deg); -webkit-transform: translate(-75px, -75px) rotate(-180deg); } 75% { transform: translate(0, -75px) rotate(-270deg) scale(0.5); -webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /*Preloader Demo 18*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute19 { position: absolute; left: 50%; top: 50%; height: 118px; width: 72px; margin-top: -59px; margin-left: -36px; } .tsperloader19 { width: 26px; height: 26px; background-color:#03a9f4; margin-right: 20px; float: left; margin-bottom: 20px; } .tsperloader19:nth-child(2n+0) { margin-right: 0px; } #tsperloader19_one { -webkit-animation: tsperloader19_one 1s infinite; animation: tsperloader19_one 1s infinite; } #tsperloader19_two { -webkit-animation: tsperloader19_two 1s infinite; animation: tsperloader19_two 1s infinite; } #tsperloader19_three { -webkit-animation: tsperloader19_three 1s infinite; animation: tsperloader19_three 1s infinite; } #tsperloader19_four { -webkit-animation: tsperloader19_four 1s infinite; animation: tsperloader19_four 1s infinite; } #tsperloader19_five { -webkit-animation: tsperloader19_five 1s infinite; animation: tsperloader19_five 1s infinite; } #tsperloader19_six { -webkit-animation: tsperloader19_six 1s infinite; animation: tsperloader19_six 1s infinite; } @-webkit-keyframes tsperloader19_one { 50% { -ms-transform: translate(-100px, 46px) rotate(-179deg); -webkit-transform: translate(-100px, 46px) rotate(-179deg); transform: translate(-100px, 46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes tsperloader19_one { 50% { -ms-transform: translate(-100px, 46px) rotate(-179deg); -webkit-transform: translate(-100px, 46px) rotate(-179deg); transform: translate(-100px, 46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes tsperloader19_two { 50% { -ms-transform: translate(100px, 46px) rotate(179deg); -webkit-transform: translate(100px, 46px) rotate(179deg); transform: translate(100px, 46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes tsperloader19_two { 50% { -ms-transform: translate(100px, 46px) rotate(179deg); -webkit-transform: translate(100px, 46px) rotate(179deg); transform: translate(100px, 46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes tsperloader19_three { 50% { -ms-transform: translate(-100px, 0) rotate(-179deg); -webkit-transform: translate(-100px, 0) rotate(-179deg); transform: translate(-100px, 0) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes tsperloader19_three { 50% { -ms-transform: translate(-100px, 0) rotate(-179deg); -webkit-transform: translate(-100px, 0) rotate(-179deg); transform: translate(-100px, 0) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes tsperloader19_four { 50% { -ms-transform: translate(100px, 0) rotate(179deg); -webkit-transform: translate(100px, 0) rotate(179deg); transform: translate(100px, 0) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes tsperloader19_four { 50% { -ms-transform: translate(100px, 0) rotate(179deg); -webkit-transform: translate(100px, 0) rotate(179deg); transform: translate(100px, 0) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes tsperloader19_five { 50% { -ms-transform: translate(-100px, -46px) rotate(-179deg); -webkit-transform: translate(-100px, -46px) rotate(-179deg); transform: translate(-100px, -46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes tsperloader19_five { 50% { -ms-transform: translate(-100px, -46px) rotate(-179deg); -webkit-transform: translate(-100px, -46px) rotate(-179deg); transform: translate(-100px, -46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes tsperloader19_six { 50% { -ms-transform: translate(100px, -46px) rotate(179deg); -webkit-transform: translate(100px, -46px) rotate(179deg); transform: translate(100px, -46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes tsperloader19_six { 50% { -ms-transform: translate(100px, -46px) rotate(179deg); -webkit-transform: translate(100px, -46px) rotate(179deg); transform: translate(100px, -46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /*Preloader Demo 19*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute20 { position: absolute; left: 50%; top: 50%; height: 118px; width: 118px; margin-top: -59px; margin-left: -59px; } .tsperloader20 { width: 20px; height: 20px; background-color: #03a9f4; margin-right: 20px; float: left; margin-bottom: 20px; } .tsperloader20:nth-child(3n+0) { margin-right: 0px; } #tsperloader20_one { -webkit-animation: animate 1s -0.9s ease-in-out infinite; animation: animate 1s -0.9s ease-in-out infinite; } #tsperloader20_two { -webkit-animation: animate 1s -0.8s ease-in-out infinite; animation: animate 1s -0.8s ease-in-out infinite; } #tsperloader20_three { -webkit-animation: animate 1s -0.7s ease-in-out infinite; animation: animate 1s -0.7s ease-in-out infinite; } #tsperloader20_four { -webkit-animation: animate 1s -0.6s ease-in-out infinite; animation: animate 1s -0.6s ease-in-out infinite; } #tsperloader20_five { -webkit-animation: animate 1s -0.5s ease-in-out infinite; animation: animate 1s -0.5s ease-in-out infinite; } #tsperloader20_six { -webkit-animation: animate 1s -0.4s ease-in-out infinite; animation: animate 1s -0.4s ease-in-out infinite; } #tsperloader20_seven { -webkit-animation: animate 1s -0.3s ease-in-out infinite; animation: animate 1s -0.3s ease-in-out infinite; } #tsperloader20_eight { -webkit-animation: animate 1s -0.2s ease-in-out infinite; animation: animate 1s -0.2s ease-in-out infinite; } #tsperloader20_nine { -webkit-animation: animate 1s -0.1s ease-in-out infinite; animation: animate 1s -0.1s ease-in-out infinite; } @-webkit-keyframes animate { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes animate { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /*Preloader Demo 20*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute21 { position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; } .tsperloader21 { width: 25px; height: 25px; background-color: #03a9f4; margin-right: auto; margin-left: auto; border: 4px solid rgba #03a9f4; left: 37px; top: 37px; position: absolute; } #first_tsperloader21 { -webkit-animation: first_tsperloader21 1s infinite; animation: first_tsperloader21 1s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #second_tsperloader21 { -webkit-animation: second_tsperloader21 1s infinite; animation: second_tsperloader21 1s infinite; } #third_tsperloader21 { -webkit-animation: third_tsperloader21 1s infinite; animation: third_tsperloader21 1s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #forth_tsperloader21 { -webkit-animation: forth_tsperloader21 1s infinite; animation: forth_tsperloader21 1s infinite; } @-webkit-keyframes first_tsperloader21 { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, 150%) scale(2, 2); -webkit-transform: translate(150%, 150%) scale(2, 2); transform: translate(150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes first_tsperloader21 { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, 150%) scale(2, 2); -webkit-transform: translate(150%, 150%) scale(2, 2); transform: translate(150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes second_tsperloader21 { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, 150%) scale(2, 2); -webkit-transform: translate(-150%, 150%) scale(2, 2); transform: translate(-150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes second_tsperloader21 { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, 150%) scale(2, 2); -webkit-transform: translate(-150%, 150%) scale(2, 2); transform: translate(-150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes third_tsperloader21 { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, -150%) scale(2, 2); -webkit-transform: translate(-150%, -150%) scale(2, 2); transform: translate(-150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes third_tsperloader21 { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, -150%) scale(2, 2); -webkit-transform: translate(-150%, -150%) scale(2, 2); transform: translate(-150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes forth_tsperloader21 { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, -150%) scale(2, 2); -webkit-transform: translate(150%, -150%) scale(2, 2); transform: translate(150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes forth_tsperloader21 { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, -150%) scale(2, 2); -webkit-transform: translate(150%, -150%) scale(2, 2); transform: translate(150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } /*Preloader Demo 21*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute22 { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .tsperloader22 { width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0); margin-right: auto; margin-left: auto; border: 4px solid #03a9f4; left: 73px; top: 73px; position: absolute; } #first_tsperloader22 { -webkit-animation: first_tsperloader22_animate 1s infinite ease-in-out; animation: first_tsperloader22_animate 1s infinite ease-in-out; } #second_tsperloader22 { -webkit-animation: second_tsperloader22 1s forwards, second_tsperloader22_animate 1s infinite ease-in-out; animation: second_tsperloader22 1s forwards, second_tsperloader22_animate 1s infinite ease-in-out; } #third_tsperloader22 { -webkit-animation: third_tsperloader22 1s forwards, third_tsperloader22_animate 1s infinite ease-in-out; animation: third_tsperloader22 1s forwards, third_tsperloader22_animate 1s infinite ease-in-out; } @-webkit-keyframes second_tsperloader22 { 100% { width: 100px; height:100px; left: 48px; top: 48px; } } @keyframes second_tsperloader22 { 100% { width: 100px; height:100px; left: 48px; top: 48px; } } @-webkit-keyframes third_tsperloader22 { 100% { width: 150px; height:150px; left: 23px; top: 23px; } } @keyframes third_tsperloader22 { 100% { width: 150px; height:150px; left: 23px; top: 23px; } } @-webkit-keyframes first_tsperloader22_animate { 0% { -webkit-transform: perspective(100px); } 50% { -webkit-transform: perspective(100px) rotateY(-180deg); } 100% { -webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg); } } @keyframes first_tsperloader22_animate { 0% { transform: perspective(100px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(100px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(100px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg); } } @-webkit-keyframes second_tsperloader22_animate { 0% { -webkit-transform: perspective(200px); } 50% { -webkit-transform: perspective(200px) rotateY(180deg); } 100% { -webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg); } } @keyframes second_tsperloader22_animate { 0% { transform: perspective(200px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(200px) rotateX(180deg) rotateY(0deg); -webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg); } 100% { transform: perspective(200px) rotateX(180deg) rotateY(180deg); -webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg); } } @-webkit-keyframes third_tsperloader22_animate { 0% { -webkit-transform: perspective(300px); } 50% { -webkit-transform: perspective(300px) rotateY(-180deg); } 100% { -webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg); } } @keyframes third_tsperloader22_animate { 0% { transform: perspective(300px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(300px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(300px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg); } } /*Preloader Demo 22*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute23 { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tsperloader23 { width: 20px; height: 20px; background-color:#03a9f4; position: absolute; left: 65px; top: 65px; } .tsperloader23:nth-child(2n+0) { margin-right: 0px; } #tsperloader23_one { -webkit-animation: tsperloader23_one 2s infinite; animation: tsperloader23_one 2s infinite; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #tsperloader23_two { -webkit-animation: tsperloader23_two 2s infinite; animation: tsperloader23_two 2s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #tsperloader23_three { -webkit-animation: tsperloader23_three 2s infinite; animation: tsperloader23_three 2s infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #tsperloader23_four { -webkit-animation: tsperloader23_four 2s infinite; animation: tsperloader23_four 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #tsperloader23_five { -webkit-animation: tsperloader23_five 2s infinite; animation: tsperloader23_five 2s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #tsperloader23_six { -webkit-animation: tsperloader23_six 2s infinite; animation: tsperloader23_six 2s infinite; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #tsperloader23_seven { -webkit-animation: tsperloader23_seven 2s infinite; animation: tsperloader23_seven 2s infinite; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #tsperloader23_eight { -webkit-animation: tsperloader23_eight 2s infinite; animation: tsperloader23_eight 2s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #tsperloader23_big { position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; -webkit-animation: tsperloader23_big 2s infinite; animation: tsperloader23_big 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes tsperloader23_big { 50% { -webkit-transform: scale(0.5); } } @keyframes tsperloader23_big { 50% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes tsperloader23_one { 50% { -webkit-transform: translate(-65px, -65px); } } @keyframes tsperloader23_one { 50% { transform: translate(-65px, -65px); -webkit-transform: translate(-65px, -65px); } } @-webkit-keyframes tsperloader23_two { 50% { -webkit-transform: translate(0, -65px); } } @keyframes tsperloader23_two { 50% { transform: translate(0, -65px); -webkit-transform: translate(0, -65px); } } @-webkit-keyframes tsperloader23_three { 50% { -webkit-transform: translate(65px, -65px); } } @keyframes tsperloader23_three { 50% { transform: translate(65px, -65px); -webkit-transform: translate(65px, -65px); } } @-webkit-keyframes tsperloader23_four { 50% { -webkit-transform: translate(65px, 0); } } @keyframes tsperloader23_four { 50% { transform: translate(65px, 0); -webkit-transform: translate(65px, 0); } } @-webkit-keyframes tsperloader23_five { 50% { -webkit-transform: translate(65px, 65px); } } @keyframes tsperloader23_five { 50% { transform: translate(65px, 65px); -webkit-transform: translate(65px, 65px); } } @-webkit-keyframes tsperloader23_six { 50% { -webkit-transform: translate(0, 65px); } } @keyframes tsperloader23_six { 50% { transform: translate(0, 65px); -webkit-transform: translate(0, 65px); } } @-webkit-keyframes tsperloader23_seven { 50% { -webkit-transform: translate(-65px, 65px); } } @keyframes tsperloader23_seven { 50% { transform: translate(-65px, 65px); -webkit-transform: translate(-65px, 65px); } } @-webkit-keyframes tsperloader23_eight { 50% { -webkit-transform: translate(-65px, 0); } } @keyframes tsperloader23_eight { 50% { transform: translate(-65px, 0); -webkit-transform: translate(-65px, 0); } } /*Preloader Demo 23*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute24 { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } #tsperloader24 { width: 80px; height: 80px; background-color: #03a9f4; -webkit-animation: animate 1s infinite ease-in-out; animation: animate 1s infinite ease-in-out; margin-right: auto; margin-left: auto; margin-top: 60px; } @-webkit-keyframes animate { 0% { -webkit-transform: perspective(160px); } 50% { -webkit-transform: perspective(160px) rotateY(-180deg); } 100% { -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg); } } @keyframes animate { 0% { transform: perspective(160px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(160px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); } } /*Preloader Demo 24*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute25 { position: absolute; left: 50%; top: 60%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } [class^="tsperloader_loader"] { margin: 50px auto; width: 60px; height: 30px; } [class^="tsperloader_loader"] > div { float: left; background: #03a9f4; height: 100%; width: 5px; margin-right: 1px; display: inline-block; } [class^="tsperloader_loader"] .tsperloader25_1 { -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; -o-animation-delay: 0.05s; animation-delay: 0.05s; } [class^="tsperloader_loader"] .tsperloader25_2 { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } [class^="tsperloader_loader"] .tsperloader25_3 { -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -o-animation-delay: 0.15s; animation-delay: 0.15s; } [class^="tsperloader_loader"] .tsperloader25_4 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } [class^="tsperloader_loader"] .tsperloader25_5 { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s; } [class^="tsperloader_loader"] .tsperloader25_6 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } [class^="tsperloader_loader"] .tsperloader25_7 { -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; -o-animation-delay: 0.35s; animation-delay: 0.35s; } [class^="tsperloader_loader"] .tsperloader25_8 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } [class^="tsperloader_loader"] .tsperloader25_9 { -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; -o-animation-delay: 0.45s; animation-delay: 0.45s; } [class^="tsperloader_loader"] .tsperloader25_10 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .tsperloader_loader > div { -webkit-animation: loading 1.5s infinite ease-in-out; -moz-animation: loading 1.5s infinite ease-in-out; -o-animation: loading 1.5s infinite ease-in-out; animation: loading 1.5s infinite ease-in-out; -webkit-transform: scaleY(0.05) translateX(-10px); -moz-transform: scaleY(0.05) translateX(-10px); -ms-transform: scaleY(0.05) translateX(-10px); -o-transform: scaleY(0.05) translateX(-10px); transform: scaleY(0.05) translateX(-10px); } @-webkit-keyframes loading { 50% { -webkit-transform: scaleY(1.2) translateX(10px); -moz-transform: scaleY(1.2) translateX(10px); -ms-transform: scaleY(1.2) translateX(10px); -o-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background: #56D7C6; } } @-moz-keyframes loading { 50% { -webkit-transform: scaleY(1.2) translateX(10px); -moz-transform: scaleY(1.2) translateX(10px); -ms-transform: scaleY(1.2) translateX(10px); -o-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background: #56D7C6; } } @-o-keyframes loading { 50% { -webkit-transform: scaleY(1.2) translateX(10px); -moz-transform: scaleY(1.2) translateX(10px); -ms-transform: scaleY(1.2) translateX(10px); -o-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background: #56D7C6; } } @keyframes loading { 50% { -webkit-transform: scaleY(1.2) translateX(10px); -moz-transform: scaleY(1.2) translateX(10px); -ms-transform: scaleY(1.2) translateX(10px); -o-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background: #56D7C6; } } /*Preloader Demo 25*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute26 { position: absolute; left: 50%; top: 60%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .tsperloader_loader2 > div { -webkit-animation: loading2 1.5s infinite ease-in-out; -moz-animation: loading2 1.5s infinite ease-in-out; -o-animation: loading2 1.5s infinite ease-in-out; animation: loading2 1.5s infinite ease-in-out; -webkit-transform: scaleY(0.05) translateX(-5px); -moz-transform: scaleY(0.05) translateX(-5px); -ms-transform: scaleY(0.05) translateX(-5px); -o-transform: scaleY(0.05) translateX(-5px); transform: scaleY(0.05) translateX(-5px); } @-webkit-keyframes loading2 { 10% { background: #56D7C6; } 15% { -webkit-transform: scaleY(1.2) translateX(10px); -moz-transform: scaleY(1.2) translateX(10px); -ms-transform: scaleY(1.2) translateX(10px); -o-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background: #56D7C6; } 90%, 100% { -webkit-transform: scaleY(0.05) translateX(-5px); -moz-transform: scaleY(0.05) translateX(-5px); -ms-transform: scaleY(0.05) translateX(-5px); -o-transform: scaleY(0.05) translateX(-5px); transform: scaleY(0.05) translateX(-5px); } } @-moz-keyframes loading2 { 10% { background: #03a9f4; } 15% { -webkit-transform: scaleY(1.2) translateX(10px); -moz-transform: scaleY(1.2) translateX(10px); -ms-transform: scaleY(1.2) translateX(10px); -o-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background: #03a9f4; } 90%, 100% { -webkit-transform: scaleY(0.05) translateX(-5px); -moz-transform: scaleY(0.05) translateX(-5px); -ms-transform: scaleY(0.05) translateX(-5px); -o-transform: scaleY(0.05) translateX(-5px); transform: scaleY(0.05) translateX(-5px); } } @-o-keyframes loading2 { 10% { background: #03a9f4; } 15% { -webkit-transform: scaleY(1.2) translateX(10px); -moz-transform: scaleY(1.2) translateX(10px); -ms-transform: scaleY(1.2) translateX(10px); -o-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background: #03a9f4; } 90%, 100% { -webkit-transform: scaleY(0.05) translateX(-5px); -moz-transform: scaleY(0.05) translateX(-5px); -ms-transform: scaleY(0.05) translateX(-5px); -o-transform: scaleY(0.05) translateX(-5px); transform: scaleY(0.05) translateX(-5px); } } @keyframes loading2 { 10% { background: #03a9f4; } 15% { -webkit-transform: scaleY(1.2) translateX(10px); -moz-transform: scaleY(1.2) translateX(10px); -ms-transform: scaleY(1.2) translateX(10px); -o-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background: #03a9f4; } 90%, 100% { -webkit-transform: scaleY(0.05) translateX(-5px); -moz-transform: scaleY(0.05) translateX(-5px); -ms-transform: scaleY(0.05) translateX(-5px); -o-transform: scaleY(0.05) translateX(-5px); transform: scaleY(0.05) translateX(-5px); } } /*Preloader Demo 26*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute27 { position: absolute; left: 50%; top: 60%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .tsperloader_loader3 { height: 40px; } .tsperloader_loader3 > div { position: relative; bottom: 0; margin-top: 35px; height: 5px; -webkit-animation: loading5 1.5s infinite ease-in-out; -moz-animation: loading5 1.5s infinite ease-in-out; -o-animation: loading5 1.5s infinite ease-in-out; animation: loading5 1.5s infinite ease-in-out; } .tsperloader_loader3 .tsperloader26_1 { -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .tsperloader_loader3 .tsperloader26_2 { -webkit-animation-delay: -1.4s; -moz-animation-delay: -1.4s; -o-animation-delay: -1.4s; animation-delay: -1.4s; } .tsperloader_loader3 .tsperloader26_3 { -webkit-animation-delay: -1.3s; -moz-animation-delay: -1.3s; -o-animation-delay: -1.3s; animation-delay: -1.3s; } .tsperloader_loader3 .tsperloader26_4 { -webkit-animation-delay: -1.2s; -moz-animation-delay: -1.2s; -o-animation-delay: -1.2s; animation-delay: -1.2s; } .tsperloader_loader3 .tsperloader26_5 { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s; } .tsperloader_loader3 .tsperloader26_6 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .tsperloader_loader3 .tsperloader26_7 { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .tsperloader_loader3 .tsperloader26_8 { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } .tsperloader_loader3 .tsperloader26_9 { -webkit-animation-delay: -0.7s; -moz-animation-delay: -0.7s; -o-animation-delay: -0.7s; animation-delay: -0.7s; } .tsperloader_loader3 .tsperloader26_10 { -webkit-animation-delay: -0.6s; -moz-animation-delay: -0.6s; -o-animation-delay: -0.6s; animation-delay: -0.6s; } .tsperloader_loader3 .tsperloader26_11 { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes loading5 { 50% { height: 100%; margin-top: 0; background: #03a9f4; } } @-moz-keyframes loading5 { 50% { height: 100%; margin-top: 0; background: #03a9f4; } } @-o-keyframes loading5 { 50% { height: 100%; margin-top: 0; background: #03a9f4; } } @keyframes loading5 { 50% { height: 100%; margin-top: 0; background: #03a9f4; } } /*Preloader Demo 27*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute28 { position: absolute; left: 50%; top: 60%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .tsperloader_loader4 .tsperloader26_1 { -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .tsperloader_loader4 .tsperloader26_2 { -webkit-animation-delay: -1.4s; -moz-animation-delay: -1.4s; -o-animation-delay: -1.4s; animation-delay: -1.4s; } .tsperloader_loader4 .tsperloader26_3 { -webkit-animation-delay: -1.3s; -moz-animation-delay: -1.3s; -o-animation-delay: -1.3s; animation-delay: -1.3s; } .tsperloader_loader4 .tsperloader26_4 { -webkit-animation-delay: -1.2s; -moz-animation-delay: -1.2s; -o-animation-delay: -1.2s; animation-delay: -1.2s; } .tsperloader_loader4 .tsperloader26_5 { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s; } .tsperloader_loader4 .tsperloader26_6 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .tsperloader_loader4 .tsperloader26_7 { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .tsperloader_loader4 .tsperloader26_8 { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } .tsperloader_loader4 .tsperloader26_9 { -webkit-animation-delay: -0.7s; -moz-animation-delay: -0.7s; -o-animation-delay: -0.7s; animation-delay: -0.7s; } .tsperloader_loader4 .tsperloader26_10 { -webkit-animation-delay: -0.6s; -moz-animation-delay: -0.6s; -o-animation-delay: -0.6s; animation-delay: -0.6s; } .tsperloader_loader4 .tsperloader26_11 { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes loading5 { 50% { height: 100%; margin-top: 0; background: #03a9f4; } } @-moz-keyframes loading5 { 50% { height: 100%; margin-top: 0; background: #03a9f4; } } @-o-keyframes loading5 { 50% { height: 100%; margin-top: 0; background: #03a9f4; } } @keyframes loading5 { 50% { height: 100%; margin-top: 0; background: #03a9f4; } } .tsperloader_loader4 { height: 40px; width: 90px; overflow: hidden; } .tsperloader_loader4 > div { width: 8px; position: relative; bottom: -2px; margin-top: 37px; height: 3px; transform: skewY(0deg); -webkit-animation: loading6 1.5s infinite ease-in-out; -moz-animation: loading6 1.5s infinite ease-in-out; -o-animation: loading6 1.5s infinite ease-in-out; animation: loading6 1.5s infinite ease-in-out; } @-webkit-keyframes loading6 { 25% { transform: skewY(25deg); } 50% { height: 100%; transform: skewY(0); margin-top: 0; background: #03a9f4; } 75% { transform: skewY(-25deg); } } @-moz-keyframes loading6 { 25% { transform: skewY(25deg); } 50% { height: 100%; transform: skewY(0); margin-top: 0; background: #03a9f4; } 75% { transform: skewY(-25deg); } } @-o-keyframes loading6 { 25% { transform: skewY(25deg); } 50% { height: 100%; transform: skewY(0); margin-top: 0; background: #03a9f4; } 75% { transform: skewY(-25deg); } } @keyframes loading6 { 25% { transform: skewY(25deg); } 50% { height: 100%; transform: skewY(0); margin-top: 0; background: #03a9f4; } 75% { transform: skewY(-25deg); } } /*Preloader Demo 28*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute29 { position: absolute; left: 50%; top: 75%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } #tsperloader29 span { background: #03a9f4 none repeat scroll 0 0; border-radius: 0; display: inline-block; height: 15px; width: 15px; } #tsperloader29 span:nth-child(1) { -webkit-animation: temp 1s 0.05s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.05s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(2) { -webkit-animation: temp 1s 0.1s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.1s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(3) { -webkit-animation: temp 1s 0.15s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.15s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(4) { -webkit-animation: temp 1s 0.2s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.2s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(5) { -webkit-animation: temp 1s 0.25s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.25s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(6) { -webkit-animation: temp 1s 0.3s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.3s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(7) { -webkit-animation: temp 1s 0.35s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.35s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(8) { -webkit-animation: temp 1s 0.4s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.4s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(9) { -webkit-animation: temp 1s 0.45s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.45s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(10) { -webkit-animation: temp 1s 0.5s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.5s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(11) { -webkit-animation: temp 1s 0.55s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.55s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(12) { -webkit-animation: temp 1s 0.6s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.6s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(13) { -webkit-animation: temp 1s 0.65s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.65s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(14) { -webkit-animation: temp 1s 0.7s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.7s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(15) { -webkit-animation: temp 1s 0.75s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.75s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(16) { -webkit-animation: temp 1s 0.8s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.8s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(17) { -webkit-animation: temp 1s 0.85s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.85s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(18) { -webkit-animation: temp 1s 0.9s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.9s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(19) { -webkit-animation: temp 1s 0.95s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 0.95s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } #tsperloader29 span:nth-child(20) { -webkit-animation: temp 1s 1s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); animation: temp 1s 1s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59); width: 7.5px; height: 7.5px; margin: 0 2px; } @-webkit-keyframes scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 25% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); background: #03a9f4; } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); margin: 0 3px; background: #03a9f4; } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 25% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); background: #03a9f4; } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); margin: 0 3px; background: #03a9f4; } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes rotateY { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); background: #03a9f4; } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes rotateY { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); background: #03a9f4; } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes rotateX { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { -webkit-transform: rotateX(90deg) scale(0.5, 0.5); transform: rotateX(90deg) scale(0.5, 0.5); background: #03a9f4; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @keyframes rotateX { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { -webkit-transform: rotateX(90deg) scale(0.5, 0.5); transform: rotateX(90deg) scale(0.5, 0.5); background: #03a9f4; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @-webkit-keyframes push { 0% { -webkit-transform: translateX(0px) scale(0.9, 0.6); transform: translateX(0px) scale(0.9, 0.6); } 50% { -webkit-transform: translateY(-20px) scale(0.7, 1.1); transform: translateY(-20px) scale(0.7, 1.1); background: #03a9f4; } 100% { -webkit-transform: translateX(0px) scale(0.9, 0.6); transform: translateX(0px) scale(0.9, 0.6); } } @keyframes push { 0% { -webkit-transform: translateX(0px) scale(0.9, 0.6); transform: translateX(0px) scale(0.9, 0.6); } 50% { -webkit-transform: translateY(-20px) scale(0.7, 1.1); transform: translateY(-20px) scale(0.7, 1.1); background: #03a9f4; } 100% { -webkit-transform: translateX(0px) scale(0.9, 0.6); transform: translateX(0px) scale(0.9, 0.6); } } @-webkit-keyframes rotateZ { 0% { -webkit-transform: rotateZ(-20deg); transform: rotateZ(-20deg); } 50% { -webkit-transform: rotateZ(20deg) scaleY(1.2); transform: rotateZ(20deg) scaleY(1.2); background: #03a9f4; } 100% { -webkit-transform: rotateZ(-20deg); transform: rotateZ(-20deg); } } @keyframes rotateZ { 0% { -webkit-transform: rotateZ(-20deg); transform: rotateZ(-20deg); } 50% { -webkit-transform: rotateZ(20deg) scaleY(1.2); transform: rotateZ(20deg) scaleY(1.2); background: #03a9f4; } 100% { -webkit-transform: rotateZ(-20deg); transform: rotateZ(-20deg); } } @-webkit-keyframes cuve { 0% { -webkit-transform: rotateY(-90deg) perspective(50px); transform: rotateY(-90deg) perspective(50px); background: #03a9f4; } 50% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); background: #03a9f4; } 100% { -webkit-transform: rotateY(90deg) perspective(50px); transform: rotateY(90deg) perspective(50px); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background: #03a9f4; } } @keyframes cuve { 0% { -webkit-transform: rotateY(-90deg) perspective(50px); transform: rotateY(-90deg) perspective(50px); background: #03a9f4; } 50% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); background: #03a9f4; } 100% { -webkit-transform: rotateY(90deg) perspective(50px); transform: rotateY(90deg) perspective(50px); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background: #03a9f4; } } @-webkit-keyframes temp { 50% { -webkit-transform: scale(1, 5); transform: scale(1, 5); background: #03a9f4; } } @keyframes temp { 50% { -webkit-transform: scale(1, 5); transform: scale(1, 5); background: #03a9f4; } } /*Preloader Demo 29 */ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute30 { position: absolute; left: 60%; top: 74%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } #absolute30 span { display: inline-block; height: 15px; width: 15px; background: #03a9f4; border-radius: 0px; } #absolute30 span:nth-child(1) { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; border-radius: 500px; -webkit-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); } #absolute30 span:nth-child(2) { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; border-radius: 500px; -webkit-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); } #absolute30 span:nth-child(3) { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; border-radius: 500px; -webkit-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); } #absolute30 span:nth-child(4) { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; border-radius: 500px; -webkit-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); } #absolute30 span:nth-child(5) { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; border-radius: 500px; -webkit-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045); } /*Preloader Demo 30*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute31 { position: absolute; left: 60%; top: 74%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } #absolute31 span { display: inline-block; height: 15px; width: 15px; background: #03a9f4; border-radius: 0px; } #absolute31 span:nth-child(1) { -webkit-animation: rotateY 4s 0.3s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateY 4s 0.3s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } #absolute31 span:nth-child(2) { -webkit-animation: rotateY 4s 0.6s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateY 4s 0.6s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } #absolute31 span:nth-child(3) { -webkit-animation: rotateY 4s 0.9s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateY 4s 0.9s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } #absolute31 span:nth-child(4) { -webkit-animation: rotateY 4s 1.2s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateY 4s 1.2s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } #absolute31 span:nth-child(5) { -webkit-animation: rotateY 4s 1.5s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateY 4s 1.5s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } /*Preloader Demo 31*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute32 { position: absolute; left: 60%; top: 74%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } #absolute32 span { display: inline-block; height: 15px; width: 15px; background: #03a9f4; border-radius: 0px; } #absolute32 span:nth-child(1) { -webkit-animation: rotateX 2s 0.1s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateX 2s 0.1s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } #absolute32 span:nth-child(2) { -webkit-animation: rotateX 2s 0.2s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateX 2s 0.2s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } #absolute32 span:nth-child(3) { -webkit-animation: rotateX 2s 0.3s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateX 2s 0.3s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } #absolute32 span:nth-child(4) { -webkit-animation: rotateX 2s 0.4s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateX 2s 0.4s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } #absolute32 span:nth-child(5) { -webkit-animation: rotateX 2s 0.5s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); animation: rotateX 2s 0.5s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045); } /*Preloader Demo 32*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute33 { position: absolute; left: 50%; top: 60%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .clear-loading { text-align: center; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .loading-effect-33 { width: 100px; height: 100px; } .loading-effect-33 span { display: block; -webit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading-effect-33 span:first-child { width: 100%; height: 100%; border-color: #19be9b; border-left-color: transparent; top: 0; left: 0; -webkit-animation: effect-1-1 4s infinite linear; -moz-animation: effect-1-1 4s infinite linear; -ms-animation: effect-1-1 4s infinite linear; -o-animation: effect-1-1 4s infinite linear; animation: effect-1-1 4s infinite linear; } .loading-effect-33 span:nth-child(2) { width: 75%; height: 75%; border-color: #03a9f4; border-right-color: transparent; top: 12.5%; left: 12.5%; -webkit-animation: effect-1-2 3s infinite linear; -moz-animation: effect-1-2 3s infinite linear; -ms-animation: effect-1-2 3s infinite linear; -o-animation: effect-1-2 3s infinite linear; animation: effect-1-2 3s infinite linear; } .loading-effect-33 span:last-child { width: 50%; height: 50%; border-color: #32465f; border-bottom-color: transparent; top: 25%; left: 25%; -webkit-animation: effect-1-1 4s infinite linear; -moz-animation: effect-1-1 4s infinite linear; -ms-animation: effect-1-1 4s infinite linear; -o-animation: effect-1-1 4s infinite linear; animation: effect-1-1 4s infinite linear; } @-webkit-keyframes effect-1-1 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect-1-1 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes effect-1-2 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes effect-1-2 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } /*Preloader Demo 33*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute34 { position: absolute; left: 50%; top: 60%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .loading-effect-34 { width: 100px; height: 100px; } .loading-effect-34 > span, .loading-effect-34 > span:before, .loading-effect-34 > span:after { content: ""; display: block; border-radius: 50%; border: 2px solid #03a9f4; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading-effect-34 > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: transparent; -webkit-animation: effect-2 2s infinite linear; -moz-animation: effect-2 2s infinite linear; -ms-animation: effect-2 2s infinite linear; -o-animation: effect-2 2s infinite linear; animation: effect-2 2s infinite linear; } .loading-effect-34 > span:before { width: 75%; height: 75%; border-right-color: transparent; } .loading-effect-34 > span:after { width: 50%; height: 50%; border-bottom-color: transparent; } @-webkit-keyframes effect-2 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect-2 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*Preloader Demo 34*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute35 { position: absolute; left: 50%; top: 60%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .loading-effect-35 { width: 100px; height: 100px; } .loading-effect-35 > div { width: 100%; height: 100%; border: 1px solid #03a9f4; border-radius: 50%; } .loading-effect-35 span { background: #fff; display: block; width: 15%; height: 15%; border-radius: 50%; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webikt-transform-origin: 0 49px; -moz-transform-origin: 0 49px; -o-transform-origin: 0 49px; transform-origin: 0 49px; } .loading-effect-35 span:first-child { background: #19be9b; -webkit-animation: effect-4-1 1.5s infinite linear; -moz-animation: effect-4-1 1.5s infinite linear; -ms-animation: effect-4-1 1.5s infinite linear; -o-animation: effect-4-1 1.5s infinite linear; animation: effect-4-1 1.5s infinite linear; } .loading-effect-35 span:nth-child(2) { background: #03a9f4; -webkit-animation: effect-4-1 2s infinite linear; -moz-animation: effect-4-1 2s infinite linear; -ms-animation: effect-4-1 2s infinite linear; -o-animation: effect-4-1 2s infinite linear; animation: effect-4-1 2s infinite linear; } .loading-effect-35 span:nth-child(3) { background: #e64b3c; -webkit-animation: effect-4-1 2.5s infinite linear; -moz-animation: effect-4-1 2.5s infinite linear; -ms-animation: effect-4-1 2.5s infinite linear; -o-animation: effect-4-1 2.5s infinite linear; animation: effect-4-1 2.5s infinite linear; } .loading-effect-35 span:nth-child(4) { background: #32465f; -webkit-animation: effect-4-1 3s infinite linear; -moz-animation: effect-4-1 3s infinite linear; -ms-animation: effect-4-1 3s infinite linear; -o-animation: effect-4-1 3s infinite linear; animation: effect-4-1 3s infinite linear; } @-webkit-keyframes effect-4-1 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect-4-1 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*Preloader Demo 35*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute36 { height: 200px; left: 67%; margin-left: -100px; margin-top: -100px; position: absolute; top: 68%; width: 200px; } @-webkit-keyframes fade { from { opacity: 1; } to { opacity: 0.2; } } @keyframes fade { from { opacity: 1; } to { opacity: 0.2; } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes windcatcherSpin { from { -webkit-transform: rotateY(0deg) rotateX(-20deg); } to { -webkit-transform: rotateY(360deg) rotateX(-20deg); } } @keyframes windcatcherSpin { from { transform: rotateY(0deg) rotateX(-20deg); } to { transform: rotateY(360deg) rotateX(-20deg); } } @-webkit-keyframes windcatcherBg { 0% { background-color: rgb(255, 0, 0); } 50% { background-color: rgb(150, 0, 0); } 51% { background-color: rgb(255, 100, 100); } 70% { background-color: rgb(255, 25, 25); } 100% { background-color: #03a9f4; } } @keyframes windcatcherBg { 0% { background-color: rgb(255, 0, 0); } 50% { background-color: rgb(150, 0, 0); } 51% { background-color: rgb(255, 100, 100); } 70% { background-color: rgb(255, 25, 25); } 100% { background-color: rgb(255, 0, 0); } } .tsspinner.windcatcher { width: 4em; perspective: 50em; -webkit-animation: rotate 4s linear infinite; animation: rotate 4s linear infinite; } .tsspinner.windcatcher .tsblade { height: 0.5em; background: red; margin-bottom: 0.1em; -webkit-animation: windcatcherSpin 4s linear infinite, windcatcherBg 2s linear infinite; animation: windcatcherSpin 4s linear infinite, windcatcherBg 2s linear infinite; } .tsspinner.windcatcher .tsblade:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .tsspinner.windcatcher .tsblade:nth-child(2) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .tsspinner.windcatcher .tsblade:nth-child(3) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .tsspinner.windcatcher .tsblade:nth-child(4) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .tsspinner.windcatcher .tsblade:nth-child(5) { -webkit-animation-delay: 1s; animation-delay: 1s; } .tsspinner.windcatcher .tsblade:nth-child(6) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; } .tsspinner.windcatcher .tsblade:nth-child(7) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .tsspinner.windcatcher .tsblade:nth-child(8) { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; } /*Preloader Demo 36*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute37 { position: absolute; left: 76%; top: 74%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } @-webkit-keyframes slabMove { 0% { -webkit-transform: translateY(0) rotateX(30deg); opacity: 0; } 10% { -webkit-transform: translateY(-48%); opacity: 1; } 90% { -webkit-transform: translateY(-422%); opacity: 0.1; } 100% { -webkit-transform: translateY(-480%); opacity: 0; } } @keyframes slabMove { 0% { transform: translateY(0) rotateX(30deg); opacity: 0; } 10% { transform: translateY(-48%); opacity: 1; } 90% { transform: translateY(-422%); opacity: 0.1; } 100% { transform: translateY(-480%); opacity: 0; } } .tsspinner.tsslabs { width: 4em; height: 4em; -webkit-transform: perspective(15em) rotateX(65deg) rotateZ(-30deg); transform: perspective(15em) rotateX(65deg) rotateZ(-30deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .tsspinner.tsslabs .tsslab { position: absolute; width: 4em; height: 4em; background: #03a9f4; opacity: 0; box-shadow: -0.08em 0.15em 0 #03a9f4; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: slabMove 4s linear infinite; animation: slabMove 4s linear infinite; } .tsspinner.tsslabs .tsslab:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .tsspinner.tsslabs .tsslab:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .tsspinner.tsslabs .tsslab:nth-child(3) { -webkit-animation-delay: 2s; animation-delay: 2s; } .tsspinner.tsslabs .tsslab:nth-child(4) { -webkit-animation-delay: 3s; animation-delay: 3s; } /*Preloader Demo 37*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute38 { height: 200px; left: 66%; margin-left: -100px; margin-top: -100px; position: absolute; top: 60%; width: 200px; } @-webkit-keyframes newtonBallFirst { 0% { -webkit-transform: rotate(70deg); } 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @-webkit-keyframes newtonBallMiddle { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(0deg); } 51% { -webkit-transform: rotate(-0.5deg); } 52% { -webkit-transform: rotate(0.5deg); } 53% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @-webkit-keyframes newtonBallLast { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-70deg); } } @keyframes newtonBallFirst { 0% { transform: rotate(70deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } @keyframes newtonBallMiddle { 0% { transform: rotate(0deg); } 50% { transform: rotate(0deg); } 51% { transform: rotate(-0.5deg); } 52% { transform: rotate(0.5deg); } 53% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } @keyframes newtonBallLast { 0% { transform: rotate(0deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(-70deg); } } .tsspinner.newton .tsball { position: relative; display: inline-block; width: 1em; height: 6em; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .tsspinner.newton .tsball::after { content: ''; position: absolute; left: 0; bottom: 0; width: 1em; height: 1em; border-radius: 100%; background: radial-gradient(circle at 40% 40%, #03a9f4 39%, #03a9f4 42%); } .tsspinner.newton .tsball::before { content: ''; position: absolute; width: 0.08em; margin-left: -0.04em; top: 0; left: 50%; bottom: 1em; background: linear-gradient(transparent, #03a9f4); } .tsspinner.newton .tsball { -webkit-animation: newtonBallMiddle 1s infinite alternate; animation: newtonBallMiddle 1s infinite alternate; } .tsspinner.newton .tsball:first-child { -webkit-animation: newtonBallFirst 1s ease-in infinite alternate; animation: newtonBallFirst 1s ease-in infinite alternate; } .tsspinner.newton .tsball:first-child::after { -webkit-animation: newtonBallLast 1s ease-out infinite alternate-reverse; animation: newtonBallLast 1s ease-out infinite alternate-reverse; } .tsspinner.newton .tsball:last-child { -webkit-animation: newtonBallLast 1s ease-out infinite alternate; animation: newtonBallLast 1s ease-out infinite alternate; } .tsspinner.newton .tsball:last-child::after { -webkit-animation: newtonBallFirst 1s ease-in infinite alternate-reverse; animation: newtonBallFirst 1s ease-in infinite alternate-reverse; } /*Preloader Demo 38*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute39 { height: 200px; left: 68%; margin-left: -100px; margin-top: -100px; position: absolute; top: 69%; width: 200px; } @-webkit-keyframes clockHandRotate { from { -webkit-transform: rotate(0deg) translateY(6%); } to { -webkit-transform: rotate(360deg) translateY(6%); } } @keyframes clockHandRotate { from { transform: rotate(0deg) translateY(6%); } to { transform: rotate(360deg) translateY(6%); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); } 40% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -2em, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -1em, 0); } 90% { -webkit-transform: translate3d(0, -0.25em, 0); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0, 0, 0); } 40% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -2em, 0); } 70% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -1em, 0); } 90% { transform: translate3d(0, -0.25em, 0); } } @-webkit-keyframes clockShadowFade { 0%, 20%, 50%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); opacity: 1; } 40% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); opacity: 0.2; } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); opacity: 0.4; } 90% { opacity: 0.8; } } @keyframes clockShadowFade { 0%, 20%, 50%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); opacity: 1; } 40% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); opacity: 0.2; } 70% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); opacity: 0.4; } 90% { opacity: 0.8; } } .tsspinner.tsclock { width: 4em; height: 4em; position: relative; } .tsspinner.tsclock .tsdial { width: 100%; height: 100%; background: radial-gradient(circle, white, rgb(210, 210, 210)); border: 0.2em solid #03a9f4; border-radius: 100%; box-sizing: border-box; -webkit-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .tsspinner.tsclock .tsdial .hand { position: absolute; bottom: 2em; width: 0.2em; left: 50%; margin-left: -0.1em; background-color: #03a9f4; border-radius: 0 0 0.2em 0.2em; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .tsspinner.tsclock .tsdial .hour.hand { height: 1em; -webkit-animation: clockHandRotate 12s linear infinite; animation: clockHandRotate 12s linear infinite; } .tsspinner.tsclock .tsdial .minute.hand { height: 1.5em; -webkit-animation: clockHandRotate 1s linear infinite; animation: clockHandRotate 1s linear infinite; } .tsspinner.tsclock .tsshadow { position: absolute; bottom: 0; width: 100%; height: 0.5em; margin-bottom: -0.25em; background: radial-gradient(#03a9f4, transparent 60%); -webkit-animation: clockShadowFade 1.5s linear infinite; animation: clockShadowFade 1.5s linear infinite; } /*Preloader Demo 39*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute40 { position: absolute; left: 67%; top: 74%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } @-webkit-keyframes sphereSpin { 0% { -webkit-transform: rotateX(360deg) rotateY(0deg); } 100% { -webkit-transform: rotateX(0deg) rotateY(360deg); } } @keyframes sphereSpin { 0% { transform: rotateX(360deg) rotateY(0deg); } 100% { transform: rotateX(0deg) rotateY(360deg); } } .tsspinner.sphere { width: 4em; height: 4em; -webkit-transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg); transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .tsspinner .tsinner { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: sphereSpin 6s linear infinite; animation: sphereSpin 6s linear infinite; } .tsspinner.sphere .tsdisc { position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 0.3em dotted #03a9f4; } @-webkit-keyframes rotateDisc2 { from { -webkit-transform: rotateX(90deg) rotateZ(0deg); } to { -webkit-transform: rotateX(90deg) rotateZ(360deg); } } @keyframes rotateDisc2 { from { transform: rotateX(90deg) rotateZ(0deg); } to { transform: rotateX(90deg) rotateZ(360deg); } } @-webkit-keyframes rotateDisc3 { from { -webkit-transform: rotateY(90deg) rotateZ(0deg); } to { -webkit-transform: rotateY(90deg) rotateZ(360deg); } } @keyframes rotateDisc3 { from { transform: rotateY(90deg) rotateZ(0deg); } to { transform: rotateY(90deg) rotateZ(360deg); } } .tsspinner.sphere .tsdisc:nth-child(1) { -webkit-animation: rotate 12s linear infinite; animation: rotate 12s linear infinite; } .tsspinner.sphere .tsdisc:nth-child(2) { -webkit-animation: rotateDisc2 12s linear infinite; animation: rotateDisc2 12s linear infinite; } .tsspinner.sphere .tsdisc:nth-child(3) { -webkit-animation: rotateDisc3 12s linear infinite; animation: rotateDisc3 12s linear infinite; } /*Preloader Demo 40*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute41 { height: 200px; left: 67%; margin-left: -100px; margin-top: -100px; position: absolute; top: 72%; width: 200px; } .tsspinner.colorwheel { position: relative; display: inline-block; width: 4em; height: 4em; overflow: hidden; border-radius: 100%; z-index: 0; } .tsspinner.colorwheel::before, .tsspinner.colorwheel::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tsspinner.colorwheel::before { background: linear-gradient(to right, green, yellow); -webkit-animation: rotate 2.5s linear infinite; animation: rotate 2.5s linear infinite; } .tsspinner.colorwheel::after { background: linear-gradient(to bottom, red, blue); -webkit-animation: fade 2s infinite alternate, rotate 2.5s linear reverse infinite; animation: fade 2s infinite alternate, rotate 2.5s linear reverse infinite; } .tsspinner .centerpiece { position: absolute; width: 100%; height: 100%; z-index: 1; border-radius: 100%; box-sizing: border-box; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 0.5em solid #03a9f4; border-top: 0.5em solid #03a9f4; -webkit-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite; } /*Preloader Demo 41*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute42 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 81%; width: 200px; } .tsspinner.infinity { -webkit-transform: perspective(10em) rotateZ(90deg) rotateY(30deg); transform: perspective(10em) rotateZ(90deg) rotateY(30deg); } .tsspinner.infinity .tshalf { position: relative; width: 4em; height: 4em; } .tsspinner.infinity .tsmarker { position: absolute; width: 100%; height: 100%; } @-webkit-keyframes rotateHide { 0% { -webkit-transform: rotate(0deg); opacity: 0; } 25% { opacity: 1; } 50%, 100% { -webkit-transform: rotate(360deg); opacity: 0; } } @keyframes rotateHide { 0% { transform: rotate(0deg); opacity: 0; } 25% { opacity: 1; } 50%, 100% { transform: rotate(360deg); opacity: 0; } } .tsspinner.infinity .tsmarker::after { opacity: 0; content: '\2022'; width: 100%; height: 100%; display: block; -webkit-animation: rotateHide 3.5s cubic-bezier(0.4, 0.1, 0.6, 0.9) infinite; animation: rotateHide 3.5s cubic-bezier(0.4, 0.1, 0.6, 0.9) infinite; } .tsspinner.infinity .tshalf:first-child { -webkit-transform: translateY(1em) rotateX(180deg); transform: translateY(1em) rotateX(180deg); } .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(1)::after { -webkit-animation-delay: 0s; animation-delay: 0s; } .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(2)::after { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(3)::after { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(4)::after { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(5)::after { -webkit-animation-delay: 1s; animation-delay: 1s; } .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(6)::after { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; } .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(7)::after { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(8)::after { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; } .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(1)::after { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; } .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(2)::after { -webkit-animation-delay: 2s; animation-delay: 2s; } .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(3)::after { -webkit-animation-delay: 2.25s; animation-delay: 2.25s; } .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(4)::after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(5)::after { -webkit-animation-delay: 2.75s; animation-delay: 2.75s; } .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(6)::after { -webkit-animation-delay: 3s; animation-delay: 3s; } .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(7)::after { -webkit-animation-delay: 3.25s; animation-delay: 3.25s; } .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(8)::after { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } /*Preloader Demo 42*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute43 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 81%; width: 200px; } .tscssload-wrap { position: absolute; margin: 0 auto 0; left: 50%; margin-left: -218px; transform: rotateX(75deg); } .tscssload-circle { position: absolute; float: left; border: 1px solid white; animation: bounce 1.73s infinite ease-in-out alternate; -o-animation: bounce 1.73s infinite ease-in-out alternate; -ms-animation: bounce 1.73s infinite ease-in-out alternate; -webkit-animation: bounce 1.73s infinite ease-in-out alternate; -moz-animation: bounce 1.73s infinite ease-in-out alternate; border-radius: 100%; background: transparent; top: -73px; left: -73px; } .tscssload-circle:nth-child(1) { margin: 0 288px; width: 10px; height: 10px; animation-delay: 115ms; -o-animation-delay: 115ms; -ms-animation-delay: 115ms; -webkit-animation-delay: 115ms; -moz-animation-delay: 115ms; z-index: -1; border: 1px solid rgba(255, 43, 0, 0.7); } .tscssload-circle:nth-child(2) { margin: 0 283px; width: 19px; height: 19px; animation-delay: 230ms; -o-animation-delay: 230ms; -ms-animation-delay: 230ms; -webkit-animation-delay: 230ms; -moz-animation-delay: 230ms; z-index: -2; border: 1px solid rgba(255, 85, 0, 0.7); } .tscssload-circle:nth-child(3) { margin: 0 278px; width: 29px; height: 29px; animation-delay: 345ms; -o-animation-delay: 345ms; -ms-animation-delay: 345ms; -webkit-animation-delay: 345ms; -moz-animation-delay: 345ms; z-index: -3; border: 1px solid rgba(255, 128, 0, 0.7); } .tscssload-circle:nth-child(4) { margin: 0 273px; width: 39px; height: 39px; animation-delay: 460ms; -o-animation-delay: 460ms; -ms-animation-delay: 460ms; -webkit-animation-delay: 460ms; -moz-animation-delay: 460ms; z-index: -4; border: 1px solid rgba(255, 170, 0, 0.7); } .tscssload-circle:nth-child(5) { margin: 0 268px; width: 49px; height: 49px; animation-delay: 575ms; -o-animation-delay: 575ms; -ms-animation-delay: 575ms; -webkit-animation-delay: 575ms; -moz-animation-delay: 575ms; z-index: -5; border: 1px solid rgba(255, 213, 0, 0.7); } .tscssload-circle:nth-child(6) { margin: 0 263px; width: 58px; height: 58px; animation-delay: 690ms; -o-animation-delay: 690ms; -ms-animation-delay: 690ms; -webkit-animation-delay: 690ms; -moz-animation-delay: 690ms; z-index: -6; border: 1px solid rgba(255, 255, 0, 0.7); } .tscssload-circle:nth-child(7) { margin: 0 258px; width: 68px; height: 68px; animation-delay: 805ms; -o-animation-delay: 805ms; -ms-animation-delay: 805ms; -webkit-animation-delay: 805ms; -moz-animation-delay: 805ms; z-index: -7; border: 1px solid rgba(212, 255, 0, 0.7); } .tscssload-circle:nth-child(8) { margin: 0 253px; width: 78px; height: 78px; animation-delay: 920ms; -o-animation-delay: 920ms; -ms-animation-delay: 920ms; -webkit-animation-delay: 920ms; -moz-animation-delay: 920ms; z-index: -8; border: 1px solid rgba(170, 255, 0, 0.7); } .tscssload-circle:nth-child(9) { margin: 0 249px; width: 88px; height: 88px; animation-delay: 1035ms; -o-animation-delay: 1035ms; -ms-animation-delay: 1035ms; -webkit-animation-delay: 1035ms; -moz-animation-delay: 1035ms; z-index: -9; border: 1px solid rgba(128, 255, 0, 0.7); } .tscssload-circle:nth-child(10) { margin: 0 244px; width: 97px; height: 97px; animation-delay: 1150ms; -o-animation-delay: 1150ms; -ms-animation-delay: 1150ms; -webkit-animation-delay: 1150ms; -moz-animation-delay: 1150ms; z-index: -10; border: 1px solid rgba(85, 255, 0, 0.7); } .tscssload-circle:nth-child(11) { margin: 0 239px; width: 107px; height: 107px; animation-delay: 1265ms; -o-animation-delay: 1265ms; -ms-animation-delay: 1265ms; -webkit-animation-delay: 1265ms; -moz-animation-delay: 1265ms; z-index: -11; border: 1px solid rgba(43, 255, 0, 0.7); } .tscssload-circle:nth-child(12) { margin: 0 234px; width: 117px; height: 117px; animation-delay: 1380ms; -o-animation-delay: 1380ms; -ms-animation-delay: 1380ms; -webkit-animation-delay: 1380ms; -moz-animation-delay: 1380ms; z-index: -12; border: 1px solid rgba(0, 255, 0, 0.7); } .tscssload-circle:nth-child(13) { margin: 0 229px; width: 127px; height: 127px; animation-delay: 1495ms; -o-animation-delay: 1495ms; -ms-animation-delay: 1495ms; -webkit-animation-delay: 1495ms; -moz-animation-delay: 1495ms; z-index: -13; border: 1px solid rgba(0, 255, 43, 0.7); } .tscssload-circle:nth-child(14) { margin: 0 224px; width: 136px; height: 136px; animation-delay: 1610ms; -o-animation-delay: 1610ms; -ms-animation-delay: 1610ms; -webkit-animation-delay: 1610ms; -moz-animation-delay: 1610ms; z-index: -14; border: 1px solid rgba(0, 255, 85, 0.7); } .tscssload-circle:nth-child(15) { margin: 0 219px; width: 146px; height: 146px; animation-delay: 1725ms; -o-animation-delay: 1725ms; -ms-animation-delay: 1725ms; -webkit-animation-delay: 1725ms; -moz-animation-delay: 1725ms; z-index: -15; border: 1px solid rgba(0, 255, 128, 0.7); } .tscssload-circle:nth-child(16) { margin: 0 214px; width: 156px; height: 156px; animation-delay: 1840ms; -o-animation-delay: 1840ms; -ms-animation-delay: 1840ms; -webkit-animation-delay: 1840ms; -moz-animation-delay: 1840ms; z-index: -16; border: 1px solid rgba(0, 255, 170, 0.7); } .tscssload-circle:nth-child(17) { margin: 0 210px; width: 166px; height: 166px; animation-delay: 1955ms; -o-animation-delay: 1955ms; -ms-animation-delay: 1955ms; -webkit-animation-delay: 1955ms; -moz-animation-delay: 1955ms; z-index: -17; border: 1px solid rgba(0, 255, 213, 0.7); } .tscssload-circle:nth-child(18) { margin: 0 205px; width: 175px; height: 175px; animation-delay: 2070ms; -o-animation-delay: 2070ms; -ms-animation-delay: 2070ms; -webkit-animation-delay: 2070ms; -moz-animation-delay: 2070ms; z-index: -18; border: 1px solid rgba(0, 255, 255, 0.7); } .tscssload-circle:nth-child(19) { margin: 0 200px; width: 185px; height: 185px; animation-delay: 2185ms; -o-animation-delay: 2185ms; -ms-animation-delay: 2185ms; -webkit-animation-delay: 2185ms; -moz-animation-delay: 2185ms; z-index: -19; border: 1px solid rgba(0, 212, 255, 0.7); } .tscssload-circle:nth-child(20) { margin: 0 195px; width: 195px; height: 195px; animation-delay: 2300ms; -o-animation-delay: 2300ms; -ms-animation-delay: 2300ms; -webkit-animation-delay: 2300ms; -moz-animation-delay: 2300ms; z-index: -20; border: 1px solid rgba(0, 170, 255, 0.7); } .tscssload-circle:nth-child(21) { margin: 0 190px; width: 205px; height: 205px; animation-delay: 2415ms; -o-animation-delay: 2415ms; -ms-animation-delay: 2415ms; -webkit-animation-delay: 2415ms; -moz-animation-delay: 2415ms; z-index: -21; border: 1px solid rgba(0, 127, 255, 0.7); } .tscssload-circle:nth-child(22) { margin: 0 185px; width: 214px; height: 214px; animation-delay: 2530ms; -o-animation-delay: 2530ms; -ms-animation-delay: 2530ms; -webkit-animation-delay: 2530ms; -moz-animation-delay: 2530ms; z-index: -22; border: 1px solid rgba(0, 85, 255, 0.7); } .tscssload-circle:nth-child(23) { margin: 0 180px; width: 224px; height: 224px; animation-delay: 2645ms; -o-animation-delay: 2645ms; -ms-animation-delay: 2645ms; -webkit-animation-delay: 2645ms; -moz-animation-delay: 2645ms; z-index: -23; border: 1px solid rgba(0, 43, 255, 0.7); } .tscssload-circle:nth-child(24) { margin: 0 175px; width: 234px; height: 234px; animation-delay: 2760ms; -o-animation-delay: 2760ms; -ms-animation-delay: 2760ms; -webkit-animation-delay: 2760ms; -moz-animation-delay: 2760ms; z-index: -24; border: 1px solid rgba(0, 0, 255, 0.7); } .tscssload-circle:nth-child(25) { margin: 0 171px; width: 244px; height: 244px; animation-delay: 2875ms; -o-animation-delay: 2875ms; -ms-animation-delay: 2875ms; -webkit-animation-delay: 2875ms; -moz-animation-delay: 2875ms; z-index: -25; border: 1px solid rgba(42, 0, 255, 0.7); } .tscssload-circle:nth-child(26) { margin: 0 166px; width: 253px; height: 253px; animation-delay: 2990ms; -o-animation-delay: 2990ms; -ms-animation-delay: 2990ms; -webkit-animation-delay: 2990ms; -moz-animation-delay: 2990ms; z-index: -26; border: 1px solid rgba(85, 0, 255, 0.7); } .tscssload-circle:nth-child(27) { margin: 0 161px; width: 263px; height: 263px; animation-delay: 3105ms; -o-animation-delay: 3105ms; -ms-animation-delay: 3105ms; -webkit-animation-delay: 3105ms; -moz-animation-delay: 3105ms; z-index: -27; border: 1px solid rgba(127, 0, 255, 0.7); } .tscssload-circle:nth-child(28) { margin: 0 156px; width: 273px; height: 273px; animation-delay: 3220ms; -o-animation-delay: 3220ms; -ms-animation-delay: 3220ms; -webkit-animation-delay: 3220ms; -moz-animation-delay: 3220ms; z-index: -28; border: 1px solid rgba(170, 0, 255, 0.7); } .tscssload-circle:nth-child(29) { margin: 0 151px; width: 283px; height: 283px; animation-delay: 3335ms; -o-animation-delay: 3335ms; -ms-animation-delay: 3335ms; -webkit-animation-delay: 3335ms; -moz-animation-delay: 3335ms; z-index: -29; border: 1px solid rgba(212, 0, 255, 0.7); } .tscssload-circle:nth-child(30) { margin: 0 146px; width: 292px; height: 292px; animation-delay: 3450ms; -o-animation-delay: 3450ms; -ms-animation-delay: 3450ms; -webkit-animation-delay: 3450ms; -moz-animation-delay: 3450ms; z-index: -30; border: 1px solid rgba(255, 0, 255, 0.7); } @keyframes bounce { 0% { transform: translateY(0px); } 100% { transform: translateY(97px); } } @-o-keyframes bounce { 0% { -o-transform: translateY(0px); } 100% { -o-transform: translateY(97px); } } @-ms-keyframes bounce { 0% { -ms-transform: translateY(0px); } 100% { -ms-transform: translateY(97px); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0px); } 100% { -webkit-transform: translateY(97px); } } @-moz-keyframes bounce { 0% { -moz-transform: translateY(0px); } 100% { -moz-transform: translateY(97px); } } /*Preloader Demo 43*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute44 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 70%; width: 200px; } #circularG { position:relative; width:58px; height:58px; margin: auto; } .circularG { position:absolute; background-color:#03a9f4; width:14px; height:14px; border-radius:9px; -o-border-radius:9px; -ms-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; animation-name:bounce_circularG; -o-animation-name:bounce_circularG; -ms-animation-name:bounce_circularG; -webkit-animation-name:bounce_circularG; -moz-animation-name:bounce_circularG; animation-duration:1.1s; -o-animation-duration:1.1s; -ms-animation-duration:1.1s; -webkit-animation-duration:1.1s; -moz-animation-duration:1.1s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; } #circularG_1 { left:0; top:23px; animation-delay:0.41s; -o-animation-delay:0.41s; -ms-animation-delay:0.41s; -webkit-animation-delay:0.41s; -moz-animation-delay:0.41s; } #circularG_2 { left:6px; top:6px; animation-delay:0.55s; -o-animation-delay:0.55s; -ms-animation-delay:0.55s; -webkit-animation-delay:0.55s; -moz-animation-delay:0.55s; } #circularG_3 { top:0; left:23px; animation-delay:0.69s; -o-animation-delay:0.69s; -ms-animation-delay:0.69s; -webkit-animation-delay:0.69s; -moz-animation-delay:0.69s; } #circularG_4 { right:6px; top:6px; animation-delay:0.83s; -o-animation-delay:0.83s; -ms-animation-delay:0.83s; -webkit-animation-delay:0.83s; -moz-animation-delay:0.83s; } #circularG_5 { right:0; top:23px; animation-delay:0.97s; -o-animation-delay:0.97s; -ms-animation-delay:0.97s; -webkit-animation-delay:0.97s; -moz-animation-delay:0.97s; } #circularG_6 { right:6px; bottom:6px; animation-delay:1.1s; -o-animation-delay:1.1s; -ms-animation-delay:1.1s; -webkit-animation-delay:1.1s; -moz-animation-delay:1.1s; } #circularG_7 { left:23px; bottom:0; animation-delay:1.24s; -o-animation-delay:1.24s; -ms-animation-delay:1.24s; -webkit-animation-delay:1.24s; -moz-animation-delay:1.24s; } #circularG_8 { left:6px; bottom:6px; animation-delay:1.38s; -o-animation-delay:1.38s; -ms-animation-delay:1.38s; -webkit-animation-delay:1.38s; -moz-animation-delay:1.38s; } @keyframes bounce_circularG { 0% { transform:scale(1); } 100% { transform:scale(.3); } } @-o-keyframes bounce_circularG { 0% { -o-transform:scale(1); } 100% { -o-transform:scale(.3); } } @-ms-keyframes bounce_circularG { 0% { -ms-transform:scale(1); } 100% { -ms-transform:scale(.3); } } @-webkit-keyframes bounce_circularG { 0% { -webkit-transform:scale(1); } 100% { -webkit-transform:scale(.3); } } @-moz-keyframes bounce_circularG { 0% { -moz-transform:scale(1); } 100% { -moz-transform:scale(.3); } } /*Preloader Demo 44*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute45 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 70%; width: 200px; } #fountainTextG { width:234px; margin:auto; } .fountainTextG { color:#03a9f4; font-family:Arial; font-size:24px; text-decoration:none; font-weight:normal; font-style:normal; float:left; animation-name:bounce_fountainTextG; -o-animation-name:bounce_fountainTextG; -ms-animation-name:bounce_fountainTextG; -webkit-animation-name:bounce_fountainTextG; -moz-animation-name:bounce_fountainTextG; animation-duration:2.09s; -o-animation-duration:2.09s; -ms-animation-duration:2.09s; -webkit-animation-duration:2.09s; -moz-animation-duration:2.09s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; transform:scale(.5); -o-transform:scale(.5); -ms-transform:scale(.5); -webkit-transform:scale(.5); -moz-transform:scale(.5); } #fountainTextG_1 { animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; } #fountainTextG_2 { animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; } #fountainTextG_3 { animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; } #fountainTextG_4 { animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; } #fountainTextG_5 { animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; } #fountainTextG_6 { animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; } #fountainTextG_7 { animation-delay:1.64s; -o-animation-delay:1.64s; -ms-animation-delay:1.64s; -webkit-animation-delay:1.64s; -moz-animation-delay:1.64s; } #fountainTextG_8 { animation-delay:1.79s; -o-animation-delay:1.79s; -ms-animation-delay:1.79s; -webkit-animation-delay:1.79s; -moz-animation-delay:1.79s; } #fountainTextG_9 { animation-delay:1.94s; -o-animation-delay:1.94s; -ms-animation-delay:1.94s; -webkit-animation-delay:1.94s; -moz-animation-delay:1.94s; } #fountainTextG_10 { animation-delay:2.09s; -o-animation-delay:2.09s; -ms-animation-delay:2.09s; -webkit-animation-delay:2.09s; -moz-animation-delay:2.09s; } @keyframes bounce_fountainTextG { 0% { transform:scale(1); color:#03a9f4; } 100% { transform:scale(.5); color:#03a9f4; } } @-o-keyframes bounce_fountainTextG { 0% { -o-transform:scale(1); color:rgb(0,0,0); } 100% { -o-transform:scale(.5); color:#03a9f4; } } @-ms-keyframes bounce_fountainTextG { 0% { -ms-transform:scale(1); color:#03a9f4; } 100% { -ms-transform:scale(.5); color:#03a9f4; } } @-webkit-keyframes bounce_fountainTextG { 0% { -webkit-transform:scale(1); color:rgb(0,0,0); } 100% { -webkit-transform:scale(.5); color:rgb(255,255,255); } } @-moz-keyframes bounce_fountainTextG { 0% { -moz-transform:scale(1); color:rgb(0,0,0); } 100% { -moz-transform:scale(.5); color:rgb(255,255,255); } } /*Preloader Demo 45*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute46 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 70%; width: 200px; } .bubblingG { text-align: center; width:78px; height:49px; margin: auto; } .bubblingG span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 24px auto; background: #03a9f4; border-radius: 49px; -o-border-radius: 49px; -ms-border-radius: 49px; -webkit-border-radius: 49px; -moz-border-radius: 49px; animation: bubblingG 1.5s infinite alternate; -o-animation: bubblingG 1.5s infinite alternate; -ms-animation: bubblingG 1.5s infinite alternate; -webkit-animation: bubblingG 1.5s infinite alternate; -moz-animation: bubblingG 1.5s infinite alternate; } #bubblingG_1 { animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; } #bubblingG_2 { animation-delay: 0.45s; -o-animation-delay: 0.45s; -ms-animation-delay: 0.45s; -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; } #bubblingG_3 { animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; } @keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:#03a9f4; transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:#03a9f4; transform: translateY(-20px); } } @-o-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); -o-transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); -o-transform: translateY(-20px); } } @-ms-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); -ms-transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); -ms-transform: translateY(-20px); } } @-webkit-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); -webkit-transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); -webkit-transform: translateY(-20px); } } @-moz-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); -moz-transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); -moz-transform: translateY(-20px); } } /*Preloader Demo 46*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute47 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 70%; width: 200px; } #fountainG { position:relative; width:234px; height:28px; margin:auto; } .fountainG { position:absolute; top:0; background-color:#03a9f4; width:28px; height:28px; animation-name:bounce_fountainG; -o-animation-name:bounce_fountainG; -ms-animation-name:bounce_fountainG; -webkit-animation-name:bounce_fountainG; -moz-animation-name:bounce_fountainG; animation-duration:1.5s; -o-animation-duration:1.5s; -ms-animation-duration:1.5s; -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; transform:scale(.3); -o-transform:scale(.3); -ms-transform:scale(.3); -webkit-transform:scale(.3); -moz-transform:scale(.3); border-radius:19px; -o-border-radius:19px; -ms-border-radius:19px; -webkit-border-radius:19px; -moz-border-radius:19px; } #fountainG_1 { left:0; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; } #fountainG_2 { left:29px; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; } #fountainG_3 { left:58px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; } #fountainG_4 { left:88px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; } #fountainG_5 { left:117px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; } #fountainG_6 { left:146px; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; } #fountainG_7 { left:175px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; } #fountainG_8 { left:205px; animation-delay:1.64s; -o-animation-delay:1.64s; -ms-animation-delay:1.64s; -webkit-animation-delay:1.64s; -moz-animation-delay:1.64s; } @keyframes bounce_fountainG { 0% { transform:scale(1); background-color:#03a9f4; } 100% { transform:scale(.3); background-color:#03a9f4; } } @-o-keyframes bounce_fountainG { 0% { -o-transform:scale(1); background-color:rgb(0,0,0); } 100% { -o-transform:scale(.3); background-color:rgb(255,255,255); } } @-ms-keyframes bounce_fountainG { 0% { -ms-transform:scale(1); background-color:rgb(0,0,0); } 100% { -ms-transform:scale(.3); background-color:rgb(255,255,255); } } @-webkit-keyframes bounce_fountainG { 0% { -webkit-transform:scale(1); background-color:rgb(0,0,0); } 100% { -webkit-transform:scale(.3); background-color:rgb(255,255,255); } } @-moz-keyframes bounce_fountainG { 0% { -moz-transform:scale(1); background-color:rgb(0,0,0); } 100% { -moz-transform:scale(.3); background-color:rgb(255,255,255); } } /*Preloader Demo 47*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute48 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 70%; width: 200px; } .tscssload-main { position: absolute; content: ''; left: 50%; transform: translate(-100%, -240%); -o-transform: translate(-100%, -240%); -ms-transform: translate(-100%, -240%); -webkit-transform: translate(-100%, -240%); -moz-transform: translate(-100%, -240%); } .tscssload-main * { font-size:62px; } .tscssload-heart { animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -o-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -ms-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -webkit-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -moz-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; top: 50%; content: ''; left: 50%; position: absolute; } .tscssload-heartL { width: 1em; height: 1em; border: 1px solid rgb(63,193,242); background-color: rgb(63,193,242); content: ''; position: absolute; display: block; border-radius: 100%; animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -o-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -ms-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -webkit-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -moz-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; transform: translate(-28px, -27px); -o-transform: translate(-28px, -27px); -ms-transform: translate(-28px, -27px); -webkit-transform: translate(-28px, -27px); -moz-transform: translate(-28px, -27px); } .tscssload-heartR { width: 1em; height: 1em; border: 1px solid rgb(63,193,242); background-color: rgb(63,193,242); content: ''; position: absolute; display: block; border-radius: 100%; transform: translate(28px, -27px); -o-transform: translate(28px, -27px); -ms-transform: translate(28px, -27px); -webkit-transform: translate(28px, -27px); -moz-transform: translate(28px, -27px); animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -o-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -ms-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -webkit-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -moz-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; } .tscssload-square { width: 1em; height: 1em; border: 1px solid rgb(63,193,242); background-color: rgb(63,193,242); position: relative; display: block; content: ''; transform: scale(1) rotate(-45deg); -o-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); -webkit-transform: scale(1) rotate(-45deg); -moz-transform: scale(1) rotate(-45deg); animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -o-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -ms-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -webkit-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -moz-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; } .tscssload-shadow { top: 97px; left: 50%; content: ''; position: relative; display: block; bottom: -.5em; width: 1em; height: .24em; background-color: rgb(215,215,215); border: 1px solid rgb(215,215,215); border-radius: 50%; animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -o-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -ms-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -webkit-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; -moz-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; } @keyframes cssload-square { 50% { border-radius: 100%; transform: scale(0.5) rotate(-45deg); } 100% { transform: scale(1) rotate(-45deg); } } @-o-keyframes cssload-square { 50% { border-radius: 100%; -o-transform: scale(0.5) rotate(-45deg); } 100% { -o-transform: scale(1) rotate(-45deg); } } @-ms-keyframes cssload-square { 50% { border-radius: 100%; -ms-transform: scale(0.5) rotate(-45deg); } 100% { -ms-transform: scale(1) rotate(-45deg); } } @-webkit-keyframes cssload-square { 50% { border-radius: 100%; -webkit-transform: scale(0.5) rotate(-45deg); } 100% { -webkit-transform: scale(1) rotate(-45deg); } } @-moz-keyframes cssload-square { 50% { border-radius: 100%; -moz-transform: scale(0.5) rotate(-45deg); } 100% { -moz-transform: scale(1) rotate(-45deg); } } @keyframes cssload-heart { 50% { transform: rotate(360deg); } 100% { transform: rotate(720deg); } } @-o-keyframes cssload-heart { 50% { -o-transform: rotate(360deg); } 100% { -o-transform: rotate(720deg); } } @-ms-keyframes cssload-heart { 50% { -ms-transform: rotate(360deg); } 100% { -ms-transform: rotate(720deg); } } @-webkit-keyframes cssload-heart { 50% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(720deg); } } @-moz-keyframes cssload-heart { 50% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(720deg); } } @keyframes cssload-heartL { 60% { transform: scale(0.4); } } @-o-keyframes cssload-heartL { 60% { -o-transform: scale(0.4); } } @-ms-keyframes cssload-heartL { 60% { -ms-transform: scale(0.4); } } @-webkit-keyframes cssload-heartL { 60% { -webkit-transform: scale(0.4); } } @-moz-keyframes cssload-heartL { 60% { -moz-transform: scale(0.4); } } @keyframes cssload-heartR { 40% { transform: scale(0.4); } } @-o-keyframes cssload-heartR { 40% { -o-transform: scale(0.4); } } @-ms-keyframes cssload-heartR { 40% { -ms-transform: scale(0.4); } } @-webkit-keyframes cssload-heartR { 40% { -webkit-transform: scale(0.4); } } @-moz-keyframes cssload-heartR { 40% { -moz-transform: scale(0.4); } } @keyframes cssload-shadow { 50% { transform: scale(0.5); border-color: rgb(228,228,228); } } @-o-keyframes cssload-shadow { 50% { -o-transform: scale(0.5); border-color: rgb(228,228,228); } } @-ms-keyframes cssload-shadow { 50% { -ms-transform: scale(0.5); border-color: rgb(228,228,228); } } @-webkit-keyframes cssload-shadow { 50% { -webkit-transform: scale(0.5); border-color: rgb(228,228,228); } } @-moz-keyframes cssload-shadow { 50% { -moz-transform: scale(0.5); border-color: rgb(228,228,228); } } /*Preloader Demo 48*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute49 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 55%; width: 200px; } .tscssload-container { width: 72px; margin: 58px auto; font-size: 0; position: relative; transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; animation: cssload-clockwise 6.9s linear infinite; -o-animation: cssload-clockwise 6.9s linear infinite; -ms-animation: cssload-clockwise 6.9s linear infinite; -webkit-animation: cssload-clockwise 6.9s linear infinite; -moz-animation: cssload-clockwise 6.9s linear infinite; } .tscssload-container:before { position: absolute; content: ''; top: 0; left: 0; width: 39px; height: 39px; border: 6px solid rgb(229,229,229); border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .tscssload-container:after { position: absolute; content: ''; z-index: -1; top: 0; right: 0; width: 39px; height: 39px; border: 6px solid rgb(229,229,229); border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .tscssload-lt, .tscssload-rt, .tscssload-lb, .tscssload-rb { position: relative; display: inline-block; overflow: hidden; width: 39px; height: 19px; opacity: 1; } .tscssload-lt:before, .tscssload-rt:before, .tscssload-lb:before, .tscssload-rb:before { position: absolute; content: ''; width: 39px; height: 39px; border-top: 6px solid #03a9f4; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; } .tscssload-lt { margin-right: -6px; animation: cssload-lt 2.3s linear -2300ms infinite; -o-animation: cssload-lt 2.3s linear -2300ms infinite; -ms-animation: cssload-lt 2.3s linear -2300ms infinite; -webkit-animation: cssload-lt 2.3s linear -2300ms infinite; -moz-animation: cssload-lt 2.3s linear -2300ms infinite; } .tscssload-lt:before { top: 0; left: 0; animation: cssload-not-clockwise 1.15s linear infinite; -o-animation: cssload-not-clockwise 1.15s linear infinite; -ms-animation: cssload-not-clockwise 1.15s linear infinite; -webkit-animation: cssload-not-clockwise 1.15s linear infinite; -moz-animation: cssload-not-clockwise 1.15s linear infinite; } .tscssload-rt { animation: cssload-lt 2.3s linear -1150ms infinite; -o-animation: cssload-lt 2.3s linear -1150ms infinite; -ms-animation: cssload-lt 2.3s linear -1150ms infinite; -webkit-animation: cssload-lt 2.3s linear -1150ms infinite; -moz-animation: cssload-lt 2.3s linear -1150ms infinite; } .tscssload-rt:before { top: 0; right: 0; animation: cssload-clockwise 1.15s linear infinite; -o-animation: cssload-clockwise 1.15s linear infinite; -ms-animation: cssload-clockwise 1.15s linear infinite; -webkit-animation: cssload-clockwise 1.15s linear infinite; -moz-animation: cssload-clockwise 1.15s linear infinite; } .tscssload-lb { margin-right: -6px; animation: cssload-lt 2.3s linear -1725ms infinite; -o-animation: cssload-lt 2.3s linear -1725ms infinite; -ms-animation: cssload-lt 2.3s linear -1725ms infinite; -webkit-animation: cssload-lt 2.3s linear -1725ms infinite; -moz-animation: cssload-lt 2.3s linear -1725ms infinite; } .tscssload-lb:before { bottom: 0; left: 0; animation: cssload-not-clockwise 1.15s linear infinite; -o-animation: cssload-not-clockwise 1.15s linear infinite; -ms-animation: cssload-not-clockwise 1.15s linear infinite; -webkit-animation: cssload-not-clockwise 1.15s linear infinite; -moz-animation: cssload-not-clockwise 1.15s linear infinite; } .tscssload-rb { animation: cssload-lt 2.3s linear -575ms infinite; -o-animation: cssload-lt 2.3s linear -575ms infinite; -ms-animation: cssload-lt 2.3s linear -575ms infinite; -webkit-animation: cssload-lt 2.3s linear -575ms infinite; -moz-animation: cssload-lt 2.3s linear -575ms infinite; } .tscssload-rb:before { bottom: 0; right: 0; animation: cssload-clockwise 1.15s linear infinite; -o-animation: cssload-clockwise 1.15s linear infinite; -ms-animation: cssload-clockwise 1.15s linear infinite; -webkit-animation: cssload-clockwise 1.15s linear infinite; -moz-animation: cssload-clockwise 1.15s linear infinite; } @keyframes cssload-clockwise { 0% { transform: rotate(-45deg); } 100% { transform: rotate(315deg); } } @-o-keyframes cssload-clockwise { 0% { -o-transform: rotate(-45deg); } 100% { -o-transform: rotate(315deg); } } @-ms-keyframes cssload-clockwise { 0% { -ms-transform: rotate(-45deg); } 100% { -ms-transform: rotate(315deg); } } @-webkit-keyframes cssload-clockwise { 0% { -webkit-transform: rotate(-45deg); } 100% { -webkit-transform: rotate(315deg); } } @-moz-keyframes cssload-clockwise { 0% { -moz-transform: rotate(-45deg); } 100% { -moz-transform: rotate(315deg); } } @keyframes cssload-not-clockwise { 0% { transform: rotate(45deg); } 100% { transform: rotate(-315deg); } } @-o-keyframes cssload-not-clockwise { 0% { -o-transform: rotate(45deg); } 100% { -o-transform: rotate(-315deg); } } @-ms-keyframes cssload-not-clockwise { 0% { -ms-transform: rotate(45deg); } 100% { -ms-transform: rotate(-315deg); } } @-webkit-keyframes cssload-not-clockwise { 0% { -webkit-transform: rotate(45deg); } 100% { -webkit-transform: rotate(-315deg); } } @-moz-keyframes cssload-not-clockwise { 0% { -moz-transform: rotate(45deg); } 100% { -moz-transform: rotate(-315deg); } } @keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } /*Preloader Demo 49*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute50 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 52%; width: 200px; } #tscssload-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 171px; height: 171px; margin: auto; } #tscssload-loader .tscssload-dot { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 85.5px; height: 100%; margin: auto; } #tscssload-loader .tscssload-dot:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 85.5px; height: 85.5px; border-radius: 100%; transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); } #tscssload-loader .tscssload-dot:nth-child(7n+1) { transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } #tscssload-loader .tscssload-dot:nth-child(7n+1):before { background: #03a9f4; animation: cssload-load 0.92s linear 0.12s infinite; -o-animation: cssload-load 0.92s linear 0.12s infinite; -ms-animation: cssload-load 0.92s linear 0.12s infinite; -webkit-animation: cssload-load 0.92s linear 0.12s infinite; -moz-animation: cssload-load 0.92s linear 0.12s infinite; } #tscssload-loader .tscssload-dot:nth-child(7n+2) { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } #tscssload-loader .tscssload-dot:nth-child(7n+2):before { background: #03a9f4; animation: cssload-load 0.92s linear 0.23s infinite; -o-animation: cssload-load 0.92s linear 0.23s infinite; -ms-animation: cssload-load 0.92s linear 0.23s infinite; -webkit-animation: cssload-load 0.92s linear 0.23s infinite; -moz-animation: cssload-load 0.92s linear 0.23s infinite; } #tscssload-loader .tscssload-dot:nth-child(7n+3) { transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); } #tscssload-loader .tscssload-dot:nth-child(7n+3):before { background: rgb(0,170,255); animation: cssload-load 0.92s linear 0.35s infinite; -o-animation: cssload-load 0.92s linear 0.35s infinite; -ms-animation: cssload-load 0.92s linear 0.35s infinite; -webkit-animation: cssload-load 0.92s linear 0.35s infinite; -moz-animation: cssload-load 0.92s linear 0.35s infinite; } #tscssload-loader .tscssload-dot:nth-child(7n+4) { transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } #tscssload-loader .tscssload-dot:nth-child(7n+4):before { background: rgb(0,64,255); animation: cssload-load 0.92s linear 0.46s infinite; -o-animation: cssload-load 0.92s linear 0.46s infinite; -ms-animation: cssload-load 0.92s linear 0.46s infinite; -webkit-animation: cssload-load 0.92s linear 0.46s infinite; -moz-animation: cssload-load 0.92s linear 0.46s infinite; } #tscssload-loader .tscssload-dot:nth-child(7n+5) { transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); } #tscssload-loader .tscssload-dot:nth-child(7n+5):before { background: rgb(42,0,255); animation: cssload-load 0.92s linear 0.58s infinite; -o-animation: cssload-load 0.92s linear 0.58s infinite; -ms-animation: cssload-load 0.92s linear 0.58s infinite; -webkit-animation: cssload-load 0.92s linear 0.58s infinite; -moz-animation: cssload-load 0.92s linear 0.58s infinite; } #tscssload-loader .tscssload-dot:nth-child(7n+6) { transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); } #tscssload-loader .tscssload-dot:nth-child(7n+6):before { background: rgb(149,0,255); animation: cssload-load 0.92s linear 0.69s infinite; -o-animation: cssload-load 0.92s linear 0.69s infinite; -ms-animation: cssload-load 0.92s linear 0.69s infinite; -webkit-animation: cssload-load 0.92s linear 0.69s infinite; -moz-animation: cssload-load 0.92s linear 0.69s infinite; } #tscssload-loader .tscssload-dot:nth-child(7n+7) { transform: rotate(315deg); } #tscssload-loader .tscssload-dot:nth-child(7n+7):before { background: magenta; animation: cssload-load 0.92s linear 0.81s infinite; -o-animation: cssload-load 0.92s linear 0.81s infinite; -ms-animation: cssload-load 0.92s linear 0.81s infinite; -webkit-animation: cssload-load 0.92s linear 0.81s infinite; -moz-animation: cssload-load 0.92s linear 0.81s infinite; } #tscssload-loader .tscssload-dot:nth-child(7n+8) { transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); } #tscssload-loader .tscssload-dot:nth-child(7n+8):before { background: rgb(255,0,149); animation: cssload-load 0.92s linear 0.92s infinite; -o-animation: cssload-load 0.92s linear 0.92s infinite; -ms-animation: cssload-load 0.92s linear 0.92s infinite; -webkit-animation: cssload-load 0.92s linear 0.92s infinite; -moz-animation: cssload-load 0.92s linear 0.92s infinite; } @keyframes cssload-load { 100% { opacity: 0; transform: scale(1); } } @-o-keyframes cssload-load { 100% { opacity: 0; -o-transform: scale(1); } } @-ms-keyframes cssload-load { 100% { opacity: 0; -ms-transform: scale(1); } } @-webkit-keyframes cssload-load { 100% { opacity: 0; -webkit-transform: scale(1); } } @-moz-keyframes cssload-load { 100% { opacity: 0; -moz-transform: scale(1); } } /*Preloader Demo 50*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute51 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 70%; width: 200px; } .tscssload-aim { position: relative; width: 80px; height: 80px; left: 35%; left: calc(50% - 43px); left: -o-calc(50% - 43px); left: -ms-calc(50% - 43px); left: -webkit-calc(50% - 43px); left: -moz-calc(50% - 43px); left: calc(50% - 43px); border-radius: 50px; background-color: rgb(255,255,255); border-width: 40px; border-style: double; border-color:transparent #03a9f4; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; animation: cssload-aim 2.3s linear infinite; -o-animation: cssload-aim 2.3s linear infinite; -ms-animation: cssload-aim 2.3s linear infinite; -webkit-animation: cssload-aim 2.3s linear infinite; -moz-animation: cssload-aim 2.3s linear infinite; } @keyframes cssload-aim { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } @-o-keyframes cssload-aim { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(360deg); } } @-ms-keyframes cssload-aim { 0% { -ms-transform:rotate(0deg); } 100% { -ms-transform:rotate(360deg); } } @-webkit-keyframes cssload-aim { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } @-moz-keyframes cssload-aim { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } /*Preloader Demo 51*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute52 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 76%; width: 200px; } .tscssload-triangles { transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); height: 79px; width: 88px; position: absolute; left: 50%; } .tscssload-tri { position: absolute; animation: cssload-pulse 862.5ms ease-in infinite; -o-animation: cssload-pulse 862.5ms ease-in infinite; -ms-animation: cssload-pulse 862.5ms ease-in infinite; -webkit-animation: cssload-pulse 862.5ms ease-in infinite; -moz-animation: cssload-pulse 862.5ms ease-in infinite; border-top: 26px solid #03a9f4; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 0px; } .tscssload-tri.tscssload-invert { border-top: 0px; border-bottom: 26px solid #03a9f4; border-left: 15px solid transparent; border-right: 15px solid transparent; } .tscssload-tri:nth-child(1) { left: 29px; } .tscssload-tri:nth-child(2) { left: 15px; top: 26px; animation-delay: -143.75ms; -o-animation-delay: -143.75ms; -ms-animation-delay: -143.75ms; -webkit-animation-delay: -143.75ms; -moz-animation-delay: -143.75ms; } .tscssload-tri:nth-child(3) { left: 29px; top: 26px; } .tscssload-tri:nth-child(4) { left: 44px; top: 26px; animation-delay: -718.75ms; -o-animation-delay: -718.75ms; -ms-animation-delay: -718.75ms; -webkit-animation-delay: -718.75ms; -moz-animation-delay: -718.75ms; } .tscssload-tri:nth-child(5) { top: 53px; animation-delay: -287.5ms; -o-animation-delay: -287.5ms; -ms-animation-delay: -287.5ms; -webkit-animation-delay: -287.5ms; -moz-animation-delay: -287.5ms; } .tscssload-tri:nth-child(6) { top: 53px; left: 15px; animation-delay: -287.5ms; -o-animation-delay: -287.5ms; -ms-animation-delay: -287.5ms; -webkit-animation-delay: -287.5ms; -moz-animation-delay: -287.5ms; } .tscssload-tri:nth-child(7) { top: 53px; left: 29px; animation-delay: -431.25ms; -o-animation-delay: -431.25ms; -ms-animation-delay: -431.25ms; -webkit-animation-delay: -431.25ms; -moz-animation-delay: -431.25ms; } .tscssload-tri:nth-child(8) { top: 53px; left: 44px; animation-delay: -575ms; -o-animation-delay: -575ms; -ms-animation-delay: -575ms; -webkit-animation-delay: -575ms; -moz-animation-delay: -575ms; } .tscssload-tri:nth-child(9) { top: 53px; left: 58px; animation-delay: -575ms; -o-animation-delay: -575ms; -ms-animation-delay: -575ms; -webkit-animation-delay: -575ms; -moz-animation-delay: -575ms; } @keyframes cssload-pulse { 0% { opacity: 1; } 16.666% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes cssload-pulse { 0% { opacity: 1; } 16.666% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes cssload-pulse { 0% { opacity: 1; } 16.666% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes cssload-pulse { 0% { opacity: 1; } 16.666% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes cssload-pulse { 0% { opacity: 1; } 16.666% { opacity: 1; } 100% { opacity: 0; } } /*Preloader Demo 52*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute53 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 60%; width: 200px; } #tscssload-global { width: 68px; margin: auto; margin-top: 49px; position: relative; cursor: pointer; height: 58px; } .tscssload-mask { position: absolute; border-radius: 2px; overflow: hidden; perspective: 1000; -o-perspective: 1000; -ms-perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .tscssload-plane { background: #03a9f4; width: 400%; height: 100%; position: absolute; z-index: 100; transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); perspective: 1000; -o-perspective: 1000; -ms-perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } #tscssload-top .tscssload-plane { z-index: 2000; animation: cssload-trans1 1.5s ease-in infinite 0s backwards; -o-animation: cssload-trans1 1.5s ease-in infinite 0s backwards; -ms-animation: cssload-trans1 1.5s ease-in infinite 0s backwards; -webkit-animation: cssload-trans1 1.5s ease-in infinite 0s backwards; -moz-animation: cssload-trans1 1.5s ease-in infinite 0s backwards; } #tscssload-middle .tscssload-plane { background: rgb(0,0,0); transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); animation: cssload-trans2 1.5s linear infinite 0.35s backwards; -o-animation: cssload-trans2 1.5s linear infinite 0.35s backwards; -ms-animation: cssload-trans2 1.5s linear infinite 0.35s backwards; -webkit-animation: cssload-trans2 1.5s linear infinite 0.35s backwards; -moz-animation: cssload-trans2 1.5s linear infinite 0.35s backwards; } #tscssload-bottom .tscssload-plane { z-index: 2000; animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards; -o-animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards; -ms-animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards; -webkit-animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards; -moz-animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards; } #tscssload-top { width: 52px; height: 19px; left: 19px; transform: skew(-15deg, 0); -o-transform: skew(-15deg, 0); -ms-transform: skew(-15deg, 0); -webkit-transform: skew(-15deg, 0); -moz-transform: skew(-15deg, 0); z-index: 100; } #tscssload-middle { width: 32px; height: 19px; left: 19px; top: 15px; transform: skew(-15deg, 40deg); -o-transform: skew(-15deg, 40deg); -ms-transform: skew(-15deg, 40deg); -webkit-transform: skew(-15deg, 40deg); -moz-transform: skew(-15deg, 40deg); } #tscssload-bottom { width: 52px; height: 19px; top: 29px; transform: skew(-15deg, 0); -o-transform: skew(-15deg, 0); -ms-transform: skew(-15deg, 0); -webkit-transform: skew(-15deg, 0); -moz-transform: skew(-15deg, 0); } @keyframes cssload-trans1 { from { transform: translate3d(52px, 0, 0); } to { transform: translate3d(-244px, 0, 0); } } @-o-keyframes cssload-trans1 { from { -o-transform: translate3d(52px, 0, 0); } to { -o-transform: translate3d(-244px, 0, 0); } } @-ms-keyframes cssload-trans1 { from { -ms-transform: translate3d(52px, 0, 0); } to { -ms-transform: translate3d(-244px, 0, 0); } } @-webkit-keyframes cssload-trans1 { from { -webkit-transform: translate3d(52px, 0, 0); } to { -webkit-transform: translate3d(-244px, 0, 0); } } @-moz-keyframes cssload-trans1 { from { -moz-transform: translate3d(52px, 0, 0); } to { -moz-transform: translate3d(-244px, 0, 0); } } @keyframes cssload-trans2 { from { transform: translate3d(-156px, 0, 0); } to { transform: translate3d(52px, 0, 0); } } @-o-keyframes cssload-trans2 { from { -o-transform: translate3d(-156px, 0, 0); } to { -o-transform: translate3d(52px, 0, 0); } } @-ms-keyframes cssload-trans2 { from { -ms-transform: translate3d(-156px, 0, 0); } to { -ms-transform: translate3d(52px, 0, 0); } } @-webkit-keyframes cssload-trans2 { from { -webkit-transform: translate3d(-156px, 0, 0); } to { -webkit-transform: translate3d(52px, 0, 0); } } @-moz-keyframes cssload-trans2 { from { -moz-transform: translate3d(-156px, 0, 0); } to { -moz-transform: translate3d(52px, 0, 0); } } @keyframes cssload-trans3 { from { transform: translate3d(52px, 0, 0); } to { transform: translate3d(-214px, 0, 0); } } @-o-keyframes cssload-trans3 { from { -o-transform: translate3d(52px, 0, 0); } to { -o-transform: translate3d(-214px, 0, 0); } } @-ms-keyframes cssload-trans3 { from { -ms-transform: translate3d(52px, 0, 0); } to { -ms-transform: translate3d(-214px, 0, 0); } } @-webkit-keyframes cssload-trans3 { from { -webkit-transform: translate3d(52px, 0, 0); } to { -webkit-transform: translate3d(-214px, 0, 0); } } @-moz-keyframes cssload-trans3 { from { -moz-transform: translate3d(52px, 0, 0); } to { -moz-transform: translate3d(-214px, 0, 0); } } @keyframes cssload-animColor { from { background: red; } 25% { background: yellow; } 50% { background: green; } 75% { background: brown; } to { background: blue; } } @-o-keyframes cssload-animColor { from { background: red; } 25% { background: yellow; } 50% { background: green; } 75% { background: brown; } to { background: blue; } } @-ms-keyframes cssload-animColor { from { background: red; } 25% { background: yellow; } 50% { background: green; } 75% { background: brown; } to { background: blue; } } @-webkit-keyframes cssload-animColor { from { background: red; } 25% { background: yellow; } 50% { background: green; } 75% { background: brown; } to { background: blue; } } @-moz-keyframes cssload-animColor { from { background: red; } 25% { background: yellow; } 50% { background: green; } 75% { background: brown; } to { background: blue; } } /*Preloader Demo 53*/ /******************************************************************************/ /******************************************************************************/ #ts-preloader-absolute54 { height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 52%; width: 200px; } .csstscssload-load-frame { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 49px; height: 49px; margin: auto; display: box; display: -o-box; display: -ms-box; display: -webkit-box; display: -moz-box; display: flex; display: -o-flex; display: -ms-flex; display: -webkit-flex; display: -moz-flex; flex-flow: row wrap; -o-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; } .csstscssload-load-frame .tscssload-dot { width: 10px; height: 10px; } .csstscssload-load-frame .tscssload-dot:nth-child(1) { background: rgb(32,223,214); animation: cssload-load 0.35s linear -0.12s infinite alternate; -o-animation: cssload-load 0.35s linear -0.12s infinite alternate; -ms-animation: cssload-load 0.35s linear -0.12s infinite alternate; -webkit-animation: cssload-load 0.35s linear -0.12s infinite alternate; -moz-animation: cssload-load 0.35s linear -0.12s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(2) { background: rgb(32,223,220); animation: cssload-load 0.35s linear -0.23s infinite alternate; -o-animation: cssload-load 0.35s linear -0.23s infinite alternate; -ms-animation: cssload-load 0.35s linear -0.23s infinite alternate; -webkit-animation: cssload-load 0.35s linear -0.23s infinite alternate; -moz-animation: cssload-load 0.35s linear -0.23s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(3) { background: rgb(32,220,223); animation: cssload-load 0.35s linear -0.35s infinite alternate; -o-animation: cssload-load 0.35s linear -0.35s infinite alternate; -ms-animation: cssload-load 0.35s linear -0.35s infinite alternate; -webkit-animation: cssload-load 0.35s linear -0.35s infinite alternate; -moz-animation: cssload-load 0.35s linear -0.35s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(4) { background: rgb(32,214,223); animation: cssload-load 0.35s linear -0.46s infinite alternate; -o-animation: cssload-load 0.35s linear -0.46s infinite alternate; -ms-animation: cssload-load 0.35s linear -0.46s infinite alternate; -webkit-animation: cssload-load 0.35s linear -0.46s infinite alternate; -moz-animation: cssload-load 0.35s linear -0.46s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(5) { background: rgb(32,207,223); animation: cssload-load 0.35s linear -0.58s infinite alternate; -o-animation: cssload-load 0.35s linear -0.58s infinite alternate; -ms-animation: cssload-load 0.35s linear -0.58s infinite alternate; -webkit-animation: cssload-load 0.35s linear -0.58s infinite alternate; -moz-animation: cssload-load 0.35s linear -0.58s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(6) { background: rgb(32,201,223); animation: cssload-load 0.35s linear -0.69s infinite alternate; -o-animation: cssload-load 0.35s linear -0.69s infinite alternate; -ms-animation: cssload-load 0.35s linear -0.69s infinite alternate; -webkit-animation: cssload-load 0.35s linear -0.69s infinite alternate; -moz-animation: cssload-load 0.35s linear -0.69s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(7) { background: rgb(32,194,223); animation: cssload-load 0.35s linear -0.81s infinite alternate; -o-animation: cssload-load 0.35s linear -0.81s infinite alternate; -ms-animation: cssload-load 0.35s linear -0.81s infinite alternate; -webkit-animation: cssload-load 0.35s linear -0.81s infinite alternate; -moz-animation: cssload-load 0.35s linear -0.81s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(8) { background: rgb(32,188,223); animation: cssload-load 0.35s linear -0.92s infinite alternate; -o-animation: cssload-load 0.35s linear -0.92s infinite alternate; -ms-animation: cssload-load 0.35s linear -0.92s infinite alternate; -webkit-animation: cssload-load 0.35s linear -0.92s infinite alternate; -moz-animation: cssload-load 0.35s linear -0.92s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(9) { background: rgb(32,182,223); animation: cssload-load 0.35s linear -1.04s infinite alternate; -o-animation: cssload-load 0.35s linear -1.04s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.04s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.04s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.04s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(10) { background: rgb(32,175,223); animation: cssload-load 0.35s linear -1.15s infinite alternate; -o-animation: cssload-load 0.35s linear -1.15s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.15s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.15s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.15s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(11) { background: rgb(32,169,223); animation: cssload-load 0.35s linear -1.27s infinite alternate; -o-animation: cssload-load 0.35s linear -1.27s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.27s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.27s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.27s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(12) { background: rgb(32,163,223); animation: cssload-load 0.35s linear -1.38s infinite alternate; -o-animation: cssload-load 0.35s linear -1.38s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.38s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.38s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.38s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(13) { background: rgb(32,156,223); animation: cssload-load 0.35s linear -1.5s infinite alternate; -o-animation: cssload-load 0.35s linear -1.5s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.5s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.5s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.5s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(14) { background: rgb(32,150,223); animation: cssload-load 0.35s linear -1.61s infinite alternate; -o-animation: cssload-load 0.35s linear -1.61s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.61s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.61s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.61s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(15) { background: rgb(32,143,223); animation: cssload-load 0.35s linear -1.73s infinite alternate; -o-animation: cssload-load 0.35s linear -1.73s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.73s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.73s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.73s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(16) { background: rgb(32,137,223); animation: cssload-load 0.35s linear -1.84s infinite alternate; -o-animation: cssload-load 0.35s linear -1.84s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.84s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.84s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.84s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(17) { background: #2083df; animation: cssload-load 0.35s linear -1.96s infinite alternate; -o-animation: cssload-load 0.35s linear -1.96s infinite alternate; -ms-animation: cssload-load 0.35s linear -1.96s infinite alternate; -webkit-animation: cssload-load 0.35s linear -1.96s infinite alternate; -moz-animation: cssload-load 0.35s linear -1.96s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(18) { background: #207cdf; animation: cssload-load 0.35s linear -2.07s infinite alternate; -o-animation: cssload-load 0.35s linear -2.07s infinite alternate; -ms-animation: cssload-load 0.35s linear -2.07s infinite alternate; -webkit-animation: cssload-load 0.35s linear -2.07s infinite alternate; -moz-animation: cssload-load 0.35s linear -2.07s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(19) { background: #2076df; animation: cssload-load 0.35s linear -2.19s infinite alternate; -o-animation: cssload-load 0.35s linear -2.19s infinite alternate; -ms-animation: cssload-load 0.35s linear -2.19s infinite alternate; -webkit-animation: cssload-load 0.35s linear -2.19s infinite alternate; -moz-animation: cssload-load 0.35s linear -2.19s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(20) { background: #2070df; animation: cssload-load 0.35s linear -2.3s infinite alternate; -o-animation: cssload-load 0.35s linear -2.3s infinite alternate; -ms-animation: cssload-load 0.35s linear -2.3s infinite alternate; -webkit-animation: cssload-load 0.35s linear -2.3s infinite alternate; -moz-animation: cssload-load 0.35s linear -2.3s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(21) { background: #2069df; animation: cssload-load 0.35s linear -2.42s infinite alternate; -o-animation: cssload-load 0.35s linear -2.42s infinite alternate; -ms-animation: cssload-load 0.35s linear -2.42s infinite alternate; -webkit-animation: cssload-load 0.35s linear -2.42s infinite alternate; -moz-animation: cssload-load 0.35s linear -2.42s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(22) { background: #2063df; animation: cssload-load 0.35s linear -2.53s infinite alternate; -o-animation: cssload-load 0.35s linear -2.53s infinite alternate; -ms-animation: cssload-load 0.35s linear -2.53s infinite alternate; -webkit-animation: cssload-load 0.35s linear -2.53s infinite alternate; -moz-animation: cssload-load 0.35s linear -2.53s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(23) { background: #205cdf; animation: cssload-load 0.35s linear -2.65s infinite alternate; -o-animation: cssload-load 0.35s linear -2.65s infinite alternate; -ms-animation: cssload-load 0.35s linear -2.65s infinite alternate; -webkit-animation: cssload-load 0.35s linear -2.65s infinite alternate; -moz-animation: cssload-load 0.35s linear -2.65s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(24) { background: #2056df; animation: cssload-load 0.35s linear -2.76s infinite alternate; -o-animation: cssload-load 0.35s linear -2.76s infinite alternate; -ms-animation: cssload-load 0.35s linear -2.76s infinite alternate; -webkit-animation: cssload-load 0.35s linear -2.76s infinite alternate; -moz-animation: cssload-load 0.35s linear -2.76s infinite alternate; } .csstscssload-load-frame .tscssload-dot:nth-child(25) { background: #2050df; animation: cssload-load 0.35s linear -2.88s infinite alternate; -o-animation: cssload-load 0.35s linear -2.88s infinite alternate; -ms-animation: cssload-load 0.35s linear -2.88s infinite alternate; -webkit-animation: cssload-load 0.35s linear -2.88s infinite alternate; -moz-animation: cssload-load 0.35s linear -2.88s infinite alternate; } @keyframes cssload-load { 100% { opacity: 0; transform: scale(0.5); } } @-o-keyframes cssload-load { 100% { opacity: 0; -o-transform: scale(0.5); } } @-ms-keyframes cssload-load { 100% { opacity: 0; -ms-transform: scale(0.5); } } @-webkit-keyframes cssload-load { 100% { opacity: 0; -webkit-transform: scale(0.5); } } @-moz-keyframes cssload-load { 100% { opacity: 0; -moz-transform: scale(0.5); } } ================================================ FILE: public/admin/css/responsive.css ================================================ /* Normal desktop :992px. */ @media (min-width: 992px) and (max-width: 1169px) { /* Header Css */ .admin-logo{ text-align:center; } .buy-button{ text-align:center; margin-bottom:20px; } .header-top-menu ul.header-top-nav{ text-align:center; } /* form Css */ .login-input-head { padding-left: 0px; } .login-input-head p { padding-bottom: 0px; } .login-title { padding: 30px 0px; } .login-input-area, .login-textarea-area { margin-right: 0px; } .col-lg-5.col-md-5.col-sm-0.col-xs-12{ display:none; } .nav-tabs.custom-menu-wrap li a, .nav-tabs.custom-menu-wrap li.open a { padding: 15px 20px; } .col-lg-3.col-md-3.col-sm-12.col-xs-12.desplay-n-tablet{ display:none; } ul.message-list-menu li .message-info { width: 311px; } .desplay-n-tablet-pro{ display:none; } .daily-feed-content { padding-bottom: 70px; } .daily-feed-content .message-feed-single { margin: 15px 0px 0px 175px; } .knob-single { margin-bottom: 20px; } .input-mask-title { text-align: left; } .alert-success-style1::after, .alert-success-style2::after, .alert-success-style3::after, .alert-success-style4::after { right: 70px; } .ant-res-t-30{ margin-top:30px; } .basic-ele-mg-b-10{ margin-bottom:10px; } .basic-ele-mg-t-20{ margin-top:20px; } .basic-res-b-30{ margin-bottom:30px; } .basic-ds-n{ display:none; } .pull-right.pull-right-pro { float: left !important; } .ntn-b-mg-30{ margin-bottom:30px; } .c3-b-mg-30{ margin-bottom:30px; } .code-b-mg-30{ margin-bottom:30px; } .compose-b-mg-30{ margin-bottom:30px; } .compose-email-to, .compose-multiple-email { margin-top: 0px; } .view-mail-reply-list ul.view-mail-forword li { padding-left: 5px; } .view-mail-reply-list ul.view-mail-forword li a { padding: 4px 7px; } .compose-email-to, .compose-multiple-email { text-align: left; } .ct-map-b-mg-30{ margin-bottom:30px; } .ct-google-map-b-mg-30{ margin-bottom:30px; } .mg-t-40.mg-google-map-n{ margin-top: 0px; } .ln-ch-mg-b{ margin-bottom:30px; } .md-mg-modal-b{ margin-bottom:30px; } .password-mt-b{ margin-bottom:30px; } .pdf-single-pro.shadow-reset .media { width: 100% !important; overflow-x: auto; overflow-y: auto; height: 100%; } .peity-mg-b-30{ margin-bottom:30px; } .preloader-mg-b-30{ margin-bottom:30px; } .profile-res-mg-b-30{ margin-bottom:30px; } .profile-time-ds-none{ display:none; } .progress-circular , .progress-circular1{ text-align: center; } .user-profile-comment-input { margin-top: 10px; } .profile-online-mg-t-30 { margin-top: 30px; } .profile-user-post-content p { margin: 0px 0px 15px 0px; } .profile-details-name-nn{ display:none; } .tab-content.res-tab-content-project{ margin-top:15px; } .user-profile-comment-img.projuct-details-img-tab { text-align: left; margin-bottom: 10px; } .rating-project-respons { margin-top: 20px; } .round-mg-t-30-gl{ margin-top: 30px; } .sparkel-pro-mg-t-30{ margin-top: 30px; } .widget-ov-mg-t-l-30{ margin-top: 30px; } .tabl-d-n{ display:none; } .darklayout .knob-single input { right: 130px; } } /* Tablet desktop :768px. */ @media (min-width: 768px) and (max-width: 991px) { .header-top-menu{ display:none; } .mobile-menu-area{ display:block; } /* Header Css */ .admin-logo{ text-align:center; margin-top:10px; } .buy-button{ text-align:center; margin-bottom:20px; } /* accordion Css */ .responsive-accordion{ margin-bottom:30px !important; } /* form Css */ .login-input-head { padding-left: 0px; } .login-input-head p { padding-bottom: 0px; } .login-title { padding: 30px 0px; } .login-input-area, .login-textarea-area { margin-right: 0px; } .main-menu-area{ display:none; } .res-mg-t{ margin-top:40px; } ul.message-list-menu li .message-info { width: 84%; } .dashone-adminprowrap.shadow-reset.mg-b-30 { text-align: center; } .dashone-doughnut { padding: 0px 295px; } .res-mg-t-30{ margin-top:30px; } .col-lg-5.col-md-5.col-sm-0.col-xs-12{ display:none; } .admin-logo { margin-top: 0px; text-align:left; } .header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.dropdown-menu { z-index: 9999999999; } .header-right-info ul.header-right-menu li .author-message-top, .header-right-info ul.header-right-menu li .notification-author, .header-right-info ul.header-right-menu li .author-log { z-index: 9999999999; } .mobile-menu-area .mean-container a.meanmenu-reveal { padding: 13px 0px 11px; } .daily-feed-content .message-feed-single { margin: 15px 0px 0px 130px; } .daily-feed-content { padding-bottom: 70px; } .knob-single { margin-bottom: 20px; } .input-mask-title { text-align: left; } .alert-success-style1::after, .alert-success-style2::after, .alert-success-style3::after, .alert-success-style4::after { right: 51px; } .ant-res-b-30{ margin-bottom:30px; } .ant-res-b-30.ant-res-b-nt-30{ margin-bottom:0px; } .ant-res-b-30.ant-res-b2-30{ margin-bottom:0px; } .basic-ele-mg-b-10{ margin-bottom:10px; } .basic-ele-mg-t-20{ margin-top:20px; } .basic-res-b-30{ margin-bottom:30px; } .basic-ds-n{ display:none; } .pull-right.pull-right-pro { float: left !important; } .ntn-b-mg-30{ margin-bottom:30px; } .c3-b-mg-30{ margin-bottom:30px; } .code-b-mg-30{ margin-bottom:30px; } .compose-b-mg-30{ margin-bottom:30px; } .compose-email-to, .compose-multiple-email { margin-top: 0px; } .view-mail-reply-list ul.view-mail-forword li { padding-left: 5px; } .view-mail-reply-list ul.view-mail-forword li a { padding: 4px 7px; } .compose-email-to, .compose-multiple-email { text-align: left; } .ct-client-b-mg-30{ margin-bottom:30px; } .ct-client-ds-n{ display:none; } .ct-client-b-mg-30.ct-client-b-mg-30-n{ margin-bottom:0px; } .ct-map-b-mg-30{ margin-bottom:30px; } .ct-map-b-mg-30{ margin-bottom:30px; } .ct-google-map-b-mg-30{ margin-bottom:30px; } .map-mg-t-40-gl{ margin-top:40px; } .preview-img-pro-ad{ margin-top:30px; } .ln-ch-mg-b{ margin-bottom:30px; } .md-mg-modal-b{ margin-bottom:30px; } .password-mt-b{ margin-bottom:30px; } .pdf-single-pro.shadow-reset .media { width: 100% !important; overflow-x: auto; overflow-y: auto; height: 100%; } .peity-mg-b-30{ margin-bottom:30px; } .preloader-mg-b-30{ margin-bottom:30px; } .profile-res-mg-b-30{ margin-bottom:30px; } .profile-time-ds-none{ display:none; } .progress-circular , .progress-circular1{ text-align: center; } .user-profile-comment-input { margin-top: 10px; } .profile-online-mg-t-30 { margin-top: 30px; } .profile-user-post-content p { margin: 0px 0px 15px 0px; } .profile-details-name-nn{ display:none; } .tab-content.res-tab-content-project{ margin-top:15px; } .user-profile-comment-img.projuct-details-img-tab { text-align: left; margin-bottom: 10px; } .project-details-mg-t-30{ margin-top: 30px; } .rating-project-respons { margin-top: 20px; } .round-mg-t-30-gl{ margin-top: 30px; } .sparkel-pro-mg-t-30{ margin-top: 30px; } .view-mail-ov-mg-t-30{ margin-top: 30px; } .widget-ov-mg-t-n-30{ margin-top: 30px; } .progress-circular4, .progress-circular3, .progress-circular2, .progress-circular1 { text-align: center; } /* Dark Layout Css */ .left-sidebar-pro{ display:none; } .wrapper-pro{ display:block; } #sidebarCollapse{ display:none; } .fixed-header-top{ position:relative; } .des-none{ display:block; } .small-dn{ display:none; } ul.message-list-menu li .message-time { float: right; } .logo-wrap-pro{ display:block; } .mini-navbar .content-inner-all { margin-left: 0px; transition: all 0.3s; } .content-inner-all { margin-left: 0px; transition: all 0.3s; } .fixed-header-top { left: 0px; } .darklayout .knob-single input { right: 120px; } } /* small mobile :320px. */ @media (max-width: 767px) { .container {width:300px} .header-top-menu{ display:none; } .mobile-menu-area{ display:block; } /* Header Css */ .admin-logo{ text-align:center; margin-top:10px; } .buy-button{ text-align:center; margin-bottom:20px; } /* accordion Css */ .responsive-accordion{ margin-bottom:30px !important; } /* Button Css */ .responsive-btn .btn{ margin-bottom:10px !important; } .responsive-btn .btn-button-ct{ margin-bottom:10px !important; } /* form Css */ .login-input-head { padding-left: 0px; } .login-input-head p { padding-bottom: 0px; } .login-title { padding: 30px 0px; } .login-input-area, .login-textarea-area { margin-right: 0px; } /* dropzone Css */ .dropzone-custom-sys, .tab-content-details { padding: 30px 20px; } /* review Css */ .review-title { text-align: center; } .review-rating { padding: 0 30px; } .login-button-pro { text-align: center; } /* tabs Css */ .nav-tabs.custom-menu-wrap li a { margin-bottom:10px; } /* Dashboard v.1 Css */ .header-right-info .admin-name{ display:none; } .header-right-info .navbar-nav { float: none; padding: 17px 0px; width: 100%; text-align:center; } .header-right-info ul.header-right-menu li .author-log { left: -65px; } .header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.dropdown-menu { left: -196px; width: 307px; } .header-right-info ul.header-right-menu li .notification-author { left: -84px; } .header-right-info ul.header-right-menu li .author-message-top, .header-right-info ul.header-right-menu li .notification-author, .header-right-info ul.header-right-menu li .author-log { width: 307px; } .header-right-info .author-message-top::before{ right: 63%; } .header-right-info ul.header-right-menu li .author-message-top { left: -78px; } .header-right-info .notification-author::before { right: 63%; } .main-menu-area{ display:none; } .res-mg-t{ margin-top:40px; } .res-mg-t-30{ margin-top:30px; } .res-mg-b-10{ margin-bottom:10px; } ul.message-list-menu li .message-time { text-align: right; width: 43%; display: block; } ul.message-list-menu li .message-info { width: 190px; } .header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.dropdown-menu { z-index: 9999999999; } .header-right-info ul.header-right-menu li .author-message-top, .header-right-info ul.header-right-menu li .notification-author, .header-right-info ul.header-right-menu li .author-log { z-index: 9999999999; } .dashone-doughnut { padding: 0px 68px; } .datatable-dashv1-list .pull-right{ text-align:center; } .icon-date-timeline { text-align: center; } .timeline-content { padding: 15px 10px; } .mCSB_inside > .mCSB_container { margin-right: 15px; } .icon-date-timeline { border-right: 1px solid #ccc; } .timeline-content { border-left: 1px solid #ccc; } .mobile-menu-area .mean-container a.meanmenu-reveal { padding: 13px 0px 11px; } .custom-datatable-overright .fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail { margin-right: 5px; } .res-ds-n{ display:none; } .res-ds-n-t{ display:none; } .daily-feed-content .message-feed-single { margin: 15px 0px 0px 30px; } .knob-single { margin-bottom: 20px; } .input-mask-title { text-align: left; } .alert-success-style1 p, .alert-success-style2 p, .alert-success-style3 p, .alert-success-style4 p { margin: 0px 20px 0px 50px; } .alert-success-style1 .icon-sc-cl, .alert-success-style2 .icon-sc-cl, .alert-success-style3 .icon-sc-cl, .alert-success-style4 .icon-sc-cl { right: -10px; } .ant-res-b-30{ margin-bottom:30px; } .basic-ele-mg-b-10{ margin-bottom:10px; } .basic-ele-mg-t-20{ margin-top:20px; } .basic-res-b-30{ margin-bottom:30px; } .basic-ds-n{ display:none; } .pull-right.pull-right-pro { float: left !important; } .ntn-b-mg-30{ margin-bottom:30px; } .c3-b-mg-30{ margin-bottom:30px; } .code-b-mg-30{ margin-bottom:30px; } .compose-b-mg-30{ margin-bottom:30px; } .view-mail-action{ display:none; } .mail-title h2 { text-align: center; } .compose-email-to, .compose-multiple-email { margin-top: 0px; } .view-mail-reply-list ul.view-mail-forword li { padding-left: 5px; } .view-mail-reply-list ul.view-mail-forword li a { padding: 4px 7px; } .c3-ds-n{ display:none; } .ct-client-b-mg-30{ margin-bottom:30px; } .ct-map-b-mg-30{ margin-bottom:30px; } .table-project-n{ display:none; } .ct-google-map-b-mg-30{ margin-bottom:30px; } .map-mg-t-40-gl{ margin-top:40px; } .preview-img-pro-ad{ margin-top:30px; } .cropper-container { left: 0px !important; } .img-cropper-cp{ margin-bottom:10px; } .img-cropper-cp-t{ margin-top:10px; } .ln-ch-mg-b{ margin-bottom:30px; } .md-mg-modal-b{ margin-bottom:30px; } .password-mt-b{ margin-bottom:30px; } .password-mt-none{ display:none; } .pdf-single-pro.shadow-reset .media, .project-details-completeness { width: 100% !important; overflow-x: auto; overflow-y: auto; height: 100%; } .peity-mg-b-30{ margin-bottom:30px; } .peity-res-scroll, .res-tree-ov{ width: 100% !important; overflow-x: auto; overflow-y: auto; height: 100%; } .preloader-mg-b-30{ margin-bottom:30px; } .user-profile-post-action .comment-action-st, .user-profile-post-action .comment-action-st.in { width: 85%; } .profile-res-mg-b-30{ margin-bottom:30px; } .profile-time-ds-none{ display:none; } .progress-circular , .progress-circular1{ text-align: center; } .user-profile-comment-input { margin-top: 10px; } .profile-online-mg-t-30 { margin-top: 30px; } .project-details-mg { margin:0px !important; } .project-details-st { text-align: left; margin-top: 20px; } .profile-details-name-nn{ display:none; } .nav.res-pd-less-sm > li > a{ padding: 10px 9px; } .tab-content.res-tab-content-project{ margin-top:15px; } .user-profile-comment-img.projuct-details-img-tab { text-align: left; margin-bottom: 10px; } .project-details-mg-t-30{ margin-top: 30px; } .rating-project-respons { margin-top: 20px; } .round-mg-t-30-gl{ margin-top: 30px; } .sparkel-pro-mg-t-30{ margin-top: 30px; } .nav-tabs.custom-menu-wrap li a{ padding: 15px 15px; } .view-mail-ov-mg-t-30{ margin-top: 30px; } .view-mail-ov-d-n{ display:none; } .mail-title h2 { text-align: left; } .view-author-mail .view-mail-date { float: left; } .view-mail-mg-b-10 { margin-bottom: 10px; } .widget-ov-mg-t-30{ margin-top: 30px; } .progress-circular4, .progress-circular3, .progress-circular2, .progress-circular1 { text-align: center; } /* Dark Layout Css */ .left-sidebar-pro{ display:none; } .wrapper-pro{ display:block; } #sidebarCollapse{ display:none; } .fixed-header-top{ position:relative; } .des-none{ display:block; } .small-dn{ display:none; } .breadcome-heading h2 { font-size: 18px; } ul.message-list-menu li .message-time { width: 20%; float: right; } #sparklinedask1 { text-align: center; } .dashone-doughnut { text-align: center; } .dash-adminpro-project-title { text-align: center; } .project-dashone-phara { text-align: center; } .logo-wrap-pro{ display:block; } .icon-date-timeline { border-right: 0px solid #ccc; } .timeline-content { border-left: 0px solid #ccc; text-align:center; } .bs-bars.pull-left, .fixed-table-toolbar .columns { width: 100%; text-align:center; } .datatable-dashv1-list .pull-right { width: 100%; text-align:center; } .mini-navbar .content-inner-all { margin-left: 0px; transition: all 0.3s; } .content-inner-all { margin-left: 0px; transition: all 0.3s; } .fixed-header-top { left: 0px; } .darklayout .knob-single input { right: 120px; } .mobile-menu-area{ display:block; } } /* Large Mobile :480px. */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container {width:450px} .header-top-menu{ display:none; } .mobile-menu-area{ display:block; } /* review Css */ .review-title { text-align: center; } .review-rating { padding: 0 110px; } .login-button-pro { text-align: center; } ul.message-list-menu li .message-time { text-align: right; display: inline; } ul.message-list-menu li .message-info { width: 275px; } .dash-adminpro-project-title { text-align: center; } .project-dashone-phara { text-align: center; } .dashone-doughnut { padding: 0px 145px; } .daily-feed-content .message-feed-single { margin: 15px 0px 0px 90px; } .res-ds-n-t{ display:block; } .daily-feed-content h4 { font-size: 16px; } .alert-success-style1 .icon-sc-cl, .alert-success-style2 .icon-sc-cl, .alert-success-style3 .icon-sc-cl, .alert-success-style4 .icon-sc-cl { right: -5px; } .mail-title h2 { text-align: left; } .compose-email-to, .compose-multiple-email { text-align: left; } .view-mail-action{ display:block; } .table-project-n{ display:inline-block; } .view-mail-ov-d-n{ display:none; } .darklayout .knob-single input { right: 240px; } } ================================================ FILE: public/admin/css/select2-bootstrap.css ================================================ .form-control .select2-choice { border: 0; border-radius: 2px; } .form-control .select2-choice .select2-arrow { border-radius: 0 2px 2px 0; } .form-control.select2-container { height: auto !important; padding: 0px; } .form-control.select2-container.select2-dropdown-open { border-color: #5897FB; border-radius: 3px 3px 0 0; } .form-control .select2-container.select2-dropdown-open .select2-choices { border-radius: 3px 3px 0 0; } .form-control.select2-container .select2-choices { border: 0 !important; border-radius: 3px; } .control-group.warning .select2-container .select2-choice, .control-group.warning .select2-container .select2-choices, .control-group.warning .select2-container-active .select2-choice, .control-group.warning .select2-container-active .select2-choices, .control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.warning .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #C09853 !important; } .control-group.warning .select2-container .select2-choice div { border-left: 1px solid #C09853 !important; background: #FCF8E3 !important; } .control-group.error .select2-container .select2-choice, .control-group.error .select2-container .select2-choices, .control-group.error .select2-container-active .select2-choice, .control-group.error .select2-container-active .select2-choices, .control-group.error .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.error .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.error .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #B94A48 !important; } .control-group.error .select2-container .select2-choice div { border-left: 1px solid #B94A48 !important; background: #F2DEDE !important; } .control-group.info .select2-container .select2-choice, .control-group.info .select2-container .select2-choices, .control-group.info .select2-container-active .select2-choice, .control-group.info .select2-container-active .select2-choices, .control-group.info .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.info .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.info .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #3A87AD !important; } .control-group.info .select2-container .select2-choice div { border-left: 1px solid #3A87AD !important; background: #D9EDF7 !important; } .control-group.success .select2-container .select2-choice, .control-group.success .select2-container .select2-choices, .control-group.success .select2-container-active .select2-choice, .control-group.success .select2-container-active .select2-choices, .control-group.success .select2-dropdown-open.select2-drop-above .select2-choice, .control-group.success .select2-dropdown-open.select2-drop-above .select2-choices, .control-group.success .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #468847 !important; } .control-group.success .select2-container .select2-choice div { border-left: 1px solid #468847 !important; background: #DFF0D8 !important; } ================================================ FILE: public/admin/css/select2.css ================================================ /* Version: 3.4.4 Timestamp: Thu Oct 24 13:23:11 PDT 2013 */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(top, #fff 0%, #eee 50%); } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #eee 0%, #fff 90%); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('select2.png') right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(top, #ccc 0%, #eee 60%); } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url('select2.png') no-repeat 0 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url('select2.png') no-repeat 100% -22px; background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%); } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url('select2-spinner.gif') no-repeat 100%; background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(top, #fff 0%, #eee 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(bottom, #fff 0%, #eee 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(top, #eee 1%, #fff 15%); } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('select2-spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('select2.png') right top no-repeat; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url('select2x2.png') !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } ================================================ FILE: public/admin/css/summernote.css ================================================ @font-face{font-family:"summernote";font-style:normal;font-weight:normal;src:url("./font/summernote.eot?0d0d5fac99cc8774d89eb08b1a8323c4");src:url("./font/summernote.eot?#iefix") format("embedded-opentype"),url("./font/summernote.woff?0d0d5fac99cc8774d89eb08b1a8323c4") format("woff"),url("./font/summernote.ttf?0d0d5fac99cc8774d89eb08b1a8323c4") format("truetype")}[class^="note-icon-"]:before,[class*=" note-icon-"]:before{display:inline-block;font:normal normal normal 14px summernote;font-size:inherit;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;speak:none;-moz-osx-font-smoothing:grayscale}.note-icon-align-center:before,.note-icon-align-indent:before,.note-icon-align-justify:before,.note-icon-align-left:before,.note-icon-align-outdent:before,.note-icon-align-right:before,.note-icon-align:before,.note-icon-arrow-circle-down:before,.note-icon-arrow-circle-left:before,.note-icon-arrow-circle-right:before,.note-icon-arrow-circle-up:before,.note-icon-arrows-alt:before,.note-icon-arrows-h:before,.note-icon-arrows-v:before,.note-icon-bold:before,.note-icon-caret:before,.note-icon-chain-broken:before,.note-icon-circle:before,.note-icon-close:before,.note-icon-code:before,.note-icon-col-after:before,.note-icon-col-before:before,.note-icon-col-remove:before,.note-icon-eraser:before,.note-icon-font:before,.note-icon-frame:before,.note-icon-italic:before,.note-icon-link:before,.note-icon-magic:before,.note-icon-menu-check:before,.note-icon-minus:before,.note-icon-orderedlist:before,.note-icon-pencil:before,.note-icon-picture:before,.note-icon-question:before,.note-icon-redo:before,.note-icon-row-above:before,.note-icon-row-below:before,.note-icon-row-remove:before,.note-icon-special-character:before,.note-icon-square:before,.note-icon-strikethrough:before,.note-icon-subscript:before,.note-icon-summernote:before,.note-icon-superscript:before,.note-icon-table:before,.note-icon-text-height:before,.note-icon-trash:before,.note-icon-underline:before,.note-icon-undo:before,.note-icon-unorderedlist:before,.note-icon-video:before{display:inline-block;font-family:"summernote";font-style:normal;font-weight:normal;text-decoration:inherit}.note-icon-align-center:before{content:"\f101"}.note-icon-align-indent:before{content:"\f102"}.note-icon-align-justify:before{content:"\f103"}.note-icon-align-left:before{content:"\f104"}.note-icon-align-outdent:before{content:"\f105"}.note-icon-align-right:before{content:"\f106"}.note-icon-align:before{content:"\f107"}.note-icon-arrow-circle-down:before{content:"\f108"}.note-icon-arrow-circle-left:before{content:"\f109"}.note-icon-arrow-circle-right:before{content:"\f10a"}.note-icon-arrow-circle-up:before{content:"\f10b"}.note-icon-arrows-alt:before{content:"\f10c"}.note-icon-arrows-h:before{content:"\f10d"}.note-icon-arrows-v:before{content:"\f10e"}.note-icon-bold:before{content:"\f10f"}.note-icon-caret:before{content:"\f110"}.note-icon-chain-broken:before{content:"\f111"}.note-icon-circle:before{content:"\f112"}.note-icon-close:before{content:"\f113"}.note-icon-code:before{content:"\f114"}.note-icon-col-after:before{content:"\f115"}.note-icon-col-before:before{content:"\f116"}.note-icon-col-remove:before{content:"\f117"}.note-icon-eraser:before{content:"\f118"}.note-icon-font:before{content:"\f119"}.note-icon-frame:before{content:"\f11a"}.note-icon-italic:before{content:"\f11b"}.note-icon-link:before{content:"\f11c"}.note-icon-magic:before{content:"\f11d"}.note-icon-menu-check:before{content:"\f11e"}.note-icon-minus:before{content:"\f11f"}.note-icon-orderedlist:before{content:"\f120"}.note-icon-pencil:before{content:"\f121"}.note-icon-picture:before{content:"\f122"}.note-icon-question:before{content:"\f123"}.note-icon-redo:before{content:"\f124"}.note-icon-row-above:before{content:"\f125"}.note-icon-row-below:before{content:"\f126"}.note-icon-row-remove:before{content:"\f127"}.note-icon-special-character:before{content:"\f128"}.note-icon-square:before{content:"\f129"}.note-icon-strikethrough:before{content:"\f12a"}.note-icon-subscript:before{content:"\f12b"}.note-icon-summernote:before{content:"\f12c"}.note-icon-superscript:before{content:"\f12d"}.note-icon-table:before{content:"\f12e"}.note-icon-text-height:before{content:"\f12f"}.note-icon-trash:before{content:"\f130"}.note-icon-underline:before{content:"\f131"}.note-icon-undo:before{content:"\f132"}.note-icon-unorderedlist:before{content:"\f133"}.note-icon-video:before{content:"\f134"}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:white;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:bold;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:0}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area img.note-float-left{margin-right:10px}.note-editor .note-editing-area img.note-float-right{margin-left:10px}.note-editor.note-frame{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#000;background-color:#fff}.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%!important}.note-editor.note-frame.fullscreen .note-editable{background-color:white}.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-statusbar{background-color:#f5f5f5;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.note-editor.note-frame .note-statusbar .note-resizebar{width:100%;height:8px;padding-top:1px;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-placeholder{padding:10px}.note-popover.popover{max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-popover .popover-content,.panel-heading.note-toolbar{padding:0 0 5px 5px;margin:0}.note-popover .popover-content>.btn-group,.panel-heading.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover-content .btn-group .note-table,.panel-heading.note-toolbar .btn-group .note-table{min-width:0;padding:5px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .note-style h1,.panel-heading.note-toolbar .note-style h1,.note-popover .popover-content .note-style h2,.panel-heading.note-toolbar .note-style h2,.note-popover .popover-content .note-style h3,.panel-heading.note-toolbar .note-style h3,.note-popover .popover-content .note-style h4,.panel-heading.note-toolbar .note-style h4,.note-popover .popover-content .note-style h5,.panel-heading.note-toolbar .note-style h5,.note-popover .popover-content .note-style h6,.panel-heading.note-toolbar .note-style h6,.note-popover .popover-content .note-style blockquote,.panel-heading.note-toolbar .note-style blockquote{margin:0}.note-popover .popover-content .note-color .dropdown-toggle,.panel-heading.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover-content .note-color .dropdown-menu,.panel-heading.note-toolbar .note-color .dropdown-menu{min-width:337px}.note-popover .popover-content .note-color .dropdown-menu .note-palette,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette{display:inline-block;width:160px;margin:0}.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette:first-child{margin:0 5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset{width:100%;padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row{height:20px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover{background:#eee}.note-popover .popover-content .note-para .dropdown-menu,.panel-heading.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover-content .note-para .dropdown-menu>div:first-child,.panel-heading.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover-content .dropdown-menu,.panel-heading.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover-content .dropdown-menu.right,.panel-heading.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover-content .dropdown-menu.right::before,.panel-heading.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover-content .dropdown-menu.right::after,.panel-heading.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover-content .dropdown-menu.note-check li a i,.panel-heading.note-toolbar .dropdown-menu.note-check li a i{color:deepskyblue;visibility:hidden}.note-popover .popover-content .dropdown-menu.note-check li a.checked i,.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i{visibility:visible}.note-popover .popover-content .note-fontsize-10,.panel-heading.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover-content .note-color-palette,.panel-heading.note-toolbar .note-color-palette{line-height:1}.note-popover .popover-content .note-color-palette div .note-color-btn,.panel-heading.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .form-group{margin-right:0;margin-left:0}.note-dialog .note-modal-form{margin:0}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}@-moz-document url-prefix(){.note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:0;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;padding:3px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:white;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#428bca;outline:0} ================================================ FILE: public/admin/css/switcher/color-eight.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #0000ff} ================================================ FILE: public/admin/css/switcher/color-five.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #EE7752} ================================================ FILE: public/admin/css/switcher/color-four.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #1ab394} ================================================ FILE: public/admin/css/switcher/color-nine.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #ff0080} ================================================ FILE: public/admin/css/switcher/color-one.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #555} ================================================ FILE: public/admin/css/switcher/color-seven.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #7f8c8d} ================================================ FILE: public/admin/css/switcher/color-six.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #27ae60} ================================================ FILE: public/admin/css/switcher/color-switcher.css ================================================ /* Color Switcher */ .sidebarmain.ec-colorswitcher { left: 0px; } .ec-colorswitcher { padding: 0px; width: 260px; background: #fcfcfc; z-index: 99999999999; position: fixed; left: -260px; top: 10%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: 0 0 8px rgba(34, 30, 31, 0.3); } .ec-handle { position: absolute; right: -39px; top: 0px; background-color: #444; width: 40px; height: 40px; color: #fff; text-align: center; border: 1px solid #444; font-size: 20px; } .ec-handle i { line-height: 38px; color:#fff; } .ec-colorswitcher h3 { padding: 10px 0px 10px 20px; font-size: 18px; background-color: #fff; margin: 0px; border-top: 1px solid #e9e9e9; } .ec-colorswitcher h6 { color: #777; } .ec-switcherarea { padding: 15px 20px 20px 15px; float: left; width: 100%; } .ec-switcherarea ul.ec-switcher, .ec-switcherarea ul.ec-switcher1 { margin-left: -2px; } .ec-switcherarea .ec-switcher li, .ec-switcherarea .ec-switcher1 li { float: left; list-style: none; padding-left: 5px; margin-bottom: 5px; text-align: center; width: 20%; } .ec-switcherarea .ec-switcher li a, .ec-switcherarea .ec-switcher1 li a { float: left; width: 100%; height: 20px; } .layout-btn { margin-left: -7px; } .layout-btn a { float: left; width: 50%; padding: 0px 0px 0px 7px; margin-bottom: 15px; } .layout-btn a span { background-color: #1abc9c; color: #fff; float: left; padding: 10px; text-align: center; transition: all 0.4s ease-in-out 0s; width: 100%; } .layout-btn a span:hover { opacity: 0.7; } .ec-pattren,.ec-background { float: left; width: 100%; padding: 14px 0px 0px 0px; } .ec-pattren a,.ec-background a { float: left; width: 20%; padding: 0px 0px 5px 5px; height: 45px; } .ec-pattren a img,.ec-background a img { box-shadow: 0px 0px 0px 1px #ddd; width: 100%; } .ec-background a img { height: 100%; } .pattren-wrap,.background-wrap { margin-left: -5px; } .ec-handle i { animation: 2s linear 0s normal none infinite running fa-spin; } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .cs-color-1 { background: #555; } .cs-color-2 { background: #1c84c6; } .cs-color-3 { background: #ed5565; } .cs-color-4 { background: #1ab394; } .cs-color-5 { background: #EE7752; } .cs-color-6 { background: #27ae60; } .cs-color-7 { background: #7f8c8d; } .cs-color-8 { background: #0000ff; } .cs-color-9 { background: #ff0080; } .cs-color-10 { background: #1a0000; } ================================================ FILE: public/admin/css/switcher/color-ten.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #1a0000} ================================================ FILE: public/admin/css/switcher/color-three.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #ed5565} ================================================ FILE: public/admin/css/switcher/color-two.css ================================================ html, body {font-family: 'Open Sans', sans-serif;font-weight:400;background: #1c84c6} ================================================ FILE: public/admin/css/tab-menus.css ================================================ /*----------------------------------------*/ /* 1. Tab Menus CSS /*----------------------------------------*/ .nav-tabs.custom-menu-wrap li a{ color:#fff; } .nav-tabs.custom-menu-wrap li.active a{ color:#303030; } .nav-tabs.custom-menu-wrap li a, .nav-tabs.custom-menu-wrap li.active a{ border:1px solid transparent; padding:15px 25px; font-size:15px; } .nav-tabs.custom-menu-wrap li a:hover{ background:#303030; color:#fff; } .custom-menu-content ul.main-menu-dropdown{ position:relative; z-index:99; } .custom-menu-content ul.main-menu-dropdown li{ display:inline-block; } .custom-menu-content ul.main-menu-dropdown li a{ padding:20px 20px; display:block; color:#303030; font-size:14px; } .custom-menu-content ul.main-menu-dropdown li a:hover{ color:#353535; } .tab-custon-menu-bg{ position:relative; } .tab-custon-menu-bg:before{ position:absolute; top:0px; left:0px; width:100%; background:#fff; content:""; z-index:9; height:100%; } .tab-custon-menu-bg-style:before{ position:absolute; top:0px; left:0px; width:100%; background:#03a9f4; content:""; z-index:9; height:100%; } .menu-list-wrap .nav-tabs>li.active>a, .menu-list-wrap .nav-tabs>li.active>a:focus, .menu-list-wrap .nav-tabs>li.active>a:hover{ background:#03a9f4; } .menu-list-wrap { background: #fff; padding: 20px; } .nav-tabs.custom-menu-wrap-st li a{ color:#303030; } .tab-custon-menu-bg-style ul.main-menu-dropdown li a:hover{ color:#fff; } ================================================ FILE: public/admin/css/tabs.css ================================================ /*----------------------------------------*/ /* 1. tab CSS /*----------------------------------------*/ .custon-tab-style1{ background:#fff; padding:20px; } .custon-tab-style1 p{ font-size:14px; color:#303030; line-height:24px; } .custon-tab-menu-style1 .tab-custon-ic{ margin-right:10px; } .tab-menu-right li{ float:right } .custom-menu-wrap.custon-tab-menu-style1 li a{ margin-right:0px; } .nav-tabs.custom-menu-wrap.custon-tab-menu-style1 li a, .nav-tabs.custom-menu-wrap.custon-tab-menu-style1 li.active a{ font-size:14px; } .tab-content-details{ text-align:center; background:#fff; padding:20px 100px; margin-bottom:30px; } .tab-content-details h2{ font-size:20px; color:#303030; } .tab-content-details p{ font-size:14px; color:#303030; line-height:24px; } .nav-tabs.custom-menu-wrap li a:hover{ background:#303030; color:#fff; } .nav-tabs.custom-menu-wrap li a{ color:#fff; } .nav-tabs.custom-menu-wrap li.active a{ color:#303030; } .nav-tabs.custom-menu-wrap li.active a:hover{ color:#fff; } .nav-tabs.custom-menu-wrap li a, .nav-tabs.custom-menu-wrap li.active a{ border:1px solid transparent; padding:15px 25px; font-size:15px; } .tab-custon-menu-bg-style ul.main-menu-dropdown li a:hover{ color:#fff; } ================================================ FILE: public/admin/css/tree-viewer/tree-viewer.css ================================================ .jstree-node,.jstree-children,.jstree-container-ul{display:block;margin:0;padding:0;list-style-type:none;list-style-image:none}.jstree-node{white-space:nowrap}.jstree-anchor{display:inline-block;color:#000;white-space:nowrap;padding:0 4px 0 1px;margin:0;vertical-align:top}.jstree-anchor:focus{outline:0}.jstree-anchor,.jstree-anchor:link,.jstree-anchor:visited,.jstree-anchor:hover,.jstree-anchor:active{text-decoration:none;color:inherit}.jstree-icon{display:inline-block;text-decoration:none;margin:0;padding:0;vertical-align:top;text-align:center}.jstree-icon:empty{display:inline-block;text-decoration:none;margin:0;padding:0;vertical-align:top;text-align:center}.jstree-ocl{cursor:pointer}.jstree-leaf>.jstree-ocl{cursor:default}.jstree .jstree-open>.jstree-children{display:block}.jstree .jstree-closed>.jstree-children,.jstree .jstree-leaf>.jstree-children{display:none}.jstree-anchor>.jstree-themeicon{margin-right:2px}.jstree-no-icons .jstree-themeicon,.jstree-anchor>.jstree-themeicon-hidden{display:none}.jstree-rtl .jstree-anchor{padding:0 1px 0 4px}.jstree-rtl .jstree-anchor>.jstree-themeicon{margin-left:2px;margin-right:0}.jstree-rtl .jstree-node{margin-left:0}.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-wholerow-ul{position:relative;display:inline-block;min-width:100%}.jstree-wholerow-ul .jstree-leaf>.jstree-ocl{cursor:pointer}.jstree-wholerow-ul .jstree-anchor,.jstree-wholerow-ul .jstree-icon{position:relative}.jstree-wholerow-ul .jstree-wholerow{width:100%;cursor:pointer;position:absolute;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vakata-context{display:none}.vakata-context,.vakata-context ul{margin:0;padding:2px;position:absolute;background:#f5f5f5;border:1px solid #979797;-moz-box-shadow:5px 5px 4px -4px #666;-webkit-box-shadow:2px 2px 2px #999;box-shadow:2px 2px 2px #999}.vakata-context ul{list-style:none;left:100%;margin-top:-2.7em;margin-left:-4px}.vakata-context .vakata-context-right ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context li{list-style:none;display:inline}.vakata-context li>a{display:block;padding:0 2em;text-decoration:none;width:auto;color:#000;white-space:nowrap;line-height:2.4em;-moz-text-shadow:1px 1px 0 #fff;-webkit-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}.vakata-context li>a:hover{position:relative;background-color:#e8eff7;-moz-box-shadow:0 0 2px #0a6aa1;-webkit-box-shadow:0 0 2px #0a6aa1;box-shadow:0 0 2px #0a6aa1}.vakata-context li>a.vakata-context-parent{background-image:url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);background-position:right center;background-repeat:no-repeat}.vakata-context li>a:focus{outline:0}.vakata-context .vakata-context-hover>a{position:relative;background-color:#e8eff7;-moz-box-shadow:0 0 2px #0a6aa1;-webkit-box-shadow:0 0 2px #0a6aa1;box-shadow:0 0 2px #0a6aa1}.vakata-context .vakata-context-separator>a,.vakata-context .vakata-context-separator>a:hover{background:#fff;border:0;border-top:1px solid #e2e3e3;height:1px;min-height:1px;max-height:1px;padding:0;margin:0 0 0 2.4em;border-left:1px solid #e0e0e0;-moz-text-shadow:0 0 0 transparent;-webkit-text-shadow:0 0 0 transparent;text-shadow:0 0 0 transparent;-moz-box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.vakata-context .vakata-contextmenu-disabled a,.vakata-context .vakata-contextmenu-disabled a:hover{color:silver;background-color:transparent;border:0;box-shadow:0 0 0}.vakata-context li>a>i{text-decoration:none;display:inline-block;width:2.4em;height:2.4em;background:0 0;margin:0 0 0 -2em;vertical-align:top;text-align:center;line-height:2.4em}.vakata-context li>a>i:empty{width:2.4em;line-height:2.4em}.vakata-context li>a .vakata-contextmenu-sep{display:inline-block;width:1px;height:2.4em;background:#fff;margin:0 .5em 0 0;border-left:1px solid #e2e3e3}.vakata-context .vakata-contextmenu-shortcut{font-size:.8em;color:silver;opacity:.5;display:none}.vakata-context-rtl ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context-rtl li>a.vakata-context-parent{background-image:url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);background-position:left center;background-repeat:no-repeat}.vakata-context-rtl .vakata-context-separator>a{margin:0 2.4em 0 0;border-left:0;border-right:1px solid #e2e3e3}.vakata-context-rtl .vakata-context-left ul{right:auto;left:100%;margin-left:-4px;margin-right:auto}.vakata-context-rtl li>a>i{margin:0 -2em 0 0}.vakata-context-rtl li>a .vakata-contextmenu-sep{margin:0 0 0 .5em;border-left-color:#fff;background:#e2e3e3}#jstree-marker{position:absolute;top:0;left:0;margin:-5px 0 0 0;padding:0;border-right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid;width:0;height:0;font-size:0;line-height:0}#jstree-dnd{line-height:16px;margin:0;padding:4px}#jstree-dnd .jstree-icon,#jstree-dnd .jstree-copy{display:inline-block;text-decoration:none;margin:0 2px 0 0;padding:0;width:16px;height:16px}#jstree-dnd .jstree-ok{background:green}#jstree-dnd .jstree-er{background:red}#jstree-dnd .jstree-copy{margin:0 2px}.jstree-default .jstree-node,.jstree-default .jstree-icon{background-repeat:no-repeat;background-color:transparent}.jstree-default .jstree-anchor,.jstree-default .jstree-wholerow{transition:background-color .15s,box-shadow .15s}.jstree-default .jstree-hovered{background:#e7f4f9;border-radius:2px;box-shadow:inset 0 0 1px #ccc}.jstree-default .jstree-clicked{background:#beebff;border-radius:2px;box-shadow:inset 0 0 1px #999}.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon{display:none}.jstree-default .jstree-disabled{background:0 0;color:#666}.jstree-default .jstree-disabled.jstree-hovered{background:0 0;box-shadow:none}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-disabled>.jstree-icon{opacity:.8;filter:url("data:image/svg+xml;utf8,#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default .jstree-search{font-style:italic;color:#8b0000;font-weight:700}.jstree-default .jstree-no-checkboxes .jstree-checkbox{display:none!important}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked{background:0 0;box-shadow:none}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{background:#e7f4f9}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked{background:0 0}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered{background:#e7f4f9}.jstree-default>.jstree-striped{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat}.jstree-default>.jstree-wholerow-ul .jstree-hovered,.jstree-default>.jstree-wholerow-ul .jstree-clicked{background:0 0;box-shadow:none;border-radius:0}.jstree-default .jstree-wholerow{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.jstree-default .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default .jstree-wholerow-clicked{background:#beebff;background:-moz-linear-gradient(top,#beebff 0,#a8e4ff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#beebff),color-stop(100%,#a8e4ff));background:-webkit-linear-gradient(top,#beebff 0,#a8e4ff 100%);background:-o-linear-gradient(top,#beebff 0,#a8e4ff 100%);background:-ms-linear-gradient(top,#beebff 0,#a8e4ff 100%);background:linear-gradient(to bottom,#beebff 0,#a8e4ff 100%)}.jstree-default .jstree-node{min-height:24px;line-height:24px;margin-left:24px;min-width:24px}.jstree-default .jstree-anchor{line-height:24px;height:24px}.jstree-default .jstree-icon{width:24px;height:24px;line-height:24px}.jstree-default .jstree-icon:empty{width:24px;height:24px;line-height:24px}.jstree-default.jstree-rtl .jstree-node{margin-right:24px}.jstree-default .jstree-wholerow{height:24px}.jstree-default .jstree-node,.jstree-default .jstree-icon{background-image:url(32px.png)}.jstree-default .jstree-node{background-position:-292px -4px;background-repeat:repeat-y}.jstree-default .jstree-last{background:0 0}.jstree-default .jstree-open>.jstree-ocl{background-position:-132px -4px}.jstree-default .jstree-closed>.jstree-ocl{background-position:-100px -4px}.jstree-default .jstree-leaf>.jstree-ocl{background-position:-68px -4px}.jstree-default .jstree-themeicon{background-position:-260px -4px}.jstree-default>.jstree-no-dots .jstree-node,.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -4px}.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -4px}.jstree-default .jstree-disabled{background:0 0}.jstree-default .jstree-disabled.jstree-hovered{background:0 0}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-checkbox{background-position:-164px -4px}.jstree-default .jstree-checkbox:hover{background-position:-164px -36px}.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default .jstree-checked>.jstree-checkbox{background-position:-228px -4px}.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default .jstree-checked>.jstree-checkbox:hover{background-position:-228px -36px}.jstree-default .jstree-anchor>.jstree-undetermined{background-position:-196px -4px}.jstree-default .jstree-anchor>.jstree-undetermined:hover{background-position:-196px -36px}.jstree-default>.jstree-striped{background-size:auto 48px}.jstree-default.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default.jstree-rtl .jstree-last{background:0 0}.jstree-default.jstree-rtl .jstree-open>.jstree-ocl{background-position:-132px -36px}.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-100px -36px}.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-68px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -36px}.jstree-default .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default .jstree-file{background:url(32px.png) -100px -68px no-repeat}.jstree-default .jstree-folder{background:url(32px.png) -260px -4px no-repeat}.jstree-default>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default{line-height:24px;padding:0 4px}#jstree-dnd.jstree-default .jstree-ok,#jstree-dnd.jstree-default .jstree-er{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default i{background:0 0;width:24px;height:24px;line-height:24px}#jstree-dnd.jstree-default .jstree-ok{background-position:-4px -68px}#jstree-dnd.jstree-default .jstree-er{background-position:-36px -68px}.jstree-default.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==)}.jstree-default.jstree-rtl .jstree-last{background:0 0}.jstree-default-small .jstree-node{min-height:18px;line-height:18px;margin-left:18px;min-width:18px}.jstree-default-small .jstree-anchor{line-height:18px;height:18px}.jstree-default-small .jstree-icon{width:18px;height:18px;line-height:18px}.jstree-default-small .jstree-icon:empty{width:18px;height:18px;line-height:18px}.jstree-default-small.jstree-rtl .jstree-node{margin-right:18px}.jstree-default-small .jstree-wholerow{height:18px}.jstree-default-small .jstree-node,.jstree-default-small .jstree-icon{background-image:url(32px.png)}.jstree-default-small .jstree-node{background-position:-295px -7px;background-repeat:repeat-y}.jstree-default-small .jstree-last{background:0 0}.jstree-default-small .jstree-open>.jstree-ocl{background-position:-135px -7px}.jstree-default-small .jstree-closed>.jstree-ocl{background-position:-103px -7px}.jstree-default-small .jstree-leaf>.jstree-ocl{background-position:-71px -7px}.jstree-default-small .jstree-themeicon{background-position:-263px -7px}.jstree-default-small>.jstree-no-dots .jstree-node,.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -7px}.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -7px}.jstree-default-small .jstree-disabled{background:0 0}.jstree-default-small .jstree-disabled.jstree-hovered{background:0 0}.jstree-default-small .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-small .jstree-checkbox{background-position:-167px -7px}.jstree-default-small .jstree-checkbox:hover{background-position:-167px -39px}.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-small .jstree-checked>.jstree-checkbox{background-position:-231px -7px}.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-small .jstree-checked>.jstree-checkbox:hover{background-position:-231px -39px}.jstree-default-small .jstree-anchor>.jstree-undetermined{background-position:-199px -7px}.jstree-default-small .jstree-anchor>.jstree-undetermined:hover{background-position:-199px -39px}.jstree-default-small>.jstree-striped{background-size:auto 36px}.jstree-default-small.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default-small.jstree-rtl .jstree-last{background:0 0}.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl{background-position:-135px -39px}.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-103px -39px}.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-71px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -39px}.jstree-default-small .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default-small .jstree-file{background:url(32px.png) -103px -71px no-repeat}.jstree-default-small .jstree-folder{background:url(32px.png) -263px -7px no-repeat}.jstree-default-small>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-small{line-height:18px;padding:0 4px}#jstree-dnd.jstree-default-small .jstree-ok,#jstree-dnd.jstree-default-small .jstree-er{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-small i{background:0 0;width:18px;height:18px;line-height:18px}#jstree-dnd.jstree-default-small .jstree-ok{background-position:-7px -71px}#jstree-dnd.jstree-default-small .jstree-er{background-position:-39px -71px}.jstree-default-small.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==)}.jstree-default-small.jstree-rtl .jstree-last{background:0 0}.jstree-default-large .jstree-node{min-height:32px;line-height:32px;margin-left:32px;min-width:32px}.jstree-default-large .jstree-anchor{line-height:32px;height:32px}.jstree-default-large .jstree-icon{width:32px;height:32px;line-height:32px}.jstree-default-large .jstree-icon:empty{width:32px;height:32px;line-height:32px}.jstree-default-large.jstree-rtl .jstree-node{margin-right:32px}.jstree-default-large .jstree-wholerow{height:32px}.jstree-default-large .jstree-node,.jstree-default-large .jstree-icon{background-image:url(32px.png)}.jstree-default-large .jstree-node{background-position:-288px 0;background-repeat:repeat-y}.jstree-default-large .jstree-last{background:0 0}.jstree-default-large .jstree-open>.jstree-ocl{background-position:-128px 0}.jstree-default-large .jstree-closed>.jstree-ocl{background-position:-96px 0}.jstree-default-large .jstree-leaf>.jstree-ocl{background-position:-64px 0}.jstree-default-large .jstree-themeicon{background-position:-256px 0}.jstree-default-large>.jstree-no-dots .jstree-node,.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px 0}.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 0}.jstree-default-large .jstree-disabled{background:0 0}.jstree-default-large .jstree-disabled.jstree-hovered{background:0 0}.jstree-default-large .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-large .jstree-checkbox{background-position:-160px 0}.jstree-default-large .jstree-checkbox:hover{background-position:-160px -32px}.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-large .jstree-checked>.jstree-checkbox{background-position:-224px 0}.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-large .jstree-checked>.jstree-checkbox:hover{background-position:-224px -32px}.jstree-default-large .jstree-anchor>.jstree-undetermined{background-position:-192px 0}.jstree-default-large .jstree-anchor>.jstree-undetermined:hover{background-position:-192px -32px}.jstree-default-large>.jstree-striped{background-size:auto 64px}.jstree-default-large.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default-large.jstree-rtl .jstree-last{background:0 0}.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl{background-position:-128px -32px}.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-96px -32px}.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-64px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 -32px}.jstree-default-large .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default-large .jstree-file{background:url(32px.png) -96px -64px no-repeat}.jstree-default-large .jstree-folder{background:url(32px.png) -256px 0 no-repeat}.jstree-default-large>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-large{line-height:32px;padding:0 4px}#jstree-dnd.jstree-default-large .jstree-ok,#jstree-dnd.jstree-default-large .jstree-er{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-large i{background:0 0;width:32px;height:32px;line-height:32px}#jstree-dnd.jstree-default-large .jstree-ok{background-position:0 -64px}#jstree-dnd.jstree-default-large .jstree-er{background-position:-32px -64px}.jstree-default-large.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==)}.jstree-default-large.jstree-rtl .jstree-last{background:0 0}@media (max-width:768px){#jstree-dnd.jstree-dnd-responsive{line-height:40px;font-weight:700;font-size:1.1em;text-shadow:1px 1px #fff}#jstree-dnd.jstree-dnd-responsive>i{background:0 0;width:40px;height:40px}#jstree-dnd.jstree-dnd-responsive>.jstree-ok{background-image:url(40px.png);background-position:0 -200px;background-size:120px 240px}#jstree-dnd.jstree-dnd-responsive>.jstree-er{background-image:url(40px.png);background-position:-40px -200px;background-size:120px 240px}#jstree-marker.jstree-dnd-responsive{border-left-width:10px;border-top-width:10px;border-bottom-width:10px;margin-top:-10px}}@media (max-width:768px){.jstree-default-responsive .jstree-icon{background-image:url(40px.png)}.jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-responsive .jstree-node{min-height:40px;line-height:40px;margin-left:40px;min-width:40px;white-space:nowrap}.jstree-default-responsive .jstree-anchor{line-height:40px;height:40px}.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-icon:empty{width:40px;height:40px;line-height:40px}.jstree-default-responsive>.jstree-container-ul>.jstree-node{margin-left:0}.jstree-default-responsive.jstree-rtl .jstree-node{margin-left:0;margin-right:40px}.jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-default-responsive .jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox{background-size:120px 240px}.jstree-default-responsive .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-responsive .jstree-open>.jstree-ocl{background-position:0 0!important}.jstree-default-responsive .jstree-closed>.jstree-ocl{background-position:0 -40px!important}.jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-40px 0!important}.jstree-default-responsive .jstree-themeicon{background-position:-40px -40px}.jstree-default-responsive .jstree-checkbox,.jstree-default-responsive .jstree-checkbox:hover{background-position:-40px -80px}.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-responsive .jstree-checked>.jstree-checkbox,.jstree-default-responsive .jstree-checked>.jstree-checkbox:hover{background-position:0 -80px}.jstree-default-responsive .jstree-anchor>.jstree-undetermined,.jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover{background-position:0 -120px}.jstree-default-responsive .jstree-anchor{font-weight:700;font-size:1.1em;text-shadow:1px 1px #fff}.jstree-default-responsive>.jstree-striped{background:0 0}.jstree-default-responsive .jstree-wholerow{border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(64,64,64,.2);background:#ebebeb;height:40px}.jstree-default-responsive .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default-responsive .jstree-wholerow-clicked{background:#beebff}.jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow{box-shadow:inset 0 -6px 3px -5px #666}.jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow{box-shadow:inset 0 6px 3px -5px #666;border-top:0}.jstree-default-responsive .jstree-children .jstree-open+.jstree-open{box-shadow:none}.jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-node>.jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox{background-image:url(40px.png);background-size:120px 240px}.jstree-default-responsive .jstree-node{background-position:-80px 0;background-repeat:repeat-y}.jstree-default-responsive .jstree-last{background:0 0}.jstree-default-responsive .jstree-leaf>.jstree-ocl{background-position:-40px -120px}.jstree-default-responsive .jstree-last>.jstree-ocl{background-position:-40px -160px}.jstree-default-responsive .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-responsive .jstree-file{background:url(40px.png) 0 -160px no-repeat;background-size:120px 240px}.jstree-default-responsive .jstree-folder{background:url(40px.png) -40px -40px no-repeat;background-size:120px 240px}.jstree-default-responsive>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}} ================================================ FILE: public/admin/css/typeahead.js-bootstrap.css ================================================ .twitter-typeahead .tt-query, .twitter-typeahead .tt-hint { margin-bottom: 0; } .tt-dropdown-menu { min-width: 160px; margin-top: 2px; padding: 5px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .tt-suggestion { display: block; padding: 3px 20px; } .tt-suggestion.tt-is-under-cursor { color: #fff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) } .tt-suggestion.tt-is-under-cursor a { color: #fff; } .tt-suggestion p { margin: 0; } ================================================ FILE: public/admin/css/x-editor-style.css ================================================ .x-editor-custom .popover{ border-radius: 0px; font-family: 'Open Sans', sans-serif; border: 1px solid #03a9f4; padding:0px; } .x-editor-custom .input-sm{ font-size:13px; border-radius: 0px; } .x-editor-custom .form-control:focus{ font-size:13px; border-radius: 0px; box-shadow: none; border-color: #03a9f4; } .x-editor-custom .form-control{ border-radius: 0px; } .x-editor-custom .btn-primary{ background-color: #03a9f4; border-color: #03a9f4; } .x-editor-custom .btn-default{ background-color: #303030; border-color: #303030; color:#fff; } .x-editor-custom .btn-primary:hover, .x-editor-custom .btn-primary:focus{ background-color: #303030; border-color: #303030; } .x-editor-custom .btn-default:hover, .x-editor-custom .btn-default:focus{ background-color: #03a9f4; border-color: #03a9f4; } .x-editor-custom .popover-title{ background:#03a9f4; color:#fff; border-radius: 0px; padding:10px 15px; } .x-editor-custom .datepicker table tr td.active, .x-editor-custom .datetimepicker table tr td.active{ background-color: #03a9f4; background-image: -moz-linear-gradient(top, #03a9f4, #03a9f4); background-image: -ms-linear-gradient(top, #03a9f4, #03a9f4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#03a9f4), to(#03a9f4)); background-image: -webkit-linear-gradient(top, #0088cc, #03a9f4); background-image: -o-linear-gradient(top, #0088cc, #03a9f4); background-image: linear-gradient(top, #0088cc, #03a9f4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#03a9f4', GradientType=0); border-color: #03a9f4 #03a9f4 #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); } .x-editor-custom .select2-container .select2-choice{ border: 0px solid #aaa; color: #fff; border-radius: 0px; background-color: #03a9f4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #03a9f4), color-stop(0.5, #03a9f4)); background-image: -webkit-linear-gradient(center bottom, #03a9f4 0%, #03a9f4 50%); background-image: -moz-linear-gradient(center bottom, #03a9f4 0%, #03a9f4 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#03a9f4', endColorstr = '#03a9f4', GradientType = 0); background-image: linear-gradient(top, #03a9f4 0%, #03a9f4 50%); } .x-editor-custom .select2-container .select2-choice .select2-arrow{ border-left: 0px solid #aaa; border-radius: 0; background: #303030; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #303030), color-stop(0.6, #303030)); background-image: -webkit-linear-gradient(center bottom, #303030 0%, #303030 60%); background-image: -moz-linear-gradient(center bottom, #303030 0%, #303030 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#303030', endColorstr = '#303030', GradientType = 0); background-image: linear-gradient(303030); } .x-editor-custom .select2-container-multi .select2-choices{ border: 1px solid #03a9f4; } .x-editor-custom .select2-container-multi .select2-choices .select2-search-choice{ color: #fff; border: 1px solid #03a9f4; border-radius: 0px; -webkit-box-shadow: 0 0 2px #03a9f4 inset, 0 1px 0 #03a9f4; box-shadow: 0 0 2px #03a9f4 inset, 0 1px 0 #03a9f4; background-color: #03a9f4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03a9f4', endColorstr='#03a9f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #03a9f4), color-stop(50%, #03a9f4), color-stop(52%, #03a9f4), color-stop(100%, #03a9f4)); background-image: -webkit-linear-gradient(top, #03a9f4 20%, #03a9f4 50%, #03a9f4 52%, #03a9f4 100%); background-image: -moz-linear-gradient(top, #03a9f4 20%, #03a9f4 50%, #03a9f4 52%, #03a9f4 100%); background-image: linear-gradient(top, #03a9f4 20%, #03a9f4 50%, #03a9f4 52%, #03a9f4 100%); } .x-editor-custom .datetimepicker table tr td span.active{ background-color: #03a9f4; background-image: -moz-linear-gradient(top, #03a9f4, #03a9f4); background-image: -ms-linear-gradient(top, #03a9f4, #03a9f4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#03a9f4), to(#03a9f4)); background-image: -webkit-linear-gradient(top, #03a9f4, #03a9f4); background-image: -o-linear-gradient(top, #03a9f4, #03a9f4); background-image: linear-gradient(top, #03a9f4, #03a9f4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03a9f4', endColorstr='#03a9f4', GradientType=0); border-color: #03a9f4 #03a9f4 #03a9f4; } ================================================ FILE: public/admin/js/Lobibox.js ================================================ //Author : @arboshiki //create lobibox object var Lobibox = Lobibox || {}; (function () { Lobibox.counter = 0; //------------------------------------------------------------------------------ //------------------------------------------------------------------------------ //User can set default properties for prompt in the following way //Lobibox.prompt.DEFAULT_OPTIONS = object; Lobibox.prompt = function (type, options) { return new LobiboxPrompt(type, options); }; //User can set default properties for confirm in the following way //Lobibox.confirm.DEFAULT_OPTIONS = object; Lobibox.confirm = function (options) { return new LobiboxConfirm(options); }; //User can set default properties for progress in the following way //Lobibox.progress.DEFAULT_OPTIONS = object; Lobibox.progress = function (options) { return new LobiboxProgress(options); }; //Create empty objects in order user to be able to set default options in the following way //Lobibox.error.DEFAULT_OPTIONS = object; //Lobibox.success.DEFAULT_OPTIONS = object; //Lobibox.warning.DEFAULT_OPTIONS = object; //Lobibox.info.DEFAULT_OPTIONS = object; Lobibox.error = {}; Lobibox.success = {}; Lobibox.warning = {}; Lobibox.info = {}; //User can set default properties for alert in the following way //Lobibox.alert.DEFAULT_OPTIONS = object; Lobibox.alert = function (type, options) { if (["success", "error", "warning", "info"].indexOf(type) > -1) { return new LobiboxAlert(type, options); } }; //User can set default properties for window in the following way //Lobibox.window.DEFAULT_OPTIONS = object; Lobibox.window = function (options) { return new LobiboxWindow('window', options); }; /** * Base prototype for all messageboxes and window */ var LobiboxBase = { $type: null, $el: null, $options: null, debug: function () { if (this.$options.debug) { window.console.debug.apply(window.console, arguments); } }, _processInput: function (options) { if ($.isArray(options.buttons)) { var btns = {}; for (var i = 0; i < options.buttons.length; i++) { btns[options.buttons[i]] = Lobibox.base.OPTIONS.buttons[options.buttons[i]]; } options.buttons = btns; } options.customBtnClass = options.customBtnClass ? options.customBtnClass : Lobibox.base.DEFAULTS.customBtnClass; for (var i in options.buttons) { if (options.buttons.hasOwnProperty(i)) { var btn = options.buttons[i]; btn = $.extend({}, Lobibox.base.OPTIONS.buttons[i], btn); if (!btn['class']) { btn['class'] = options.customBtnClass; } options.buttons[i] = btn; } } options = $.extend({}, Lobibox.base.DEFAULTS, options); if (options.showClass === undefined) { options.showClass = Lobibox.base.OPTIONS.showClass; } if (options.hideClass === undefined) { options.hideClass = Lobibox.base.OPTIONS.hideClass; } if (options.baseClass === undefined) { options.baseClass = Lobibox.base.OPTIONS.baseClass; } if (options.delayToRemove === undefined) { options.delayToRemove = Lobibox.base.OPTIONS.delayToRemove; } if (!options.iconClass) { options.iconClass = Lobibox.base.OPTIONS.icons[options.iconSource][this.$type]; } return options; }, _init: function () { var me = this; me._createMarkup(); me.setTitle(me.$options.title); if (me.$options.draggable && !me._isMobileScreen()) { me.$el.addClass('draggable'); me._enableDrag(); } if (me.$options.closeButton) { me._addCloseButton(); } if (me.$options.closeOnEsc) { $(document).on('keyup.lobibox', function (ev) { if (ev.which === 27) { me.destroy(); } }); } if (me.$options.baseClass) { me.$el.addClass(me.$options.baseClass); } if (me.$options.showClass) { me.$el.removeClass(me.$options.hideClass); me.$el.addClass(me.$options.showClass); } me.$el.data('lobibox', me); }, /** * Calculate top, left position based on string keyword * * @param {string} position "'top', 'center', 'bottom'" * @returns {{left: number, top: number}} * @private */ _calculatePosition: function (position) { var me = this; var top; if (position === 'top') { top = 30; } else if (position === 'bottom') { top = $(window).outerHeight() - me.$el.outerHeight() - 30; } else { top = ($(window).outerHeight() - me.$el.outerHeight()) / 2; } var left = ($(window).outerWidth() - me.$el.outerWidth()) / 2; return { left: left, top: top }; }, _createButton: function (type, op) { var me = this; var btn = $('') .addClass(op['class']) .attr('data-type', type) .html(op.text); if (me.$options.callback && typeof me.$options.callback === 'function') { btn.on('click.lobibox', function (ev) { var bt = $(this); me._onButtonClick(me.$options.buttons[type], type); me.$options.callback(me, bt.data('type'), ev); }); } btn.click(function () { me._onButtonClick(me.$options.buttons[type], type); }); return btn; }, _onButtonClick: function (buttonOptions, type) { var me = this; if ((type === 'ok' && me.$type === 'prompt' && me.isValid() || me.$type !== 'prompt' || type !== 'ok') && buttonOptions && buttonOptions.closeOnClick) { me.destroy(); } }, _generateButtons: function () { var me = this; var btns = []; for (var i in me.$options.buttons) { if (me.$options.buttons.hasOwnProperty(i)) { var op = me.$options.buttons[i]; var btn = me._createButton(i, op); btns.push(btn); } } return btns; }, _createMarkup: function () { var me = this; var lobibox = $('
'); lobibox.attr('data-is-modal', me.$options.modal); var header = $('
') .append('') ; var body = $('
'); lobibox.append(header); lobibox.append(body); if (me.$options.buttons && !$.isEmptyObject(me.$options.buttons)) { var footer = $(''); footer.append(me._generateButtons()); lobibox.append(footer); if (Lobibox.base.OPTIONS.buttonsAlign.indexOf(me.$options.buttonsAlign) > -1) { footer.addClass('text-' + me.$options.buttonsAlign); } } me.$el = lobibox .addClass(Lobibox.base.OPTIONS.modalClasses[me.$type]) ; }, _setSize: function () { var me = this; me.setWidth(me.$options.width); if (me.$options.height === 'auto') { me.setHeight(me.$el.outerHeight()); } else { me.setHeight(me.$options.height); } }, _calculateBodyHeight: function (height) { var me = this; var headerHeight = me.$el.find('.lobibox-header').outerHeight(); var footerHeight = me.$el.find('.lobibox-footer').outerHeight(); return height - (headerHeight ? headerHeight : 0) - (footerHeight ? footerHeight : 0); }, /** * Add backdrop in case if backdrop does not exist * * @private */ _addBackdrop: function () { if ($('.lobibox-backdrop').length === 0) { $('body').append('
'); } }, _triggerEvent: function (type) { var me = this; if (me.$options[type] && typeof me.$options[type] === 'function') { me.$options[type](me); } }, _calculateWidth: function (width) { var me = this; width = Math.min(Math.max(width, me.$options.width), $(window).outerWidth()); if (width === $(window).outerWidth()) { width -= 2 * me.$options.horizontalOffset; } return width; }, _calculateHeight: function (height) { var me = this; console.log(me.$options.height); height = Math.min(Math.max(height, me.$options.height), $(window).outerHeight()); if (height === $(window).outerHeight()) { height -= 2 * me.$options.verticalOffset; } return height; }, _addCloseButton: function () { var me = this; var closeBtn = $('×'); me.$el.find('.lobibox-header').append(closeBtn); closeBtn.on('mousedown', function (ev) { ev.stopPropagation(); }); closeBtn.on('click.lobibox', function () { me.destroy(); }); }, _position: function () { var me = this; me._setSize(); var pos = me._calculatePosition(); me.setPosition(pos.left, pos.top); }, _isMobileScreen: function () { return $(window).outerWidth() < 768; }, _enableDrag: function () { var el = this.$el, heading = el.find('.lobibox-header'); heading.on('mousedown.lobibox', function (ev) { el.attr('offset-left', ev.offsetX); el.attr('offset-top', ev.offsetY); el.attr('allow-drag', 'true'); }); $(document).on('mouseup.lobibox', function () { el.attr('allow-drag', 'false'); }); $(document).on('mousemove.lobibox', function (ev) { if (el.attr('allow-drag') === 'true') { var left = ev.clientX - parseInt(el.attr('offset-left'), 10) - parseInt(el.css('border-left-width'), 10); var top = ev.clientY - parseInt(el.attr('offset-top'), 10) - parseInt(el.css('border-top-width'), 10); el.css({ left: left, top: top }); } }); }, /** * Set the message of messagebox * * @param {string} msg "new message of messagebox" * @returns {LobiboxBase} * @private */ _setContent: function (msg) { var me = this; me.$el.find('.lobibox-body').html(msg); return me; }, _beforeShow: function () { var me = this; me._triggerEvent('onShow'); }, _afterShow: function () { var me = this; Lobibox.counter++; me.$el.attr('data-nth', Lobibox.counter); if (!me.$options.draggable){ $(window).on('resize.lobibox-'+me.$el.attr('data-nth'), function(){ me.refreshWidth(); me.refreshHeight(); me.$el.css('left', '50%').css('margin-left', '-'+(me.$el.width()/2)+'px'); me.$el.css('top', '50%').css('margin-top', '-'+(me.$el.height()/2)+'px'); }); } me._triggerEvent('shown'); }, _beforeClose: function () { var me = this; me._triggerEvent('beforeClose'); }, _afterClose: function () { var me = this; if (!me.$options.draggable){ $(window).off('resize.lobibox-'+me.$el.attr('data-nth')); } me._triggerEvent('closed'); }, //------------------------------------------------------------------------------ //--------------------------PUBLIC METHODS-------------------------------------- //------------------------------------------------------------------------------ /** * Hide the messagebox * * @returns {LobiboxBase} */ hide: function () { var me = this; if (me.$options.hideClass) { me.$el.removeClass(me.$options.showClass); me.$el.addClass(me.$options.hideClass); setTimeout(function () { callback(); }, me.$options.delayToRemove); } else { callback(); } function callback() { me.$el.addClass('lobibox-hidden'); if ($('.lobibox[data-is-modal=true]:not(.lobibox-hidden)').length === 0) { $('.lobibox-backdrop').remove(); $('body').removeClass(Lobibox.base.OPTIONS.bodyClass); } } return this; }, /** * Removes the messagebox from document * * @returns {LobiboxBase} */ destroy: function () { var me = this; me._beforeClose(); if (me.$options.hideClass) { me.$el.removeClass(me.$options.showClass).addClass(me.$options.hideClass); setTimeout(function () { callback(); }, me.$options.delayToRemove); } else { callback(); } function callback() { me.$el.remove(); if ($('.lobibox[data-is-modal=true]').length === 0) { $('.lobibox-backdrop').remove(); $('body').removeClass(Lobibox.base.OPTIONS.bodyClass); } me._afterClose(); } return this; }, /** * Set the width of messagebox * * @param {number} width "new width of messagebox" * @returns {LobiboxBase} */ setWidth: function (width) { var me = this; me.$el.css('width', me._calculateWidth(width)); return me; }, refreshWidth: function(){ this.setWidth(this.$el.width()); }, refreshHeight: function(){ this.setHeight(this.$el.height()); }, /** * Set the height of messagebox * * @param {number} height "new height of messagebox" * @returns {LobiboxBase} */ setHeight: function (height) { var me = this; me.$el.css('height', me._calculateHeight(height)) .find('.lobibox-body') .css('height', me._calculateBodyHeight(me.$el.innerHeight())); return me; }, /** * Set the width and height of messagebox * * @param {number} width "new width of messagebox" * @param {number} height "new height of messagebox" * @returns {LobiboxBase} */ setSize: function (width, height) { var me = this; me.setWidth(width); me.setHeight(height); return me; }, /** * Set position of messagebox * * @param {number|String} left "left coordinate of messsagebox or string representaing position. Available: ('top', 'center', 'bottom')" * @param {number} top * @returns {LobiboxBase} */ setPosition: function (left, top) { var pos; if (typeof left === 'number' && typeof top === 'number') { pos = { left: left, top: top }; } else if (typeof left === 'string') { pos = this._calculatePosition(left); } this.$el.css(pos); return this; }, /** * Set the title of messagebox * * @param {string} title "new title of messagebox" * @returns {LobiboxBase} */ setTitle: function (title) { return this.$el.find('.lobibox-title').html(title); }, /** * Get the title of messagebox * * @returns {string} */ getTitle: function () { return this.$el.find('.lobibox-title').html(); }, /** * Show messagebox * * @returns {LobiboxBase} */ show: function () { var me = this, $body = $('body'); me._beforeShow(); me.$el.removeClass('lobibox-hidden'); $body.append(me.$el); if (me.$options.buttons) { var buttons = me.$el.find('.lobibox-footer').children(); buttons[0].focus(); } if (me.$options.modal) { $body.addClass(Lobibox.base.OPTIONS.bodyClass); me._addBackdrop(); } if (me.$options.delay !== false) { setTimeout(function () { me.destroy(); }, me.$options.delay); } me._afterShow(); return me; } }; //User can set default options by this variable Lobibox.base = {}; Lobibox.base.OPTIONS = { bodyClass: 'lobibox-open', modalClasses: { 'error': 'lobibox-error', 'success': 'lobibox-success', 'info': 'lobibox-info', 'warning': 'lobibox-warning', 'confirm': 'lobibox-confirm', 'progress': 'lobibox-progress', 'prompt': 'lobibox-prompt', 'default': 'lobibox-default', 'window': 'lobibox-window' }, buttonsAlign: ['left', 'center', 'right'], buttons: { ok: { 'class': 'lobibox-btn lobibox-btn-default', text: 'OK', closeOnClick: true }, cancel: { 'class': 'lobibox-btn lobibox-btn-cancel', text: 'Cancel', closeOnClick: true }, yes: { 'class': 'lobibox-btn lobibox-btn-yes', text: 'Yes', closeOnClick: true }, no: { 'class': 'lobibox-btn lobibox-btn-no', text: 'No', closeOnClick: true } }, icons: { bootstrap: { confirm: 'glyphicon glyphicon-question-sign', success: 'glyphicon glyphicon-ok-sign', error: 'glyphicon glyphicon-remove-sign', warning: 'glyphicon glyphicon-exclamation-sign', info: 'glyphicon glyphicon-info-sign' }, fontAwesome: { confirm: 'fa fa-question-circle', success: 'fa fa-check-circle', error: 'fa fa-times-circle', warning: 'fa fa-exclamation-circle', info: 'fa fa-info-circle' } } }; Lobibox.base.DEFAULTS = { horizontalOffset: 5, //If the messagebox is larger (in width) than window's width. The messagebox's width is reduced to window width - 2 * horizontalOffset verticalOffset: 5, //If the messagebox is larger (in height) than window's height. The messagebox's height is reduced to window height - 2 * verticalOffset width: 600, height: 'auto', // Height is automatically calculated by width closeButton: true, // Show close button or not draggable: false, // Make messagebox draggable customBtnClass: 'lobibox-btn lobibox-btn-default', // Class for custom buttons modal: true, debug: false, buttonsAlign: 'center', // Position where buttons should be aligned closeOnEsc: true, // Close messagebox on Esc press delayToRemove: 200, // Time after which lobibox will be removed after remove call. (This option is for hide animation to finish) delay: false, // Time to remove lobibox after shown baseClass: 'animated-super-fast', // Base class to add all messageboxes showClass: 'zoomIn', // Show animation class hideClass: 'zoomOut', // Hide animation class iconSource: 'bootstrap', // "bootstrap" or "fontAwesome" the library which will be used for icons //events //When messagebox show is called but before it is actually shown onShow: null, //After messagebox is shown shown: null, //When messagebox remove method is called but before it is actually hidden beforeClose: null, //After messagebox is hidden closed: null }; //------------------------------------------------------------------------------ //-------------------------LobiboxPrompt---------------------------------------- //------------------------------------------------------------------------------ function LobiboxPrompt(type, options) { this.$input = null; this.$type = 'prompt'; this.$promptType = type; options = $.extend({}, Lobibox.prompt.DEFAULT_OPTIONS, options); this.$options = this._processInput(options); this._init(); this.debug(this); } LobiboxPrompt.prototype = $.extend({}, LobiboxBase, { constructor: LobiboxPrompt, _processInput: function (options) { var me = this; var mergedOptions = LobiboxBase._processInput.call(me, options); mergedOptions.buttons = { ok: Lobibox.base.OPTIONS.buttons.ok, cancel: Lobibox.base.OPTIONS.buttons.cancel }; options = $.extend({}, mergedOptions, LobiboxPrompt.DEFAULT_OPTIONS, options); return options; }, _init: function () { var me = this; LobiboxBase._init.call(me); me.show(); }, _afterShow: function () { var me = this; me._setContent(me._createInput())._position(); me.$input.focus(); LobiboxBase._afterShow.call(me); }, _createInput: function () { var me = this, label; if (me.$options.multiline) { me.$input = $('').attr('rows', me.$options.lines); } else { me.$input = $(''); } me.$input.addClass('lobibox-input').attr(me.$options.attrs); if (me.$options.value) { me.setValue(me.$options.value); } if (me.$options.label) { label = $(''); } return $('
').append(label, me.$input); }, /** * Set value of input * * @param {string} val "value of input" * @returns {LobiboxPrompt} */ setValue: function (val) { this.$input.val(val); return this; }, /** * Get value of input * * @returns {String} */ getValue: function () { return this.$input.val(); }, isValid: function () { var me = this, $error = me.$el.find('.lobibox-input-error-message'); if (me.$options.required && !me.getValue()){ me.$input.addClass('invalid'); if ($error.length === 0){ me.$el.find('.lobibox-body').append('

'+me.$options.errorMessage+'

'); me._position(); me.$input.focus(); } return false; } me.$input.removeClass('invalid'); $error.remove(); me._position(); me.$input.focus(); return true; } }); LobiboxPrompt.DEFAULT_OPTIONS = { width: 400, attrs: {}, // Object of any valid attribute of input field value: '', // Value which is given to textfield when messagebox is created multiline: false, // Set this true for multiline prompt lines: 3, // This works only for multiline prompt. Number of lines type: 'text', // Prompt type. Available types (text|number|color) label: '', // Set some text which will be shown exactly on top of textfield required: true, errorMessage: 'The field is required' }; //------------------------------------------------------------------------------ //-------------------------LobiboxConfirm--------------------------------------- //------------------------------------------------------------------------------ function LobiboxConfirm(options) { this.$type = 'confirm'; // options = $.extend({}, Lobibox.confirm.DEFAULT_OPTIONS, options); this.$options = this._processInput(options); this._init(); this.debug(this); } LobiboxConfirm.prototype = $.extend({}, LobiboxBase, { constructor: LobiboxConfirm, _processInput: function (options) { var me = this; var mergedOptions = LobiboxBase._processInput.call(me, options); mergedOptions.buttons = { yes: Lobibox.base.OPTIONS.buttons.yes, no: Lobibox.base.OPTIONS.buttons.no }; options = $.extend({}, mergedOptions, Lobibox.confirm.DEFAULTS, options); return options; }, _init: function () { var me = this; LobiboxBase._init.call(me); me.show(); }, _afterShow: function () { var me = this; var d = $('
'); if (me.$options.iconClass) { d.append($('
') .append('')) ; } d.append('
' + me.$options.msg + '
'); me._setContent(d.html()); me._position(); LobiboxBase._afterShow.call(me); } }); Lobibox.confirm.DEFAULTS = { title: 'Question', width: 500 }; //------------------------------------------------------------------------------ //-------------------------LobiboxAlert------------------------------------------ //------------------------------------------------------------------------------ function LobiboxAlert(type, options) { this.$type = type; // options = $.extend({}, Lobibox.alert.DEFAULT_OPTIONS, Lobibox[type].DEFAULT_OPTIONS, options); this.$options = this._processInput(options); this._init(); this.debug(this); } LobiboxAlert.prototype = $.extend({}, LobiboxBase, { constructor: LobiboxAlert, _processInput: function (options) { // ALERT_OPTIONS = $.extend({}, LobiboxAlert.OPTIONS, Lobibox.alert.DEFAULTS); var me = this; var mergedOptions = LobiboxBase._processInput.call(me, options); mergedOptions.buttons = { ok: Lobibox.base.OPTIONS.buttons.ok }; options = $.extend({}, mergedOptions, Lobibox.alert.OPTIONS[me.$type], Lobibox.alert.DEFAULTS, options); return options; }, _init: function () { var me = this; LobiboxBase._init.call(me); me.show(); }, _afterShow: function () { var me = this; var d = $('
'); if (me.$options.iconClass) { d.append($('
') .append('')) ; } d.append('
' + me.$options.msg + '
'); me._setContent(d.html()); me._position(); LobiboxBase._afterShow.call(me); } }); Lobibox.alert.OPTIONS = { warning: { title: 'Warning' }, info: { title: 'Information' }, success: { title: 'Success' }, error: { title: 'Error' } }; //User can set default options by this variable Lobibox.alert.DEFAULTS = {}; //------------------------------------------------------------------------------ //-------------------------LobiboxProgress-------------------------------------- //------------------------------------------------------------------------------ function LobiboxProgress(options) { this.$type = 'progress'; this.$progressBarElement = null; this.$options = this._processInput(options); this.$progress = 0; this._init(); this.debug(this); } LobiboxProgress.prototype = $.extend({}, LobiboxBase, { constructor: LobiboxProgress, _processInput: function (options) { var me = this; var mergedOptions = LobiboxBase._processInput.call(me, options); options = $.extend({}, mergedOptions, Lobibox.progress.DEFAULTS, options); return options; }, _init: function () { var me = this; LobiboxBase._init.call(me); me.show(); }, _afterShow: function () { var me = this; if (me.$options.progressTpl) { me.$progressBarElement = $(me.$options.progressTpl); } else { me.$progressBarElement = me._createProgressbar(); } var label; if (me.$options.label) { label = $(''); } var innerHTML = $('
').append(label, me.$progressBarElement); me._setContent(innerHTML); me._position(); LobiboxBase._afterShow.call(me); }, _createProgressbar: function () { var me = this; var outer = $('
') .append('
') ; if (me.$options.showProgressLabel) { outer.append(''); } return outer; }, /** * Set progress value * * @param {number} progress "progress value" * @returns {LobiboxProgress} */ setProgress: function (progress) { var me = this; if (me.$progress === 100) { return; } progress = Math.min(100, Math.max(0, progress)); me.$progress = progress; me._triggerEvent('progressUpdated'); if (me.$progress === 100) { me._triggerEvent('progressCompleted'); } me.$el.find('.lobibox-progress-element').css('width', progress.toFixed(1) + "%"); me.$el.find('[data-role="progress-text"]').html(progress.toFixed(1) + "%"); return me; }, /** * Get progress value * * @returns {number} */ getProgress: function () { return this.$progress; } }); Lobibox.progress.DEFAULTS = { width: 500, showProgressLabel: true, // Show percentage of progress label: '', // Show progress label progressTpl: false, //Template of progress bar //Events progressUpdated: null, progressCompleted: null }; //------------------------------------------------------------------------------ //-------------------------LobiboxWindow---------------------------------------- //------------------------------------------------------------------------------ function LobiboxWindow(type, options) { this.$type = type; this.$options = this._processInput(options); this._init(); this.debug(this); } LobiboxWindow.prototype = $.extend({}, LobiboxBase, { constructor: LobiboxWindow, _processInput: function (options) { var me = this; var mergedOptions = LobiboxBase._processInput.call(me, options); if (options.content && typeof options.content === 'function') { options.content = options.content(); } if (options.content instanceof jQuery) { options.content = options.content.clone(); } options = $.extend({}, mergedOptions, Lobibox.window.DEFAULTS, options); return options; }, _init: function () { var me = this; LobiboxBase._init.call(me); me.setContent(me.$options.content); if (me.$options.url && me.$options.autoload) { if (!me.$options.showAfterLoad) { me.show(); } me.load(function () { if (me.$options.showAfterLoad) { me.show(); } }); } else { me.show(); } }, _afterShow: function () { var me = this; me._position(); LobiboxBase._afterShow.call(me); }, /** * Setter method for params option * * @param {object} params "new params" * @returns {LobiboxWindow} */ setParams: function (params) { var me = this; me.$options.params = params; return me; }, /** * Getter method for params * * @returns {object} */ getParams: function () { var me = this; return me.$options.params; }, /** * Setter method of loadMethod option * * @param {string} method "new method" * @returns {LobiboxWindow} */ setLoadMethod: function (method) { var me = this; me.$options.loadMethod = method; return me; }, /** * Getter method for loadMethod option * * @returns {string} */ getLoadMethod: function () { var me = this; return me.$options.loadMethod; }, /** * Setter method of content option. * Change the content of window * * @param {string} content "new content" * @returns {LobiboxWindow} */ setContent: function (content) { var me = this; me.$options.content = content; me.$el.find('.lobibox-body').html('').append(content); return me; }, /** * Getter method of content option * * @returns {string} */ getContent: function () { var me = this; return me.$options.content; }, /** * Setter method of url option * * @param {string} url "new url" * @returns {LobiboxWindow} */ setUrl: function (url) { this.$options.url = url; return this; }, /** * Getter method of url option * * @returns {String} */ getUrl: function () { return this.$options.url; }, /** * Loads content to window by ajax from specific url * * @param {Function} callback "callback function" * @returns {LobiboxWindow} */ load: function (callback) { var me = this; if (!me.$options.url) { return me; } $.ajax(me.$options.url, { method: me.$options.loadMethod, data: me.$options.params }).done(function (res) { me.setContent(res); if (callback && typeof callback === 'function') { callback(res); } }); return me; } }); Lobibox.window.DEFAULTS = { width: 480, height: 600, content: '', // HTML Content of window url: '', // URL which will be used to load content draggable: true, // Override default option autoload: true, // Auto load from given url when window is created loadMethod: 'GET', // Ajax method to load content showAfterLoad: true, // Show window after content is loaded or show and then load content params: {} // Parameters which will be send by ajax for loading content }; })(); //Author : @arboshiki /** * Generates random string of n length. * String contains only letters and numbers * * @param {int} n * @returns {String} */ Math.randomString = function (n) { var text = ""; var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for (var i = 0; i < n; i++) text += possible.charAt(Math.floor(Math.random() * possible.length)); return text; }; var Lobibox = Lobibox || {}; (function () { var LobiboxNotify = function (type, options) { //------------------------------------------------------------------------------ //----------------PROTOTYPE VARIABLES------------------------------------------- //------------------------------------------------------------------------------ this.$type = null; this.$options = null; this.$el = null; //------------------------------------------------------------------------------ //-----------------PRIVATE VARIABLES-------------------------------------------- //------------------------------------------------------------------------------ var me = this; //------------------------------------------------------------------------------ //-----------------PRIVATE FUNCTIONS-------------------------------------------- //------------------------------------------------------------------------------ var _processInput = function (options) { if (options.size === 'mini' || options.size === 'large') { options = $.extend({}, Lobibox.notify.OPTIONS[options.size], options); } options = $.extend({}, Lobibox.notify.OPTIONS[me.$type], Lobibox.notify.DEFAULTS, options); if (options.size !== 'mini' && options.title === true) { options.title = Lobibox.notify.OPTIONS[me.$type].title; } else if (options.size === 'mini' && options.title === true) { options.title = false; } if (options.icon === true) { options.icon = Lobibox.notify.OPTIONS.icons[options.iconSource][me.$type]; } if (options.sound === true) { options.sound = Lobibox.notify.OPTIONS[me.$type].sound; } if (options.sound) { options.sound = options.soundPath + options.sound + options.soundExt; } return options; }; var _appendInWrapper = function ($el, $wrapper) { if (me.$options.size === 'normal') { if ($wrapper.hasClass('bottom')) { $wrapper.prepend($el); } else { $wrapper.append($el); } } else if (me.$options.size === 'mini') { if ($wrapper.hasClass('bottom')) { $wrapper.prepend($el); } else { $wrapper.append($el); } } else if (me.$options.size === 'large') { var tabPane = _createTabPane().append($el); var $li = _createTabControl(tabPane.attr('id')); $wrapper.find('.lb-notify-wrapper').append(tabPane); $wrapper.find('.lb-notify-tabs').append($li); _activateTab($li); $li.find('>a').click(function () { _activateTab($li); }); } }; var _activateTab = function ($li) { $li.closest('.lb-notify-tabs').find('>li').removeClass('active'); $li.addClass('active'); var $current = $($li.find('>a').attr('href')); $current.closest('.lb-notify-wrapper').find('>.lb-tab-pane').removeClass('active'); $current.addClass('active') }; var _createTabControl = function (tabPaneId) { var $li = $('
  • ', { 'class': Lobibox.notify.OPTIONS[me.$type]['class'] }); $('', { 'href': '#' + tabPaneId }).append('') .appendTo($li); return $li; }; var _createTabPane = function () { return $('
    ', { 'class': 'lb-tab-pane', 'id': Math.randomString(10) }) }; var _createNotifyWrapper = function () { var selector = (me.$options.size === 'large' ? '.lobibox-notify-wrapper-large' : '.lobibox-notify-wrapper') + "." + me.$options.position.replace(/\s/gi, '.'), $wrapper; //var classes = me.$options.position.split(" "); $wrapper = $(selector); if ($wrapper.length === 0) { $wrapper = $('
    ') .addClass(selector.replace(/\./g, ' ').trim()) .appendTo($('body')); if (me.$options.size === 'large') { $wrapper.append($('')) .append($('
    ')); } } return $wrapper; }; var _createNotify = function () { var OPTS = Lobibox.notify.OPTIONS, $iconEl, $innerIconEl, $iconWrapper, $body, $msg, $notify = $('
    ', { 'class': 'lobibox-notify ' + OPTS[me.$type]['class'] + ' ' + OPTS['class'] + ' ' + me.$options.showClass }); $iconWrapper = $('
    ').appendTo($notify); $iconEl = $('
    ').appendTo($iconWrapper); $innerIconEl = $('
    ').appendTo($iconEl); // Add image or icon depending on given parameters if (me.$options.img) { $innerIconEl.append(''); } else if (me.$options.icon) { $innerIconEl.append('
    '); } else { $notify.addClass('without-icon'); } // Create body, append title and message in body and append body in notification $msg = $('
    ' + me.$options.msg + '
    '); if (me.$options.messageHeight !== false) { $msg.css('max-height', me.$options.messageHeight); } $body = $('
    ', { 'class': 'lobibox-notify-body' }).append($msg).appendTo($notify); if (me.$options.title) { $body.prepend('
    ' + me.$options.title + '
    '); } _addCloseButton($notify); if (me.$options.size === 'normal' || me.$options.size === 'mini') { _addCloseOnClick($notify); _addDelay($notify); } // Give width to notification if (me.$options.width) { $notify.css('width', _calculateWidth(me.$options.width)); } return $notify; }; var _addCloseButton = function ($el) { if (!me.$options.closable) { return; } $('×') .click(function (ev) { ev.preventDefault(); ev.stopPropagation(); me.remove(); }).appendTo($el); }; var _addCloseOnClick = function ($el) { if (!me.$options.closeOnClick) { return; } $el.click(function () { me.remove(); }); }; var _addDelay = function ($el) { if (!me.$options.delay) { return; } if (me.$options.delayIndicator) { var delay = $('
    '); $el.append(delay); } var time = 0; var interval = 1000 / 30; var currentTime = new Date().getTime(); var timer = setInterval(function () { if (me.$options.continueDelayOnInactiveTab) { time = new Date().getTime() - currentTime; } else { time += interval; } var width = 100 * time / me.$options.delay; if (width >= 100) { width = 100; me.remove(); timer = clearInterval(timer); } if (me.$options.delayIndicator) { delay.find('div').css('width', width + "%"); } }, interval); if (me.$options.pauseDelayOnHover) { $el.on('mouseenter.lobibox', function () { interval = 0; }).on('mouseleave.lobibox', function () { interval = 1000 / 30; }); } }; var _findTabToActivate = function ($li) { var $itemToActivate = $li.prev(); if ($itemToActivate.length === 0) { $itemToActivate = $li.next(); } if ($itemToActivate.length === 0) { return null; } return $itemToActivate; }; var _calculateWidth = function (width) { width = Math.min($(window).outerWidth(), width); return width; }; //------------------------------------------------------------------------------ //----------------PROTOTYPE FUNCTIONS------------------------------------------- //------------------------------------------------------------------------------ /** * Delete the notification * * @returns {LobiboxNotify} */ this.remove = function () { me.$el.removeClass(me.$options.showClass) .addClass(me.$options.hideClass); var parent = me.$el.parent(); var wrapper = parent.closest('.lobibox-notify-wrapper-large'); var href = '#' + parent.attr('id'); var $li = wrapper.find('>.lb-notify-tabs>li:has(a[href="' + href + '"])'); $li.addClass(Lobibox.notify.OPTIONS['class']) .addClass(me.$options.hideClass); setTimeout(function () { if (me.$options.size === 'normal' || me.$options.size === 'mini') { me.$el.remove(); } else if (me.$options.size === 'large') { var $newLi = _findTabToActivate($li); if ($newLi) { _activateTab($newLi); } $li.remove(); parent.remove(); } var list = Lobibox.notify.list; var ind = list.indexOf(me); list.splice(ind, 1); var next = list[ind]; if (next && next.$options.showAfterPrevious) { next._init(); } }, 500); return me; }; me._init = function () { // Create notification var $notify = _createNotify(); if (me.$options.size === 'mini') { $notify.addClass('notify-mini'); } if (typeof me.$options.position === 'string') { var $wrapper = _createNotifyWrapper(); _appendInWrapper($notify, $wrapper); if ($wrapper.hasClass('center')) { $wrapper.css('margin-left', '-' + ($wrapper.width() / 2) + "px"); } } else { $('body').append($notify); $notify.css({ 'position': 'fixed', left: me.$options.position.left, top: me.$options.position.top }) } me.$el = $notify; if (me.$options.sound) { var snd = new Audio(me.$options.sound); // buffers automatically when created snd.play(); } if (me.$options.rounded) { me.$el.addClass('rounded'); } me.$el.on('click.lobibox', function (ev) { if (me.$options.onClickUrl) { window.location.href = me.$options.onClickUrl; } if (me.$options.onClick && typeof me.$options.onClick === 'function') { me.$options.onClick.call(me, ev); } }); me.$el.data('lobibox', me); }; //------------------------------------------------------------------------------ //------------------------------------------------------------------------------ //------------------------------------------------------------------------------ this.$type = type; this.$options = _processInput(options); if (!me.$options.showAfterPrevious || Lobibox.notify.list.length === 0) { this._init(); } }; Lobibox.notify = function (type, options) { if (["default", "info", "warning", "error", "success"].indexOf(type) > -1) { var lobibox = new LobiboxNotify(type, options); Lobibox.notify.list.push(lobibox); return lobibox; } }; Lobibox.notify.list = []; Lobibox.notify.closeAll = function () { var list = Lobibox.notify.list; for (var i in list) { list[i].remove(); } }; //User can set default options to this variable Lobibox.notify.DEFAULTS = { title: true, // Title of notification. If you do not include the title in options it will automatically takes its value //from Lobibox.notify.OPTIONS object depending of the type of the notifications or set custom string. Set this false to disable title size: 'normal', // normal, mini, large soundPath: 'sounds/', // The folder path where sounds are located soundExt: '.ogg', // Default extension for all sounds showClass: 'fadeInDown', // Show animation class. hideClass: 'zoomOut', // Hide animation class. icon: true, // Icon of notification. Leave as is for default icon or set custom string msg: '', // Message of notification img: null, // Image source string closable: true, // Make notifications closable hideCloseButton: false, // Notification may be closable but you can hide close button and it will be closed by clicking on notification itsef delay: 5000, // Hide notification after this time (in miliseconds) delayIndicator: true, // Show timer indicator closeOnClick: true, // Close notifications by clicking on them width: 400, // Width of notification box sound: true, // Sound of notification. Set this false to disable sound. Leave as is for default sound or set custom soud path // Place to show notification. Available options: "top left", "top right", "bottom left", "bottom right", "center top", "center bottom" // It can also be object {left: number, top: number} to position notification at any place position: "bottom right", iconSource: 'bootstrap', // "bootstrap" or "fontAwesome" the library which will be used for icons rounded: false, // Whether to make notification corners rounded messageHeight: 60, // Notification message maximum height. This is not for notification itself, this is for .lobibox-notify-msg pauseDelayOnHover: true, // When you mouse over on notification delay (if it is enabled) will be paused. onClickUrl: null, // The url which will be opened when notification is clicked showAfterPrevious: false, // Set this to true if you want notification not to be shown until previous notification is closed. This is useful for notification queues continueDelayOnInactiveTab: true, // Continue delay when browser tab is inactive // Events onClick: null }; //This variable is necessary. Lobibox.notify.OPTIONS = { 'class': 'animated-fast', large: { width: 500, messageHeight: 96 }, mini: { 'class': 'notify-mini', messageHeight: 32 }, default: { 'class': 'lobibox-notify-default', 'title': 'Default', sound: false }, success: { 'class': 'lobibox-notify-success', 'title': 'Success', sound: 'sound2' }, error: { 'class': 'lobibox-notify-error', 'title': 'Error', sound: 'sound4' }, warning: { 'class': 'lobibox-notify-warning', 'title': 'Warning', sound: 'sound5' }, info: { 'class': 'lobibox-notify-info', 'title': 'Information', sound: 'sound6' }, icons: { bootstrap: { success: 'glyphicon glyphicon-ok-sign', error: 'glyphicon glyphicon-remove-sign', warning: 'glyphicon glyphicon-exclamation-sign', info: 'glyphicon glyphicon-info-sign' }, fontAwesome: { success: 'fa fa-check-circle', error: 'fa fa-times-circle', warning: 'fa fa-exclamation-circle', info: 'fa fa-info-circle' } } }; })(); ================================================ FILE: public/admin/js/bootstrap-datetimepicker.js ================================================ /* ========================================================= * bootstrap-datetimepicker.js * ========================================================= * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Improvements by Sbastien Malot * Project URL : http://www.malot.fr/bootstrap-datetimepicker * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================= */ !function( $ ) { function UTCDate(){ return new Date(Date.UTC.apply(Date, arguments)); } function UTCToday(){ var today = new Date(); return UTCDate(today.getUTCFullYear(), today.getUTCMonth(), today.getUTCDate(), today.getUTCHours(), today.getUTCMinutes(), today.getUTCSeconds(), 0); } // Picker object var Datetimepicker = function(element, options) { var that = this; this.element = $(element); this.language = options.language || this.element.data('date-language') || "en"; this.language = this.language in dates ? this.language : "en"; this.isRTL = dates[this.language].rtl || false; this.formatType = options.formatType || this.element.data('format-type') || 'standard'; this.format = DPGlobal.parseFormat(options.format || this.element.data('date-format') || DPGlobal.getDefaultFormat(this.formatType, 'input'), this.formatType); this.isInline = false; this.isVisible = false; this.isInput = this.element.is('input'); this.component = this.element.is('.date') ? this.element.find('.add-on .icon-th, .add-on .icon-time, .add-on .icon-calendar').parent() : false; this.componentReset = this.element.is('.date') ? this.element.find('.add-on .icon-remove').parent() : false; this.hasInput = this.component && this.element.find('input').length; if (this.component && this.component.length === 0) { this.component = false; } this.linkField = options.linkField || this.element.data('link-field') || false; this.linkFormat = DPGlobal.parseFormat(options.linkFormat || this.element.data('link-format') || DPGlobal.getDefaultFormat(this.formatType, 'link'), this.formatType); this.minuteStep = options.minuteStep || this.element.data('minute-step') || 5; this.pickerPosition = options.pickerPosition || this.element.data('picker-position') || 'bottom-right'; this.showMeridian = options.showMeridian || this.element.data('show-meridian') || false; this.initialDate = options.initialDate || new Date(); this._attachEvents(); this.formatViewType = "datetime"; if ('formatViewType' in options) { this.formatViewType = options.formatViewType; } else if ('formatViewType' in this.element.data()) { this.formatViewType = this.element.data('formatViewType'); } this.minView = 0; if ('minView' in options) { this.minView = options.minView; } else if ('minView' in this.element.data()) { this.minView = this.element.data('min-view'); } this.minView = DPGlobal.convertViewMode(this.minView); this.maxView = DPGlobal.modes.length-1; if ('maxView' in options) { this.maxView = options.maxView; } else if ('maxView' in this.element.data()) { this.maxView = this.element.data('max-view'); } this.maxView = DPGlobal.convertViewMode(this.maxView); this.startViewMode = 2; if ('startView' in options) { this.startViewMode = options.startView; } else if ('startView' in this.element.data()) { this.startViewMode = this.element.data('start-view'); } this.startViewMode = DPGlobal.convertViewMode(this.startViewMode); this.viewMode = this.startViewMode; this.viewSelect = this.minView; if ('viewSelect' in options) { this.viewSelect = options.viewSelect; } else if ('viewSelect' in this.element.data()) { this.viewSelect = this.element.data('view-select'); } this.viewSelect = DPGlobal.convertViewMode(this.viewSelect); this.forceParse = true; if ('forceParse' in options) { this.forceParse = options.forceParse; } else if ('dateForceParse' in this.element.data()) { this.forceParse = this.element.data('date-force-parse'); } this.picker = $(DPGlobal.template) .appendTo(this.isInline ? this.element : 'body') .on({ click: $.proxy(this.click, this), mousedown: $.proxy(this.mousedown, this) }); if (this.isInline) { this.picker.addClass('datetimepicker-inline'); } else { this.picker.addClass('datetimepicker-dropdown-' + this.pickerPosition + ' dropdown-menu'); } if (this.isRTL){ this.picker.addClass('datetimepicker-rtl'); this.picker.find('.prev i, .next i') .toggleClass('icon-arrow-left icon-arrow-right'); } $(document).on('mousedown', function (e) { // Clicked outside the datetimepicker, hide it if ($(e.target).closest('.datetimepicker').length === 0) { that.hide(); } }); this.autoclose = false; if ('autoclose' in options) { this.autoclose = options.autoclose; } else if ('dateAutoclose' in this.element.data()) { this.autoclose = this.element.data('date-autoclose'); } this.keyboardNavigation = true; if ('keyboardNavigation' in options) { this.keyboardNavigation = options.keyboardNavigation; } else if ('dateKeyboardNavigation' in this.element.data()) { this.keyboardNavigation = this.element.data('date-keyboard-navigation'); } this.todayBtn = (options.todayBtn || this.element.data('date-today-btn') || false); this.todayHighlight = (options.todayHighlight || this.element.data('date-today-highlight') || false); this.weekStart = ((options.weekStart || this.element.data('date-weekstart') || dates[this.language].weekStart || 0) % 7); this.weekEnd = ((this.weekStart + 6) % 7); this.startDate = -Infinity; this.endDate = Infinity; this.daysOfWeekDisabled = []; this.setStartDate(options.startDate || this.element.data('date-startdate')); this.setEndDate(options.endDate || this.element.data('date-enddate')); this.setDaysOfWeekDisabled(options.daysOfWeekDisabled || this.element.data('date-days-of-week-disabled')); this.fillDow(); this.fillMonths(); this.update(); this.showMode(); if(this.isInline) { this.show(); } }; Datetimepicker.prototype = { constructor: Datetimepicker, _events: [], _attachEvents: function(){ this._detachEvents(); if (this.isInput) { // single input this._events = [ [this.element, { focus: $.proxy(this.show, this), keyup: $.proxy(this.update, this), keydown: $.proxy(this.keydown, this) }] ]; } else if (this.component && this.hasInput){ // component: input + button this._events = [ // For components that are not readonly, allow keyboard nav [this.element.find('input'), { focus: $.proxy(this.show, this), keyup: $.proxy(this.update, this), keydown: $.proxy(this.keydown, this) }], [this.component, { click: $.proxy(this.show, this) }] ]; if (this.componentReset) { this._events.push([ this.componentReset, {click: $.proxy(this.reset, this)} ]); } } else if (this.element.is('div')) { // inline datetimepicker this.isInline = true; } else { this._events = [ [this.element, { click: $.proxy(this.show, this) }] ]; } for (var i=0, el, ev; i= this.startDate && d <= this.endDate) { this.date = d; this.setValue(); this.viewDate = this.date; this.fill(); } else { this.element.trigger({ type: 'outOfRange', date: d, startDate: this.startDate, endDate: this.endDate }); } }, setFormat: function(format) { this.format = DPGlobal.parseFormat(format, this.formatType); var element; if (this.isInput) { element = this.element; } else if (this.component){ element = this.element.find('input'); } if (element && element.val()) { this.setValue(); } }, setValue: function() { var formatted = this.getFormattedDate(); if (!this.isInput) { if (this.component){ this.element.find('input').val(formatted); } this.element.data('date', formatted); } else { this.element.val(formatted); } if (this.linkField) { $('#' + this.linkField).val(this.getFormattedDate(this.linkFormat)); } }, getFormattedDate: function(format) { if(format == undefined) format = this.format; return DPGlobal.formatDate(this.date, format, this.language, this.formatType); }, setStartDate: function(startDate){ this.startDate = startDate || -Infinity; if (this.startDate !== -Infinity) { this.startDate = DPGlobal.parseDate(this.startDate, this.format, this.language, this.formatType); } this.update(); this.updateNavArrows(); }, setEndDate: function(endDate){ this.endDate = endDate || Infinity; if (this.endDate !== Infinity) { this.endDate = DPGlobal.parseDate(this.endDate, this.format, this.language, this.formatType); } this.update(); this.updateNavArrows(); }, setDaysOfWeekDisabled: function(daysOfWeekDisabled){ this.daysOfWeekDisabled = daysOfWeekDisabled || []; if (!$.isArray(this.daysOfWeekDisabled)) { this.daysOfWeekDisabled = this.daysOfWeekDisabled.split(/,\s*/); } this.daysOfWeekDisabled = $.map(this.daysOfWeekDisabled, function (d) { return parseInt(d, 10); }); this.update(); this.updateNavArrows(); }, place: function(){ if(this.isInline) return; var zIndex = parseInt(this.element.parents().filter(function() { return $(this).css('z-index') != 'auto'; }).first().css('z-index'))+10; var offset, top, left; if (this.component) { offset = this.component.offset(); left = offset.left; if (this.pickerPosition == 'bottom-left' || this.pickerPosition == 'top-left') { left += this.component.outerWidth() - this.picker.outerWidth(); } } else { offset = this.element.offset(); left = offset.left; } if (this.pickerPosition == 'top-left' || this.pickerPosition == 'top-right') { top = offset.top - this.picker.outerHeight(); } else { top = offset.top + this.height; } this.picker.css({ top: top, left: left, zIndex: zIndex }); }, update: function(){ var date, fromArgs = false; if(arguments && arguments.length && (typeof arguments[0] === 'string' || arguments[0] instanceof Date)) { date = arguments[0]; fromArgs = true; } else { date = this.element.data('date') || (this.isInput ? this.element.val() : this.element.find('input').val()) || this.initialDate; } if (!date) { date = new Date(); fromArgs = false; } this.date = DPGlobal.parseDate(date, this.format, this.language, this.formatType); if (fromArgs) this.setValue(); if (this.date < this.startDate) { this.viewDate = new Date(this.startDate); } else if (this.date > this.endDate) { this.viewDate = new Date(this.endDate); } else { this.viewDate = new Date(this.date); } this.fill(); }, fillDow: function(){ var dowCnt = this.weekStart, html = ''; while (dowCnt < this.weekStart + 7) { html += ''+dates[this.language].daysMin[(dowCnt++)%7]+''; } html += ''; this.picker.find('.datetimepicker-days thead').append(html); }, fillMonths: function(){ var html = '', i = 0; while (i < 12) { html += ''+dates[this.language].monthsShort[i++]+''; } this.picker.find('.datetimepicker-months td').html(html); }, fill: function() { if (this.date == null || this.viewDate == null) { return; } var d = new Date(this.viewDate), year = d.getUTCFullYear(), month = d.getUTCMonth(), dayMonth = d.getUTCDate(), hours = d.getUTCHours(), minutes = d.getUTCMinutes(), startYear = this.startDate !== -Infinity ? this.startDate.getUTCFullYear() : -Infinity, startMonth = this.startDate !== -Infinity ? this.startDate.getUTCMonth() : -Infinity, endYear = this.endDate !== Infinity ? this.endDate.getUTCFullYear() : Infinity, endMonth = this.endDate !== Infinity ? this.endDate.getUTCMonth() : Infinity, currentDate = (new UTCDate(this.date.getUTCFullYear(), this.date.getUTCMonth(), this.date.getUTCDate())).valueOf(), today = new Date(); this.picker.find('.datetimepicker-days thead th:eq(1)') .text(dates[this.language].months[month]+' '+year); if (this.formatViewType == "time") { var hourConverted = hours % 12 ? hours % 12 : 12; var hoursDisplay = (hourConverted < 10 ? '0' : '') + hourConverted; var minutesDisplay = (minutes < 10 ? '0' : '') + minutes; var meridianDisplay = dates[this.language].meridiem[hours < 12 ? 0 : 1]; this.picker.find('.datetimepicker-hours thead th:eq(1)') .text(hoursDisplay + ':' + minutesDisplay + ' ' + meridianDisplay.toUpperCase()); this.picker.find('.datetimepicker-minutes thead th:eq(1)') .text(hoursDisplay + ':' + minutesDisplay + ' ' + meridianDisplay.toUpperCase()); } else { this.picker.find('.datetimepicker-hours thead th:eq(1)') .text(dayMonth + ' ' + dates[this.language].months[month] + ' ' + year); this.picker.find('.datetimepicker-minutes thead th:eq(1)') .text(dayMonth + ' ' + dates[this.language].months[month] + ' ' + year); } this.picker.find('tfoot th.today') .text(dates[this.language].today) .toggle(this.todayBtn !== false); this.updateNavArrows(); this.fillMonths(); /*var prevMonth = UTCDate(year, month, 0,0,0,0,0); prevMonth.setUTCDate(prevMonth.getDate() - (prevMonth.getUTCDay() - this.weekStart + 7)%7);*/ var prevMonth = UTCDate(year, month-1, 28,0,0,0,0), day = DPGlobal.getDaysInMonth(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth()); prevMonth.setUTCDate(day); prevMonth.setUTCDate(day - (prevMonth.getUTCDay() - this.weekStart + 7)%7); var nextMonth = new Date(prevMonth); nextMonth.setUTCDate(nextMonth.getUTCDate() + 42); nextMonth = nextMonth.valueOf(); var html = []; var clsName; while(prevMonth.valueOf() < nextMonth) { if (prevMonth.getUTCDay() == this.weekStart) { html.push(''); } clsName = ''; if (prevMonth.getUTCFullYear() < year || (prevMonth.getUTCFullYear() == year && prevMonth.getUTCMonth() < month)) { clsName += ' old'; } else if (prevMonth.getUTCFullYear() > year || (prevMonth.getUTCFullYear() == year && prevMonth.getUTCMonth() > month)) { clsName += ' new'; } // Compare internal UTC date with local today, not UTC today if (this.todayHighlight && prevMonth.getUTCFullYear() == today.getFullYear() && prevMonth.getUTCMonth() == today.getMonth() && prevMonth.getUTCDate() == today.getDate()) { clsName += ' today'; } if (prevMonth.valueOf() == currentDate) { clsName += ' active'; } if ((prevMonth.valueOf() + 86400000) <= this.startDate || prevMonth.valueOf() > this.endDate || $.inArray(prevMonth.getUTCDay(), this.daysOfWeekDisabled) !== -1) { clsName += ' disabled'; } html.push(''+prevMonth.getUTCDate() + ''); if (prevMonth.getUTCDay() == this.weekEnd) { html.push(''); } prevMonth.setUTCDate(prevMonth.getUTCDate()+1); } this.picker.find('.datetimepicker-days tbody').empty().append(html.join('')); html = []; var txt = '', meridian = '', meridianOld = ''; for (var i=0;i<24;i++) { var actual = UTCDate(year, month, dayMonth, i); clsName = ''; // We want the previous hour for the startDate if ((actual.valueOf() + 3600000) <= this.startDate || actual.valueOf() > this.endDate) { clsName += ' disabled'; } else if (hours == i) { clsName += ' active'; } if (this.showMeridian && dates[this.language].meridiem.length == 2) { meridian = (i<12?dates[this.language].meridiem[0]:dates[this.language].meridiem[1]); if (meridian != meridianOld) { if (meridianOld != '') { html.push(''); } html.push('
    '+meridian.toUpperCase()+''); } meridianOld = meridian; txt = (i%12?i%12:12); html.push(''+txt+''); if (i == 23) { html.push('
    '); } } else { txt = i+':00'; html.push(''+txt+''); } } this.picker.find('.datetimepicker-hours td').html(html.join('')); html = []; txt = '', meridian = '', meridianOld = ''; for(var i=0;i<60;i+=this.minuteStep) { var actual = UTCDate(year, month, dayMonth, hours, i, 0); clsName = ''; if (actual.valueOf() < this.startDate || actual.valueOf() > this.endDate) { clsName += ' disabled'; } else if (Math.floor(minutes/this.minuteStep) == Math.floor(i/this.minuteStep)) { clsName += ' active'; } if (this.showMeridian && dates[this.language].meridiem.length == 2) { meridian = (hours<12?dates[this.language].meridiem[0]:dates[this.language].meridiem[1]); if (meridian != meridianOld) { if (meridianOld != '') { html.push(''); } html.push('
    '+meridian.toUpperCase()+''); } meridianOld = meridian; txt = (hours%12?hours%12:12); //html.push(''+txt+''); html.push(''+txt+':'+(i<10?'0'+i:i)+''); if (i == 59) { html.push('
    '); } } else { txt = i+':00'; //html.push(''+txt+''); html.push(''+hours+':'+(i<10?'0'+i:i)+''); } } this.picker.find('.datetimepicker-minutes td').html(html.join('')); var currentYear = this.date.getUTCFullYear(); var months = this.picker.find('.datetimepicker-months') .find('th:eq(1)') .text(year) .end() .find('span').removeClass('active'); if (currentYear == year) { months.eq(this.date.getUTCMonth()).addClass('active'); } if (year < startYear || year > endYear) { months.addClass('disabled'); } if (year == startYear) { months.slice(0, startMonth).addClass('disabled'); } if (year == endYear) { months.slice(endMonth+1).addClass('disabled'); } html = ''; year = parseInt(year/10, 10) * 10; var yearCont = this.picker.find('.datetimepicker-years') .find('th:eq(1)') .text(year + '-' + (year + 9)) .end() .find('td'); year -= 1; for (var i = -1; i < 11; i++) { html += ''+year+''; year += 1; } yearCont.html(html); this.place(); }, updateNavArrows: function() { var d = new Date(this.viewDate), year = d.getUTCFullYear(), month = d.getUTCMonth(), day = d.getUTCDate(), hour = d.getUTCHours(); switch (this.viewMode) { case 0: if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth() && day <= this.startDate.getUTCDate() && hour <= this.startDate.getUTCHours()) { this.picker.find('.prev').css({visibility: 'hidden'}); } else { this.picker.find('.prev').css({visibility: 'visible'}); } if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth() && day >= this.endDate.getUTCDate() && hour >= this.endDate.getUTCHours()) { this.picker.find('.next').css({visibility: 'hidden'}); } else { this.picker.find('.next').css({visibility: 'visible'}); } break; case 1: if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth() && day <= this.startDate.getUTCDate()) { this.picker.find('.prev').css({visibility: 'hidden'}); } else { this.picker.find('.prev').css({visibility: 'visible'}); } if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth() && day >= this.endDate.getUTCDate()) { this.picker.find('.next').css({visibility: 'hidden'}); } else { this.picker.find('.next').css({visibility: 'visible'}); } break; case 2: if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth()) { this.picker.find('.prev').css({visibility: 'hidden'}); } else { this.picker.find('.prev').css({visibility: 'visible'}); } if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth()) { this.picker.find('.next').css({visibility: 'hidden'}); } else { this.picker.find('.next').css({visibility: 'visible'}); } break; case 3: case 4: if (this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear()) { this.picker.find('.prev').css({visibility: 'hidden'}); } else { this.picker.find('.prev').css({visibility: 'visible'}); } if (this.endDate !== Infinity && year >= this.endDate.getUTCFullYear()) { this.picker.find('.next').css({visibility: 'hidden'}); } else { this.picker.find('.next').css({visibility: 'visible'}); } break; } }, click: function(e) { e.stopPropagation(); e.preventDefault(); var target = $(e.target).closest('span, td, th, legend'); if (target.length == 1) { if (target.is('.disabled')) { this.element.trigger({ type: 'outOfRange', date: this.viewDate, startDate: this.startDate, endDate: this.endDate }); return; } switch(target[0].nodeName.toLowerCase()) { case 'th': switch(target[0].className) { case 'switch': this.showMode(1); break; case 'prev': case 'next': var dir = DPGlobal.modes[this.viewMode].navStep * (target[0].className == 'prev' ? -1 : 1); switch(this.viewMode){ case 0: this.viewDate = this.moveHour(this.viewDate, dir); break; case 1: this.viewDate = this.moveDate(this.viewDate, dir); break; case 2: this.viewDate = this.moveMonth(this.viewDate, dir); break; case 3: case 4: this.viewDate = this.moveYear(this.viewDate, dir); break; } this.fill(); break; case 'today': var date = new Date(); date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0); this.viewMode = this.startViewMode; this.showMode(0); this._setDate(date); this.fill(); if (this.autoclose) { this.hide(); } break; } break; case 'span': if (!target.is('.disabled')) { var year = this.viewDate.getUTCFullYear(), month = this.viewDate.getUTCMonth(), day = this.viewDate.getUTCDate(), hours = this.viewDate.getUTCHours(), minutes = this.viewDate.getUTCMinutes(), seconds = this.viewDate.getUTCSeconds(); if (target.is('.month')) { this.viewDate.setUTCDate(1); month = target.parent().find('span').index(target); day = this.viewDate.getUTCDate(); this.viewDate.setUTCMonth(month); this.element.trigger({ type: 'changeMonth', date: this.viewDate }); if (this.viewSelect >= 3) { this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0)); } } else if (target.is('.year')) { this.viewDate.setUTCDate(1); year = parseInt(target.text(), 10) || 0; this.viewDate.setUTCFullYear(year); this.element.trigger({ type: 'changeYear', date: this.viewDate }); if (this.viewSelect >= 4) { this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0)); } } else if (target.is('.hour')){ hours = parseInt(target.text(), 10) || 0; if (target.hasClass('hour_am') || target.hasClass('hour_pm')) { if (hours == 12 && target.hasClass('hour_am')) { hours = 0; } else if (hours != 12 && target.hasClass('hour_pm')) { hours += 12; } } this.viewDate.setUTCHours(hours); this.element.trigger({ type: 'changeHour', date: this.viewDate }); if (this.viewSelect >= 1) { this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0)); } } else if (target.is('.minute')){ minutes = parseInt(target.text().substr(target.text().indexOf(':')+1), 10) || 0; this.viewDate.setUTCMinutes(minutes); this.element.trigger({ type: 'changeMinute', date: this.viewDate }); if (this.viewSelect >= 0) { this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0)); } } if (this.viewMode != 0) { var oldViewMode = this.viewMode; this.showMode(-1); this.fill(); if (oldViewMode == this.viewMode && this.autoclose) { this.hide(); } } else { this.fill(); if (this.autoclose) { this.hide(); } } } break; case 'td': if (target.is('.day') && !target.is('.disabled')){ var day = parseInt(target.text(), 10) || 1; var year = this.viewDate.getUTCFullYear(), month = this.viewDate.getUTCMonth(), hours = this.viewDate.getUTCHours(), minutes = this.viewDate.getUTCMinutes(), seconds = this.viewDate.getUTCSeconds(); if (target.is('.old')) { if (month === 0) { month = 11; year -= 1; } else { month -= 1; } } else if (target.is('.new')) { if (month == 11) { month = 0; year += 1; } else { month += 1; } } this.viewDate.setUTCDate(day); this.viewDate.setUTCMonth(month); this.viewDate.setUTCFullYear(year); this.element.trigger({ type: 'changeDay', date: this.viewDate }); if (this.viewSelect >= 2) { this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0)); } } var oldViewMode = this.viewMode; this.showMode(-1); this.fill(); if (oldViewMode == this.viewMode && this.autoclose) { this.hide(); } break; } } }, _setDate: function(date, which){ if (!which || which == 'date') this.date = date; if (!which || which == 'view') this.viewDate = date; this.fill(); this.setValue(); var element; if (this.isInput) { element = this.element; } else if (this.component){ element = this.element.find('input'); } if (element) { element.change(); if (this.autoclose && (!which || which == 'date')) { //this.hide(); } } this.element.trigger({ type: 'changeDate', date: this.date }); }, moveMinute: function(date, dir){ if (!dir) return date; var new_date = new Date(date.valueOf()); //dir = dir > 0 ? 1 : -1; new_date.setUTCMinutes(new_date.getUTCMinutes() + (dir * this.minuteStep)); return new_date; }, moveHour: function(date, dir){ if (!dir) return date; var new_date = new Date(date.valueOf()); //dir = dir > 0 ? 1 : -1; new_date.setUTCHours(new_date.getUTCHours() + dir); return new_date; }, moveDate: function(date, dir){ if (!dir) return date; var new_date = new Date(date.valueOf()); //dir = dir > 0 ? 1 : -1; new_date.setUTCDate(new_date.getUTCDate() + dir); return new_date; }, moveMonth: function(date, dir){ if (!dir) return date; var new_date = new Date(date.valueOf()), day = new_date.getUTCDate(), month = new_date.getUTCMonth(), mag = Math.abs(dir), new_month, test; dir = dir > 0 ? 1 : -1; if (mag == 1){ test = dir == -1 // If going back one month, make sure month is not current month // (eg, Mar 31 -> Feb 31 == Feb 28, not Mar 02) ? function(){ return new_date.getUTCMonth() == month; } // If going forward one month, make sure month is as expected // (eg, Jan 31 -> Feb 31 == Feb 28, not Mar 02) : function(){ return new_date.getUTCMonth() != new_month; }; new_month = month + dir; new_date.setUTCMonth(new_month); // Dec -> Jan (12) or Jan -> Dec (-1) -- limit expected date to 0-11 if (new_month < 0 || new_month > 11) new_month = (new_month + 12) % 12; } else { // For magnitudes >1, move one month at a time... for (var i=0; i= this.startDate && date <= this.endDate; }, keydown: function(e){ if (this.picker.is(':not(:visible)')){ if (e.keyCode == 27) // allow escape to hide and re-show picker this.show(); return; } var dateChanged = false, dir, day, month, newDate, newViewDate; switch(e.keyCode){ case 27: // escape this.hide(); e.preventDefault(); break; case 37: // left case 39: // right if (!this.keyboardNavigation) break; dir = e.keyCode == 37 ? -1 : 1; viewMode = this.viewMode; if (e.ctrlKey) { viewMode += 2; } else if (e.shiftKey) { viewMode += 1; } if (viewMode == 4) { newDate = this.moveYear(this.date, dir); newViewDate = this.moveYear(this.viewDate, dir); } else if (viewMode == 3) { newDate = this.moveMonth(this.date, dir); newViewDate = this.moveMonth(this.viewDate, dir); } else if (viewMode == 2) { newDate = this.moveDate(this.date, dir); newViewDate = this.moveDate(this.viewDate, dir); } else if (viewMode == 1) { newDate = this.moveHour(this.date, dir); newViewDate = this.moveHour(this.viewDate, dir); } else if (viewMode == 0) { newDate = this.moveMinute(this.date, dir); newViewDate = this.moveMinute(this.viewDate, dir); } if (this.dateWithinRange(newDate)){ this.date = newDate; this.viewDate = newViewDate; this.setValue(); this.update(); e.preventDefault(); dateChanged = true; } break; case 38: // up case 40: // down if (!this.keyboardNavigation) break; dir = e.keyCode == 38 ? -1 : 1; viewMode = this.viewMode; if (e.ctrlKey) { viewMode += 2; } else if (e.shiftKey) { viewMode += 1; } if (viewMode == 4) { newDate = this.moveYear(this.date, dir); newViewDate = this.moveYear(this.viewDate, dir); } else if (viewMode == 3) { newDate = this.moveMonth(this.date, dir); newViewDate = this.moveMonth(this.viewDate, dir); } else if (viewMode == 2) { newDate = this.moveDate(this.date, dir * 7); newViewDate = this.moveDate(this.viewDate, dir * 7); } else if (viewMode == 1) { if (this.showMeridian) { newDate = this.moveHour(this.date, dir * 6); newViewDate = this.moveHour(this.viewDate, dir * 6); } else { newDate = this.moveHour(this.date, dir * 4); newViewDate = this.moveHour(this.viewDate, dir * 4); } } else if (viewMode == 0) { newDate = this.moveMinute(this.date, dir * 4); newViewDate = this.moveMinute(this.viewDate, dir * 4); } if (this.dateWithinRange(newDate)){ this.date = newDate; this.viewDate = newViewDate; this.setValue(); this.update(); e.preventDefault(); dateChanged = true; } break; case 13: // enter if (this.viewMode != 0) { var oldViewMode = this.viewMode; this.showMode(-1); this.fill(); if (oldViewMode == this.viewMode && this.autoclose) { this.hide(); } } else { this.fill(); if (this.autoclose) { this.hide(); } } e.preventDefault(); break; case 9: // tab this.hide(); break; } if (dateChanged){ var element; if (this.isInput) { element = this.element; } else if (this.component){ element = this.element.find('input'); } if (element) { element.change(); } this.element.trigger({ type: 'changeDate', date: this.date }); } }, showMode: function(dir) { if (dir) { var newViewMode = Math.max(0, Math.min(DPGlobal.modes.length - 1, this.viewMode + dir)); if (newViewMode >= this.minView && newViewMode <= this.maxView) { this.element.trigger({ type: 'changeMode', date: this.viewDate, oldViewMode: this.viewMode, newViewMode: newViewMode }); this.viewMode = newViewMode; } } /* vitalets: fixing bug of very special conditions: jquery 1.7.1 + webkit + show inline datetimepicker in bootstrap popover. Method show() does not set display css correctly and datetimepicker is not shown. Changed to .css('display', 'block') solve the problem. See https://github.com/vitalets/x-editable/issues/37 In jquery 1.7.2+ everything works fine. */ //this.picker.find('>div').hide().filter('.datetimepicker-'+DPGlobal.modes[this.viewMode].clsName).show(); this.picker.find('>div').hide().filter('.datetimepicker-'+DPGlobal.modes[this.viewMode].clsName).css('display', 'block'); this.updateNavArrows(); }, reset: function(e) { this._setDate(null, 'date'); } }; $.fn.datetimepicker = function ( option ) { var args = Array.apply(null, arguments); args.shift(); return this.each(function () { var $this = $(this), data = $this.data('datetimepicker'), options = typeof option == 'object' && option; if (!data) { $this.data('datetimepicker', (data = new Datetimepicker(this, $.extend({}, $.fn.datetimepicker.defaults,options)))); } if (typeof option == 'string' && typeof data[option] == 'function') { data[option].apply(data, args); } }); }; $.fn.datetimepicker.defaults = { }; $.fn.datetimepicker.Constructor = Datetimepicker; var dates = $.fn.datetimepicker.dates = { en: { days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"], daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], meridiem: ["am", "pm"], suffix: ["st", "nd", "rd", "th"], today: "Today" } }; var DPGlobal = { modes: [ { clsName: 'minutes', navFnc: 'Hours', navStep: 1 }, { clsName: 'hours', navFnc: 'Date', navStep: 1 }, { clsName: 'days', navFnc: 'Month', navStep: 1 }, { clsName: 'months', navFnc: 'FullYear', navStep: 1 }, { clsName: 'years', navFnc: 'FullYear', navStep: 10 }], isLeapYear: function (year) { return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0)) }, getDaysInMonth: function (year, month) { return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month] }, getDefaultFormat: function (type, field) { if (type == "standard") { if (field == 'input') return 'yyyy-mm-dd hh:ii'; else return 'yyyy-mm-dd hh:ii:ss'; } else if (type == "php") { if (field == 'input') return 'Y-m-d H:i'; else return 'Y-m-d H:i:s'; } else { throw new Error("Invalid format type."); } }, validParts: function (type) { if (type == "standard") { return /hh?|HH?|p|P|ii?|ss?|dd?|DD?|mm?|MM?|yy(?:yy)?/g; } else if (type == "php") { return /[dDjlNwzFmMnStyYaABgGhHis]/g; } else { throw new Error("Invalid format type."); } }, nonpunctuation: /[^ -\/:-@\[-`{-~\t\n\rTZ]+/g, parseFormat: function(format, type){ // IE treats \0 as a string end in inputs (truncating the value), // so it's a bad format delimiter, anyway var separators = format.replace(this.validParts(type), '\0').split('\0'), parts = format.match(this.validParts(type)); if (!separators || !separators.length || !parts || parts.length == 0){ throw new Error("Invalid date format."); } return {separators: separators, parts: parts}; }, parseDate: function(date, format, language, type) { if (date instanceof Date) { var dateUTC = new Date(date.valueOf() - date.getTimezoneOffset() * 60000); dateUTC.setMilliseconds(0); return dateUTC; } if (/^\d{4}\-\d{1,2}\-\d{1,2}$/.test(date)) { format = this.parseFormat('yyyy-mm-dd', type); } if (/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}$/.test(date)) { format = this.parseFormat('yyyy-mm-dd hh:ii', type); } if (/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}\:\d{1,2}[Z]{0,1}$/.test(date)) { format = this.parseFormat('yyyy-mm-dd hh:ii:ss', type); } if (/^[-+]\d+[dmwy]([\s,]+[-+]\d+[dmwy])*$/.test(date)) { var part_re = /([-+]\d+)([dmwy])/, parts = date.match(/([-+]\d+)([dmwy])/g), part, dir; date = new Date(); for (var i=0; i 6 N: (date.getUTCDay()==0?7:date.getUTCDay()), // 1 -> 7 S: (date.getUTCDate()%10<=dates[language].suffix.length?dates[language].suffix[date.getUTCDate()%10-1]:''), // hour a: (dates[language].meridiem.length==2?dates[language].meridiem[date.getUTCHours()<12?0:1]:''), g: (date.getUTCHours()%12==0?12:date.getUTCHours()%12), G: date.getUTCHours(), // minute i: date.getUTCMinutes(), // second s: date.getUTCSeconds() }; val.m = (val.n < 10 ? '0' : '') + val.n; val.d = (val.j < 10 ? '0' : '') + val.j; val.A = val.a.toString().toUpperCase(); val.h = (val.g < 10 ? '0' : '') + val.g; val.H = (val.G < 10 ? '0' : '') + val.G; val.i = (val.i < 10 ? '0' : '') + val.i; val.s = (val.s < 10 ? '0' : '') + val.s; } else { throw new Error("Invalid format type."); } var date = [], seps = $.extend([], format.separators); for (var i=0, cnt = format.parts.length; i < cnt; i++) { if (seps.length) date.push(seps.shift()) date.push(val[format.parts[i]]); } return date.join(''); }, convertViewMode: function(viewMode){ switch (viewMode) { case 4: case 'decade': viewMode = 4; break; case 3: case 'year': viewMode = 3; break; case 2: case 'month': viewMode = 2; break; case 1: case 'day': viewMode = 1; break; case 0: case 'hour': viewMode = 0; break; } return viewMode; }, headTemplate: ''+ ''+ ''+ ''+ ''+ ''+ '', contTemplate: '', footTemplate: '' }; DPGlobal.template = '
    '+ '
    '+ ''+ DPGlobal.headTemplate+ DPGlobal.contTemplate+ DPGlobal.footTemplate+ '
    '+ '
    '+ '
    '+ ''+ DPGlobal.headTemplate+ DPGlobal.contTemplate+ DPGlobal.footTemplate+ '
    '+ '
    '+ '
    '+ ''+ DPGlobal.headTemplate+ ''+ DPGlobal.footTemplate+ '
    '+ '
    '+ '
    '+ ''+ DPGlobal.headTemplate+ DPGlobal.contTemplate+ DPGlobal.footTemplate+ '
    '+ '
    '+ '
    '+ ''+ DPGlobal.headTemplate+ DPGlobal.contTemplate+ DPGlobal.footTemplate+ '
    '+ '
    '+ '
    '; $.fn.datetimepicker.DPGlobal = DPGlobal; }( window.jQuery ); ================================================ FILE: public/admin/js/bootstrap-editable.js ================================================ /*! X-editable - v1.5.1 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ !function(a){"use strict";var b=function(b,c){this.options=a.extend({},a.fn.editableform.defaults,c),this.$div=a(b),this.options.scope||(this.options.scope=this)};b.prototype={constructor:b,initInput:function(){this.input=this.options.input,this.value=this.input.str2value(this.options.value),this.input.prerender()},initTemplate:function(){this.$form=a(a.fn.editableform.template)},initButtons:function(){var b=this.$form.find(".editable-buttons");b.append(a.fn.editableform.buttons),"bottom"===this.options.showbuttons&&b.addClass("editable-buttons-bottom")},render:function(){this.$loading=a(a.fn.editableform.loading),this.$div.empty().append(this.$loading),this.initTemplate(),this.options.showbuttons?this.initButtons():this.$form.find(".editable-buttons").remove(),this.showLoading(),this.isSaving=!1,this.$div.triggerHandler("rendering"),this.initInput(),this.$form.find("div.editable-input").append(this.input.$tpl),this.$div.append(this.$form),a.when(this.input.render()).then(a.proxy(function(){if(this.options.showbuttons||this.input.autosubmit(),this.$form.find(".editable-cancel").click(a.proxy(this.cancel,this)),this.input.error)this.error(this.input.error),this.$form.find(".editable-submit").attr("disabled",!0),this.input.$input.attr("disabled",!0),this.$form.submit(function(a){a.preventDefault()});else{this.error(!1),this.input.$input.removeAttr("disabled"),this.$form.find(".editable-submit").removeAttr("disabled");var b=null===this.value||void 0===this.value||""===this.value?this.options.defaultValue:this.value;this.input.value2input(b),this.$form.submit(a.proxy(this.submit,this))}this.$div.triggerHandler("rendered"),this.showForm(),this.input.postrender&&this.input.postrender()},this))},cancel:function(){this.$div.triggerHandler("cancel")},showLoading:function(){var a,b;this.$form?(a=this.$form.outerWidth(),b=this.$form.outerHeight(),a&&this.$loading.width(a),b&&this.$loading.height(b),this.$form.hide()):(a=this.$loading.parent().width(),a&&this.$loading.width(a)),this.$loading.show()},showForm:function(a){this.$loading.hide(),this.$form.show(),a!==!1&&this.input.activate(),this.$div.triggerHandler("show")},error:function(b){var c,d=this.$form.find(".control-group"),e=this.$form.find(".editable-error-block");if(b===!1)d.removeClass(a.fn.editableform.errorGroupClass),e.removeClass(a.fn.editableform.errorBlockClass).empty().hide();else{if(b){c=(""+b).split("\n");for(var f=0;f").text(c[f]).html();b=c.join("
    ")}d.addClass(a.fn.editableform.errorGroupClass),e.addClass(a.fn.editableform.errorBlockClass).html(b).show()}},submit:function(b){b.stopPropagation(),b.preventDefault();var c=this.input.input2value(),d=this.validate(c);if("object"===a.type(d)&&void 0!==d.newValue){if(c=d.newValue,this.input.value2input(c),"string"==typeof d.msg)return this.error(d.msg),this.showForm(),void 0}else if(d)return this.error(d),this.showForm(),void 0;if(!this.options.savenochange&&this.input.value2str(c)==this.input.value2str(this.value))return this.$div.triggerHandler("nochange"),void 0;var e=this.input.value2submit(c);this.isSaving=!0,a.when(this.save(e)).done(a.proxy(function(a){this.isSaving=!1;var b="function"==typeof this.options.success?this.options.success.call(this.options.scope,a,c):null;return b===!1?(this.error(!1),this.showForm(!1),void 0):"string"==typeof b?(this.error(b),this.showForm(),void 0):(b&&"object"==typeof b&&b.hasOwnProperty("newValue")&&(c=b.newValue),this.error(!1),this.value=c,this.$div.triggerHandler("save",{newValue:c,submitValue:e,response:a}),void 0)},this)).fail(a.proxy(function(a){this.isSaving=!1;var b;b="function"==typeof this.options.error?this.options.error.call(this.options.scope,a,c):"string"==typeof a?a:a.responseText||a.statusText||"Unknown error!",this.error(b),this.showForm()},this))},save:function(b){this.options.pk=a.fn.editableutils.tryParseJson(this.options.pk,!0);var c,d="function"==typeof this.options.pk?this.options.pk.call(this.options.scope):this.options.pk,e=!!("function"==typeof this.options.url||this.options.url&&("always"===this.options.send||"auto"===this.options.send&&null!==d&&void 0!==d));return e?(this.showLoading(),c={name:this.options.name||"",value:b,pk:d},"function"==typeof this.options.params?c=this.options.params.call(this.options.scope,c):(this.options.params=a.fn.editableutils.tryParseJson(this.options.params,!0),a.extend(c,this.options.params)),"function"==typeof this.options.url?this.options.url.call(this.options.scope,c):a.ajax(a.extend({url:this.options.url,data:c,type:"POST"},this.options.ajaxOptions))):void 0},validate:function(a){return void 0===a&&(a=this.value),"function"==typeof this.options.validate?this.options.validate.call(this.options.scope,a):void 0},option:function(a,b){a in this.options&&(this.options[a]=b),"value"===a&&this.setValue(b)},setValue:function(a,b){this.value=b?this.input.str2value(a):a,this.$form&&this.$form.is(":visible")&&this.input.value2input(this.value)}},a.fn.editableform=function(c){var d=arguments;return this.each(function(){var e=a(this),f=e.data("editableform"),g="object"==typeof c&&c;f||e.data("editableform",f=new b(this,g)),"string"==typeof c&&f[c].apply(f,Array.prototype.slice.call(d,1))})},a.fn.editableform.Constructor=b,a.fn.editableform.defaults={type:"text",url:null,params:null,name:null,pk:null,value:null,defaultValue:null,send:"auto",validate:null,success:null,error:null,ajaxOptions:null,showbuttons:!0,scope:null,savenochange:!1},a.fn.editableform.template='
    ',a.fn.editableform.loading='
    ',a.fn.editableform.buttons='',a.fn.editableform.errorGroupClass=null,a.fn.editableform.errorBlockClass="editable-error",a.fn.editableform.engine="jquery"}(window.jQuery),function(a){"use strict";a.fn.editableutils={inherit:function(a,b){var c=function(){};c.prototype=b.prototype,a.prototype=new c,a.prototype.constructor=a,a.superclass=b.prototype},setCursorPosition:function(a,b){if(a.setSelectionRange)a.setSelectionRange(b,b);else if(a.createTextRange){var c=a.createTextRange();c.collapse(!0),c.moveEnd("character",b),c.moveStart("character",b),c.select()}},tryParseJson:function(a,b){if("string"==typeof a&&a.length&&a.match(/^[\{\[].*[\}\]]$/))if(b)try{a=new Function("return "+a)()}catch(c){}finally{return a}else a=new Function("return "+a)();return a},sliceObj:function(b,c,d){var e,f,g={};if(!a.isArray(c)||!c.length)return g;for(var h=0;h").text(b).html()},itemsByValue:function(b,c,d){if(!c||null===b)return[];if("function"!=typeof d){var e=d||"value";d=function(a){return a[e]}}var f=a.isArray(b),g=[],h=this;return a.each(c,function(c,e){if(e.children)g=g.concat(h.itemsByValue(b,e.children,d));else if(f)a.grep(b,function(a){return a==(e&&"object"==typeof e?d(e):e)}).length&&g.push(e);else{var i=e&&"object"==typeof e?d(e):e;b==i&&g.push(e)}}),g},createInput:function(b){var c,d,e,f=b.type;return"date"===f&&("inline"===b.mode?a.fn.editabletypes.datefield?f="datefield":a.fn.editabletypes.dateuifield&&(f="dateuifield"):a.fn.editabletypes.date?f="date":a.fn.editabletypes.dateui&&(f="dateui"),"date"!==f||a.fn.editabletypes.date||(f="combodate")),"datetime"===f&&"inline"===b.mode&&(f="datetimefield"),"wysihtml5"!==f||a.fn.editabletypes[f]||(f="textarea"),"function"==typeof a.fn.editabletypes[f]?(c=a.fn.editabletypes[f],d=this.sliceObj(b,this.objectKeys(c.defaults)),e=new c(d)):(a.error("Unknown type: "+f),!1)},supportsTransitions:function(){var a=document.body||document.documentElement,b=a.style,c="transition",d=["Moz","Webkit","Khtml","O","ms"];if("string"==typeof b[c])return!0;c=c.charAt(0).toUpperCase()+c.substr(1);for(var e=0;e"),this.tip().is(this.innerCss)?this.tip().append(this.$form):this.tip().find(this.innerCss).append(this.$form),this.renderForm()},hide:function(a){if(this.tip()&&this.tip().is(":visible")&&this.$element.hasClass("editable-open")){if(this.$form.data("editableform").isSaving)return this.delayedHide={reason:a},void 0;this.delayedHide=!1,this.$element.removeClass("editable-open"),this.innerHide(),this.$element.triggerHandler("hidden",a||"manual")}},innerShow:function(){},innerHide:function(){},toggle:function(a){this.container()&&this.tip()&&this.tip().is(":visible")?this.hide():this.show(a)},setPosition:function(){},save:function(a,b){this.$element.triggerHandler("save",b),this.hide("save")},option:function(a,b){this.options[a]=b,a in this.containerOptions?(this.containerOptions[a]=b,this.setContainerOption(a,b)):(this.formOptions[a]=b,this.$form&&this.$form.editableform("option",a,b))},setContainerOption:function(a,b){this.call("option",a,b)},destroy:function(){this.hide(),this.innerDestroy(),this.$element.off("destroyed"),this.$element.removeData("editableContainer")},innerDestroy:function(){},closeOthers:function(b){a(".editable-open").each(function(c,d){if(d!==b&&!a(d).find(b).length){var e=a(d),f=e.data("editableContainer");f&&("cancel"===f.options.onblur?e.data("editableContainer").hide("onblur"):"submit"===f.options.onblur&&e.data("editableContainer").tip().find("form").submit())}})},activate:function(){this.tip&&this.tip().is(":visible")&&this.$form&&this.$form.data("editableform").input.activate()}},a.fn.editableContainer=function(d){var e=arguments;return this.each(function(){var f=a(this),g="editableContainer",h=f.data(g),i="object"==typeof d&&d,j="inline"===i.mode?c:b;h||f.data(g,h=new j(this,i)),"string"==typeof d&&h[d].apply(h,Array.prototype.slice.call(e,1))})},a.fn.editableContainer.Popup=b,a.fn.editableContainer.Inline=c,a.fn.editableContainer.defaults={value:null,placement:"top",autohide:!0,onblur:"cancel",anim:!1,mode:"popup"},jQuery.event.special.destroyed={remove:function(a){a.handler&&a.handler()}}}(window.jQuery),function(a){"use strict";a.extend(a.fn.editableContainer.Inline.prototype,a.fn.editableContainer.Popup.prototype,{containerName:"editableform",innerCss:".editable-inline",containerClass:"editable-container editable-inline",initContainer:function(){this.$tip=a(""),this.options.anim||(this.options.anim=0)},splitOptions:function(){this.containerOptions={},this.formOptions=this.options},tip:function(){return this.$tip},innerShow:function(){this.$element.hide(),this.tip().insertAfter(this.$element).show()},innerHide:function(){this.$tip.hide(this.options.anim,a.proxy(function(){this.$element.show(),this.innerDestroy()},this))},innerDestroy:function(){this.tip()&&this.tip().empty().remove()}})}(window.jQuery),function(a){"use strict";var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.editable.defaults,c,a.fn.editableutils.getConfigData(this.$element)),this.options.selector?this.initLive():this.init(),this.options.highlight&&!a.fn.editableutils.supportsTransitions()&&(this.options.highlight=!1)};b.prototype={constructor:b,init:function(){var b,c=!1;if(this.options.name=this.options.name||this.$element.attr("id"),this.options.scope=this.$element[0],this.input=a.fn.editableutils.createInput(this.options),this.input){switch(void 0===this.options.value||null===this.options.value?(this.value=this.input.html2value(a.trim(this.$element.html())),c=!0):(this.options.value=a.fn.editableutils.tryParseJson(this.options.value,!0),this.value="string"==typeof this.options.value?this.input.str2value(this.options.value):this.options.value),this.$element.addClass("editable"),"textarea"===this.input.type&&this.$element.addClass("editable-pre-wrapped"),"manual"!==this.options.toggle?(this.$element.addClass("editable-click"),this.$element.on(this.options.toggle+".editable",a.proxy(function(a){if(this.options.disabled||a.preventDefault(),"mouseenter"===this.options.toggle)this.show();else{var b="click"!==this.options.toggle;this.toggle(b)}},this))):this.$element.attr("tabindex",-1),"function"==typeof this.options.display&&(this.options.autotext="always"),this.options.autotext){case"always":b=!0;break;case"auto":b=!a.trim(this.$element.text()).length&&null!==this.value&&void 0!==this.value&&!c;break;default:b=!1}a.when(b?this.render():!0).then(a.proxy(function(){this.options.disabled?this.disable():this.enable(),this.$element.triggerHandler("init",this)},this))}},initLive:function(){var b=this.options.selector;this.options.selector=!1,this.options.autotext="never",this.$element.on(this.options.toggle+".editable",b,a.proxy(function(b){var c=a(b.target);c.data("editable")||(c.hasClass(this.options.emptyclass)&&c.empty(),c.editable(this.options).trigger(b))},this))},render:function(a){return this.options.display!==!1?this.input.value2htmlFinal?this.input.value2html(this.value,this.$element[0],this.options.display,a):"function"==typeof this.options.display?this.options.display.call(this.$element[0],this.value,a):this.input.value2html(this.value,this.$element[0]):void 0},enable:function(){this.options.disabled=!1,this.$element.removeClass("editable-disabled"),this.handleEmpty(this.isEmpty),"manual"!==this.options.toggle&&"-1"===this.$element.attr("tabindex")&&this.$element.removeAttr("tabindex")},disable:function(){this.options.disabled=!0,this.hide(),this.$element.addClass("editable-disabled"),this.handleEmpty(this.isEmpty),this.$element.attr("tabindex",-1)},toggleDisabled:function(){this.options.disabled?this.enable():this.disable()},option:function(b,c){return b&&"object"==typeof b?(a.each(b,a.proxy(function(b,c){this.option(a.trim(b),c)},this)),void 0):(this.options[b]=c,"disabled"===b?c?this.disable():this.enable():("value"===b&&this.setValue(c),this.container&&this.container.option(b,c),this.input.option&&this.input.option(b,c),void 0))},handleEmpty:function(b){this.options.display!==!1&&(this.isEmpty=void 0!==b?b:"function"==typeof this.input.isEmpty?this.input.isEmpty(this.$element):""===a.trim(this.$element.html()),this.options.disabled?this.isEmpty&&(this.$element.empty(),this.options.emptyclass&&this.$element.removeClass(this.options.emptyclass)):this.isEmpty?(this.$element.html(this.options.emptytext),this.options.emptyclass&&this.$element.addClass(this.options.emptyclass)):this.options.emptyclass&&this.$element.removeClass(this.options.emptyclass))},show:function(b){if(!this.options.disabled){if(this.container){if(this.container.tip().is(":visible"))return}else{var c=a.extend({},this.options,{value:this.value,input:this.input});this.$element.editableContainer(c),this.$element.on("save.internal",a.proxy(this.save,this)),this.container=this.$element.data("editableContainer")}this.container.show(b)}},hide:function(){this.container&&this.container.hide()},toggle:function(a){this.container&&this.container.tip().is(":visible")?this.hide():this.show(a)},save:function(a,b){if(this.options.unsavedclass){var c=!1;c=c||"function"==typeof this.options.url,c=c||this.options.display===!1,c=c||void 0!==b.response,c=c||this.options.savenochange&&this.input.value2str(this.value)!==this.input.value2str(b.newValue),c?this.$element.removeClass(this.options.unsavedclass):this.$element.addClass(this.options.unsavedclass)}if(this.options.highlight){var d=this.$element,e=d.css("background-color");d.css("background-color",this.options.highlight),setTimeout(function(){"transparent"===e&&(e=""),d.css("background-color",e),d.addClass("editable-bg-transition"),setTimeout(function(){d.removeClass("editable-bg-transition")},1700)},10)}this.setValue(b.newValue,!1,b.response)},validate:function(){return"function"==typeof this.options.validate?this.options.validate.call(this,this.value):void 0},setValue:function(b,c,d){this.value=c?this.input.str2value(b):b,this.container&&this.container.option("value",this.value),a.when(this.render(d)).then(a.proxy(function(){this.handleEmpty()},this))},activate:function(){this.container&&this.container.activate()},destroy:function(){this.disable(),this.container&&this.container.destroy(),this.input.destroy(),"manual"!==this.options.toggle&&(this.$element.removeClass("editable-click"),this.$element.off(this.options.toggle+".editable")),this.$element.off("save.internal"),this.$element.removeClass("editable editable-open editable-disabled"),this.$element.removeData("editable")}},a.fn.editable=function(c){var d={},e=arguments,f="editable";switch(c){case"validate":return this.each(function(){var b,c=a(this),e=c.data(f);e&&(b=e.validate())&&(d[e.options.name]=b)}),d;case"getValue":return 2===arguments.length&&arguments[1]===!0?d=this.eq(0).data(f).value:this.each(function(){var b=a(this),c=b.data(f);c&&void 0!==c.value&&null!==c.value&&(d[c.options.name]=c.input.value2submit(c.value))}),d;case"submit":var g=arguments[1]||{},h=this,i=this.editable("validate");if(a.isEmptyObject(i)){var j={};if(1===h.length){var k=h.data("editable"),l={name:k.options.name||"",value:k.input.value2submit(k.value),pk:"function"==typeof k.options.pk?k.options.pk.call(k.options.scope):k.options.pk};"function"==typeof k.options.params?l=k.options.params.call(k.options.scope,l):(k.options.params=a.fn.editableutils.tryParseJson(k.options.params,!0),a.extend(l,k.options.params)),j={url:k.options.url,data:l,type:"POST"},g.success=g.success||k.options.success,g.error=g.error||k.options.error}else{var m=this.editable("getValue");j={url:g.url,data:m,type:"POST"}}j.success="function"==typeof g.success?function(a){g.success.call(h,a,g)}:a.noop,j.error="function"==typeof g.error?function(){g.error.apply(h,arguments)}:a.noop,g.ajaxOptions&&a.extend(j,g.ajaxOptions),g.data&&a.extend(j.data,g.data),a.ajax(j)}else"function"==typeof g.error&&g.error.call(h,i);return this}return this.each(function(){var d=a(this),g=d.data(f),h="object"==typeof c&&c;return h&&h.selector?(g=new b(this,h),void 0):(g||d.data(f,g=new b(this,h)),"string"==typeof c&&g[c].apply(g,Array.prototype.slice.call(e,1)),void 0)})},a.fn.editable.defaults={type:"text",disabled:!1,toggle:"click",emptytext:"Empty",autotext:"auto",value:null,display:null,emptyclass:"editable-empty",unsavedclass:"editable-unsaved",selector:null,highlight:"#FFFF80"}}(window.jQuery),function(a){"use strict";a.fn.editabletypes={};var b=function(){};b.prototype={init:function(b,c,d){this.type=b,this.options=a.extend({},d,c)},prerender:function(){this.$tpl=a(this.options.tpl),this.$input=this.$tpl,this.$clear=null,this.error=null},render:function(){},value2html:function(b,c){a(c)[this.options.escape?"text":"html"](a.trim(b))},html2value:function(b){return a("
    ").html(b).text()},value2str:function(a){return a},str2value:function(a){return a},value2submit:function(a){return a},value2input:function(a){this.$input.val(a)},input2value:function(){return this.$input.val()},activate:function(){this.$input.is(":visible")&&this.$input.focus()},clear:function(){this.$input.val(null)},escape:function(b){return a("
    ").text(b).html()},autosubmit:function(){},destroy:function(){},setClass:function(){this.options.inputclass&&this.$input.addClass(this.options.inputclass)},setAttr:function(a){void 0!==this.options[a]&&null!==this.options[a]&&this.$input.attr(a,this.options[a])},option:function(a,b){this.options[a]=b}},b.defaults={tpl:"",inputclass:null,escape:!0,scope:null,showbuttons:!0},a.extend(a.fn.editabletypes,{abstractinput:b})}(window.jQuery),function(a){"use strict";var b=function(){};a.fn.editableutils.inherit(b,a.fn.editabletypes.abstractinput),a.extend(b.prototype,{render:function(){var b=a.Deferred();return this.error=null,this.onSourceReady(function(){this.renderList(),b.resolve()},function(){this.error=this.options.sourceError,b.resolve()}),b.promise()},html2value:function(){return null},value2html:function(b,c,d,e){var f=a.Deferred(),g=function(){"function"==typeof d?d.call(c,b,this.sourceData,e):this.value2htmlFinal(b,c),f.resolve()};return null===b?g.call(this):this.onSourceReady(g,function(){f.resolve()}),f.promise()},onSourceReady:function(b,c){var d;if(a.isFunction(this.options.source)?(d=this.options.source.call(this.options.scope),this.sourceData=null):d=this.options.source,this.options.sourceCache&&a.isArray(this.sourceData))return b.call(this),void 0;try{d=a.fn.editableutils.tryParseJson(d,!1)}catch(e){return c.call(this),void 0}if("string"==typeof d){if(this.options.sourceCache){var f,g=d;if(a(document).data(g)||a(document).data(g,{}),f=a(document).data(g),f.loading===!1&&f.sourceData)return this.sourceData=f.sourceData,this.doPrepend(),b.call(this),void 0;if(f.loading===!0)return f.callbacks.push(a.proxy(function(){this.sourceData=f.sourceData,this.doPrepend(),b.call(this)},this)),f.err_callbacks.push(a.proxy(c,this)),void 0;f.loading=!0,f.callbacks=[],f.err_callbacks=[]}var h=a.extend({url:d,type:"get",cache:!1,dataType:"json",success:a.proxy(function(d){f&&(f.loading=!1),this.sourceData=this.makeArray(d),a.isArray(this.sourceData)?(f&&(f.sourceData=this.sourceData,a.each(f.callbacks,function(){this.call()})),this.doPrepend(),b.call(this)):(c.call(this),f&&a.each(f.err_callbacks,function(){this.call()}))},this),error:a.proxy(function(){c.call(this),f&&(f.loading=!1,a.each(f.err_callbacks,function(){this.call()}))},this)},this.options.sourceOptions);a.ajax(h)}else this.sourceData=this.makeArray(d),a.isArray(this.sourceData)?(this.doPrepend(),b.call(this)):c.call(this)},doPrepend:function(){null!==this.options.prepend&&void 0!==this.options.prepend&&(a.isArray(this.prependData)||(a.isFunction(this.options.prepend)&&(this.options.prepend=this.options.prepend.call(this.options.scope)),this.options.prepend=a.fn.editableutils.tryParseJson(this.options.prepend,!0),"string"==typeof this.options.prepend&&(this.options.prepend={"":this.options.prepend}),this.prependData=this.makeArray(this.options.prepend)),a.isArray(this.prependData)&&a.isArray(this.sourceData)&&(this.sourceData=this.prependData.concat(this.sourceData)))},renderList:function(){},value2htmlFinal:function(){},makeArray:function(b){var c,d,e,f,g=[];if(!b||"string"==typeof b)return null;if(a.isArray(b)){f=function(a,b){return d={value:a,text:b},c++>=2?!1:void 0};for(var h=0;h1&&(e.children&&(e.children=this.makeArray(e.children)),g.push(e))):g.push({value:e,text:e})}else a.each(b,function(a,b){g.push({value:a,text:b})});return g},option:function(a,b){this.options[a]=b,"source"===a&&(this.sourceData=null),"prepend"===a&&(this.prependData=null)}}),b.defaults=a.extend({},a.fn.editabletypes.abstractinput.defaults,{source:null,prepend:!1,sourceError:"Error when loading list",sourceCache:!0,sourceOptions:null}),a.fn.editabletypes.list=b}(window.jQuery),function(a){"use strict";var b=function(a){this.init("text",a,b.defaults)};a.fn.editableutils.inherit(b,a.fn.editabletypes.abstractinput),a.extend(b.prototype,{render:function(){this.renderClear(),this.setClass(),this.setAttr("placeholder")},activate:function(){this.$input.is(":visible")&&(this.$input.focus(),a.fn.editableutils.setCursorPosition(this.$input.get(0),this.$input.val().length),this.toggleClear&&this.toggleClear())},renderClear:function(){this.options.clear&&(this.$clear=a(''),this.$input.after(this.$clear).css("padding-right",24).keyup(a.proxy(function(b){if(!~a.inArray(b.keyCode,[40,38,9,13,27])){clearTimeout(this.t);var c=this;this.t=setTimeout(function(){c.toggleClear(b)},100)}},this)).parent().css("position","relative"),this.$clear.click(a.proxy(this.clear,this)))},postrender:function(){},toggleClear:function(){if(this.$clear){var a=this.$input.val().length,b=this.$clear.is(":visible");a&&!b&&this.$clear.show(),!a&&b&&this.$clear.hide()}},clear:function(){this.$clear.hide(),this.$input.val("").focus()}}),b.defaults=a.extend({},a.fn.editabletypes.abstractinput.defaults,{tpl:'',placeholder:null,clear:!0}),a.fn.editabletypes.text=b}(window.jQuery),function(a){"use strict";var b=function(a){this.init("textarea",a,b.defaults)};a.fn.editableutils.inherit(b,a.fn.editabletypes.abstractinput),a.extend(b.prototype,{render:function(){this.setClass(),this.setAttr("placeholder"),this.setAttr("rows"),this.$input.keydown(function(b){b.ctrlKey&&13===b.which&&a(this).closest("form").submit()})},activate:function(){a.fn.editabletypes.text.prototype.activate.call(this)}}),b.defaults=a.extend({},a.fn.editabletypes.abstractinput.defaults,{tpl:"",inputclass:"input-large",placeholder:null,rows:7}),a.fn.editabletypes.textarea=b}(window.jQuery),function(a){"use strict";var b=function(a){this.init("select",a,b.defaults)};a.fn.editableutils.inherit(b,a.fn.editabletypes.list),a.extend(b.prototype,{renderList:function(){this.$input.empty();var b=function(c,d){var e;if(a.isArray(d))for(var f=0;f",e),d[f].children))):(e.value=d[f].value,d[f].disabled&&(e.disabled=!0),c.append(a("