diff --git a/.editorconfig b/.editorconfig new file mode 100755 index 0000000..6f313c6 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,15 @@ +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] +indent_size = 2 diff --git a/.env.example b/.env.example new file mode 100755 index 0000000..27f6db4 --- /dev/null +++ b/.env.example @@ -0,0 +1,39 @@ +APP_NAME=Laravel +APP_ENV=local +APP_KEY= +APP_DEBUG=true +APP_URL=http://localhost + +LOG_CHANNEL=stack + +DB_CONNECTION=mysql +DB_HOST=127.0.0.1 +DB_PORT=3306 +DB_DATABASE=homestead +DB_USERNAME=homestead +DB_PASSWORD=secret + +BROADCAST_DRIVER=log +CACHE_DRIVER=file +QUEUE_CONNECTION=sync +SESSION_DRIVER=file +SESSION_LIFETIME=120 + +REDIS_HOST=127.0.0.1 +REDIS_PASSWORD=null +REDIS_PORT=6379 + +MAIL_DRIVER=smtp +MAIL_HOST=smtp.mailtrap.io +MAIL_PORT=2525 +MAIL_USERNAME=null +MAIL_PASSWORD=null +MAIL_ENCRYPTION=null + +PUSHER_APP_ID= +PUSHER_APP_KEY= +PUSHER_APP_SECRET= +PUSHER_APP_CLUSTER=mt1 + +MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" +MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" diff --git a/.gitattributes b/.gitattributes new file mode 100755 index 0000000..967315d --- /dev/null +++ b/.gitattributes @@ -0,0 +1,5 @@ +* text=auto +*.css linguist-vendored +*.scss linguist-vendored +*.js linguist-vendored +CHANGELOG.md export-ignore diff --git a/.gitignore b/.gitignore new file mode 100755 index 0000000..59e8f45 --- /dev/null +++ b/.gitignore @@ -0,0 +1,11 @@ +/node_modules +/public/hot +/public/storage +/storage/*.key +/vendor +.env +.phpunit.result.cache +Homestead.json +Homestead.yaml +npm-debug.log +yarn-error.log diff --git a/.kdev4/html.kdev4 b/.kdev4/html.kdev4 new file mode 100644 index 0000000..5b093c1 --- /dev/null +++ b/.kdev4/html.kdev4 @@ -0,0 +1,2 @@ +[Buildset] +BuildItems=@Variant(\x00\x00\x00\t\x00\x00\x00\x00\x01\x00\x00\x00\x0b\x00\x00\x00\x00\x01\x00\x00\x00\x08\x00h\x00t\x00m\x00l) diff --git a/app/Category.php b/app/Category.php new file mode 100644 index 0000000..ed3f501 --- /dev/null +++ b/app/Category.php @@ -0,0 +1,24 @@ +hasMany( 'App\Category', 'parent', 'external_id' ); + } + + public function parent(){ + return $this->hasOne( 'App\Category', 'external_id', 'parent' ); + } + + public function products() + { + return $this->belongsToMany('App\Product', 'categories_products', 'category_id', 'product_id'); + } +} diff --git a/app/Console/Kernel.php b/app/Console/Kernel.php new file mode 100755 index 0000000..48cd155 --- /dev/null +++ b/app/Console/Kernel.php @@ -0,0 +1,47 @@ +job(new ProcessParseCatalog, 'catalogparse')->hourly(); + $mytime = Carbon::now(); + Log::info($mytime->toDateTimeString()); + // $schedule->command('inspire') + // ->hourly(); + } + + /** + * Register the commands for the application. + * + * @return void + */ + protected function commands() + { + $this->load(__DIR__.'/Commands'); + + require base_path('routes/console.php'); + } +} diff --git a/app/Exceptions/Handler.php b/app/Exceptions/Handler.php new file mode 100755 index 0000000..043cad6 --- /dev/null +++ b/app/Exceptions/Handler.php @@ -0,0 +1,51 @@ +middleware('guest'); + } +} diff --git a/app/Http/Controllers/Auth/LoginController.php b/app/Http/Controllers/Auth/LoginController.php new file mode 100755 index 0000000..b2ea669 --- /dev/null +++ b/app/Http/Controllers/Auth/LoginController.php @@ -0,0 +1,39 @@ +middleware('guest')->except('logout'); + } +} diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php new file mode 100755 index 0000000..0e8d66a --- /dev/null +++ b/app/Http/Controllers/Auth/RegisterController.php @@ -0,0 +1,72 @@ +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:6', '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']), + ]); + } +} diff --git a/app/Http/Controllers/Auth/ResetPasswordController.php b/app/Http/Controllers/Auth/ResetPasswordController.php new file mode 100755 index 0000000..cf726ee --- /dev/null +++ b/app/Http/Controllers/Auth/ResetPasswordController.php @@ -0,0 +1,39 @@ +middleware('guest'); + } +} diff --git a/app/Http/Controllers/Auth/VerificationController.php b/app/Http/Controllers/Auth/VerificationController.php new file mode 100755 index 0000000..23a43a8 --- /dev/null +++ b/app/Http/Controllers/Auth/VerificationController.php @@ -0,0 +1,41 @@ +middleware('auth'); + $this->middleware('signed')->only('verify'); + $this->middleware('throttle:6,1')->only('verify', 'resend'); + } +} diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php new file mode 100755 index 0000000..03e02a2 --- /dev/null +++ b/app/Http/Controllers/Controller.php @@ -0,0 +1,13 @@ +middleware('auth'); + } + + /** + * Show the application dashboard. + * + * @return \Illuminate\Contracts\Support\Renderable + */ + public function index(Request $request) + { + + $offers = Offer::where('id', '>', 0)->with('product')->orderBy('sales', 'desc')->limit(20)->get()->toArray(); + + if($request->category == null){ + $products = Product::where('id', '>', 0)->paginate(9); + $productsAr = Product::where('id', '>', 0)->paginate(9)->toArray(); + }else{ + $products = Category::where('alias', $request->category)->first()->products()->paginate(9); + $productsAr = Category::where('alias', $request->category)->first()->products()->paginate(9)->toArray(); + } + + if($request->category == null){ + $categories = Category::where('parent', null)->get()->toArray(); + $category = null; + }else{ + + $parentAr = Category::where('alias', $request->category)->first()->toArray(); + $category = Category::where('alias', $request->category)->first()->parent()->get()->toArray(); + if(empty($category)){ + $category = null; + } + $categories = Category::where('parent', $parentAr['external_id'])->get()->toArray(); + } + + return view('home', ['items'=>$offers, 'categories' => $categories, 'products' => $products, 'productsar' => $productsAr, 'actcategory' => $category]); + } + + public function detail(Request $request){ + $data = []; + + $data['product'] = Product::find($request->id)->toArray(); + + return view('detail', $data); + } + + public function search(Request $request){ + $req = $request->all(); + if(!isset($request['query'])){$request['query'] = '';} + $itemsAr = Product::search($request['query'])->paginate(9)->toArray(); + $items = Product::search($request['query'])->paginate(9); + +return view('search', ['items' => $items, 'itemsar' => $itemsAr]); + } + +} diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php new file mode 100755 index 0000000..a3d8c48 --- /dev/null +++ b/app/Http/Kernel.php @@ -0,0 +1,80 @@ + [ + \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, + 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class, + 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, + 'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::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, + \Illuminate\Session\Middleware\AuthenticateSession::class, + \Illuminate\Routing\Middleware\SubstituteBindings::class, + \Illuminate\Auth\Middleware\Authorize::class, + ]; +} diff --git a/app/Http/Middleware/Authenticate.php b/app/Http/Middleware/Authenticate.php new file mode 100755 index 0000000..a4be5c5 --- /dev/null +++ b/app/Http/Middleware/Authenticate.php @@ -0,0 +1,21 @@ +expectsJson()) { + return route('login'); + } + } +} diff --git a/app/Http/Middleware/CheckForMaintenanceMode.php b/app/Http/Middleware/CheckForMaintenanceMode.php new file mode 100755 index 0000000..35b9824 --- /dev/null +++ b/app/Http/Middleware/CheckForMaintenanceMode.php @@ -0,0 +1,17 @@ +check()) { + return redirect('/home'); + } + + return $next($request); + } +} diff --git a/app/Http/Middleware/TrimStrings.php b/app/Http/Middleware/TrimStrings.php new file mode 100755 index 0000000..5a50e7b --- /dev/null +++ b/app/Http/Middleware/TrimStrings.php @@ -0,0 +1,18 @@ +getNewData('https://markethot.ru/export/bestsp'), true); + $this->updateCategories($content); + $this->updateProducts($content); + } + public function getNewData($url, $data = []){ + $client = new \GuzzleHttp\Client(); + $response = $client->request('GET', $url, ['query' => $data]); + $statusCode = $response->getStatusCode(); + return $response->getBody(); + } + public function updateProducts($content){ + $pids = []; + $mpids = []; + + foreach($content['products'] as $product){ + $pids[] = $product['id']; + } + + $mainProducts = Product::whereIn('external_id', $pids)->select('external_id')->get()->toArray(); + foreach($mainProducts as $mainp){ + $mpids[] = $mainp['external_id']; + } + foreach($content['products'] as $product){ + if(in_array($product['id'], $mpids)){continue;} + $productCats = []; + + $productn = new Product; + $productn->external_id = $product['id']; + $productn->title = $product['title']; + $productn->image = $product['image']; + $productn->description = $product['description']; + $productn->first_invoice = $product['first_invoice']; + $productn->url = $product['url']; + $productn->price = $product['price']; + $productn->amount = $product['amount']; + $productn->save(); + + foreach($product['categories'] as $category){ + $cat = Category::where('external_id', $category['id'])->first(); + + $productn->categories()->save($cat); + } + if(isset($product['offers']) && count($product['offers']) > 0 ){ + foreach($product['offers'] as $offer){ + $offern = new Offer; + $offern->external_id = $offer['id']; + $offern->product_id = $productn->id; + $offern->price = $offer['price']; + $offern->amount = $offer['amount']; + $offern->sales = $offer['sales']; + $offern->article = $offer['article']; + $offern->sales = $offer['sales']; + $offern->save(); + } + } + } + } + public function updateCategories($content){ + $categories = []; + $ids = []; + $mids = []; + foreach($content['products'] as $product){ + foreach($product['categories'] as $category){ + $categories[$category['id']] = $category; + $ids[] = $category['id']; + } + } + + $mainCategories = Category::whereIn('external_id', $ids)->select('external_id')->get()->toArray(); + foreach($mainCategories as $mainc){ + $mids[] = $mainc['external_id']; + } + + foreach($categories as $key=>$value){ + if(in_array($value['id'], $mids)){continue;} + + $category = new Category; + $category->external_id = $value['id']; + $category->title = $value['title']; + $category->alias = $value['alias']; + $category->parent = $value['parent']; + $category->save(); + } + + } +} diff --git a/app/Offer.php b/app/Offer.php new file mode 100644 index 0000000..27e76b5 --- /dev/null +++ b/app/Offer.php @@ -0,0 +1,14 @@ +belongsTo('App\Product'); + } + +} diff --git a/app/Product.php b/app/Product.php new file mode 100644 index 0000000..104cf83 --- /dev/null +++ b/app/Product.php @@ -0,0 +1,27 @@ +belongsToMany('App\Category', 'categories_products', 'product_id', 'category_id'); + } + + public function offers() + { + return $this->hasMany('App\Offer'); + } +} diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php new file mode 100755 index 0000000..35471f6 --- /dev/null +++ b/app/Providers/AppServiceProvider.php @@ -0,0 +1,28 @@ + 'App\Policies\ModelPolicy', + ]; + + /** + * Register any authentication / authorization services. + * + * @return void + */ + public function boot() + { + $this->registerPolicies(); + + // + } +} diff --git a/app/Providers/BroadcastServiceProvider.php b/app/Providers/BroadcastServiceProvider.php new file mode 100755 index 0000000..352cce4 --- /dev/null +++ b/app/Providers/BroadcastServiceProvider.php @@ -0,0 +1,21 @@ + [ + SendEmailVerificationNotification::class, + ], + ]; + + /** + * Register any events for your application. + * + * @return void + */ + public function boot() + { + parent::boot(); + + // + } +} diff --git a/app/Providers/RouteServiceProvider.php b/app/Providers/RouteServiceProvider.php new file mode 100755 index 0000000..5ea48d3 --- /dev/null +++ b/app/Providers/RouteServiceProvider.php @@ -0,0 +1,73 @@ +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')); + } +} diff --git a/app/User.php b/app/User.php new file mode 100755 index 0000000..fbc0e58 --- /dev/null +++ b/app/User.php @@ -0,0 +1,30 @@ +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); diff --git a/bootstrap/app.php b/bootstrap/app.php new file mode 100755 index 0000000..037e17d --- /dev/null +++ b/bootstrap/app.php @@ -0,0 +1,55 @@ +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; diff --git a/bootstrap/cache/.gitignore b/bootstrap/cache/.gitignore new file mode 100755 index 0000000..d6b7ef3 --- /dev/null +++ b/bootstrap/cache/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore diff --git a/composer.json b/composer.json new file mode 100755 index 0000000..e6e6b1e --- /dev/null +++ b/composer.json @@ -0,0 +1,63 @@ +{ + "name": "laravel/laravel", + "type": "project", + "description": "The Laravel Framework.", + "keywords": [ + "framework", + "laravel" + ], + "license": "MIT", + "require": { + "php": "^7.1.3", + "fideloper/proxy": "^4.0", + "laravel/framework": "5.7.*", + "laravel/tinker": "^1.0", + "yab/laravel-scout-mysql-driver": "^2.1" + }, + "require-dev": { + "beyondcode/laravel-dump-server": "^1.0", + "filp/whoops": "^2.0", + "fzaninotto/faker": "^1.4", + "mockery/mockery": "^1.0", + "nunomaduro/collision": "^2.0", + "phpunit/phpunit": "^7.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" + ] + } +} diff --git a/composer.lock b/composer.lock new file mode 100755 index 0000000..4680459 --- /dev/null +++ b/composer.lock @@ -0,0 +1,5057 @@ +{ + "_readme": [ + "This file locks the dependencies of your project to a known state", + "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file", + "This file is @generated automatically" + ], + "content-hash": "81225d7707c001380cce41f22114927b", + "packages": [ + { + "name": "dnoegel/php-xdg-base-dir", + "version": "0.1", + "source": { + "type": "git", + "url": "https://github.com/dnoegel/php-xdg-base-dir.git", + "reference": "265b8593498b997dc2d31e75b89f053b5cc9621a" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/dnoegel/php-xdg-base-dir/zipball/265b8593498b997dc2d31e75b89f053b5cc9621a", + "reference": "265b8593498b997dc2d31e75b89f053b5cc9621a", + "shasum": "" + }, + "require": { + "php": ">=5.3.2" + }, + "require-dev": { + "phpunit/phpunit": "@stable" + }, + "type": "project", + "autoload": { + "psr-4": { + "XdgBaseDir\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "description": "implementation of xdg base directory specification for php", + "time": "2014-10-24T07:27:01+00:00" + }, + { + "name": "doctrine/inflector", + "version": "v1.3.0", + "source": { + "type": "git", + "url": "https://github.com/doctrine/inflector.git", + "reference": "5527a48b7313d15261292c149e55e26eae771b0a" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/doctrine/inflector/zipball/5527a48b7313d15261292c149e55e26eae771b0a", + "reference": "5527a48b7313d15261292c149e55e26eae771b0a", + "shasum": "" + }, + "require": { + "php": "^7.1" + }, + "require-dev": { + "phpunit/phpunit": "^6.2" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.3.x-dev" + } + }, + "autoload": { + "psr-4": { + "Doctrine\\Common\\Inflector\\": "lib/Doctrine/Common/Inflector" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Roman Borschel", + "email": "roman@code-factory.org" + }, + { + "name": "Benjamin Eberlei", + "email": "kontakt@beberlei.de" + }, + { + "name": "Guilherme Blanco", + "email": "guilhermeblanco@gmail.com" + }, + { + "name": "Jonathan Wage", + "email": "jonwage@gmail.com" + }, + { + "name": "Johannes Schmitt", + "email": "schmittjoh@gmail.com" + } + ], + "description": "Common String Manipulations with regard to casing and singular/plural rules.", + "homepage": "http://www.doctrine-project.org", + "keywords": [ + "inflection", + "pluralize", + "singularize", + "string" + ], + "time": "2018-01-09T20:05:19+00:00" + }, + { + "name": "doctrine/lexer", + "version": "v1.0.1", + "source": { + "type": "git", + "url": "https://github.com/doctrine/lexer.git", + "reference": "83893c552fd2045dd78aef794c31e694c37c0b8c" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/doctrine/lexer/zipball/83893c552fd2045dd78aef794c31e694c37c0b8c", + "reference": "83893c552fd2045dd78aef794c31e694c37c0b8c", + "shasum": "" + }, + "require": { + "php": ">=5.3.2" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "psr-0": { + "Doctrine\\Common\\Lexer\\": "lib/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Roman Borschel", + "email": "roman@code-factory.org" + }, + { + "name": "Guilherme Blanco", + "email": "guilhermeblanco@gmail.com" + }, + { + "name": "Johannes Schmitt", + "email": "schmittjoh@gmail.com" + } + ], + "description": "Base library for a lexer that can be used in Top-Down, Recursive Descent Parsers.", + "homepage": "http://www.doctrine-project.org", + "keywords": [ + "lexer", + "parser" + ], + "time": "2014-09-09T13:34:57+00:00" + }, + { + "name": "dragonmantank/cron-expression", + "version": "v2.2.0", + "source": { + "type": "git", + "url": "https://github.com/dragonmantank/cron-expression.git", + "reference": "92a2c3768d50e21a1f26a53cb795ce72806266c5" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/92a2c3768d50e21a1f26a53cb795ce72806266c5", + "reference": "92a2c3768d50e21a1f26a53cb795ce72806266c5", + "shasum": "" + }, + "require": { + "php": ">=7.0.0" + }, + "require-dev": { + "phpunit/phpunit": "~6.4" + }, + "type": "library", + "autoload": { + "psr-4": { + "Cron\\": "src/Cron/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Michael Dowling", + "email": "mtdowling@gmail.com", + "homepage": "https://github.com/mtdowling" + }, + { + "name": "Chris Tankersley", + "email": "chris@ctankersley.com", + "homepage": "https://github.com/dragonmantank" + } + ], + "description": "CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due", + "keywords": [ + "cron", + "schedule" + ], + "time": "2018-06-06T03:12:17+00:00" + }, + { + "name": "egulias/email-validator", + "version": "2.1.7", + "source": { + "type": "git", + "url": "https://github.com/egulias/EmailValidator.git", + "reference": "709f21f92707308cdf8f9bcfa1af4cb26586521e" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/egulias/EmailValidator/zipball/709f21f92707308cdf8f9bcfa1af4cb26586521e", + "reference": "709f21f92707308cdf8f9bcfa1af4cb26586521e", + "shasum": "" + }, + "require": { + "doctrine/lexer": "^1.0.1", + "php": ">= 5.5" + }, + "require-dev": { + "dominicsayers/isemail": "dev-master", + "phpunit/phpunit": "^4.8.35||^5.7||^6.0", + "satooshi/php-coveralls": "^1.0.1" + }, + "suggest": { + "ext-intl": "PHP Internationalization Libraries are required to use the SpoofChecking validation" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "Egulias\\EmailValidator\\": "EmailValidator" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Eduardo Gulias Davis" + } + ], + "description": "A library for validating emails against several RFCs", + "homepage": "https://github.com/egulias/EmailValidator", + "keywords": [ + "email", + "emailvalidation", + "emailvalidator", + "validation", + "validator" + ], + "time": "2018-12-04T22:38:24+00:00" + }, + { + "name": "erusev/parsedown", + "version": "1.7.1", + "source": { + "type": "git", + "url": "https://github.com/erusev/parsedown.git", + "reference": "92e9c27ba0e74b8b028b111d1b6f956a15c01fc1" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/erusev/parsedown/zipball/92e9c27ba0e74b8b028b111d1b6f956a15c01fc1", + "reference": "92e9c27ba0e74b8b028b111d1b6f956a15c01fc1", + "shasum": "" + }, + "require": { + "ext-mbstring": "*", + "php": ">=5.3.0" + }, + "require-dev": { + "phpunit/phpunit": "^4.8.35" + }, + "type": "library", + "autoload": { + "psr-0": { + "Parsedown": "" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Emanuil Rusev", + "email": "hello@erusev.com", + "homepage": "http://erusev.com" + } + ], + "description": "Parser for Markdown.", + "homepage": "http://parsedown.org", + "keywords": [ + "markdown", + "parser" + ], + "time": "2018-03-08T01:11:30+00:00" + }, + { + "name": "fideloper/proxy", + "version": "4.1.0", + "source": { + "type": "git", + "url": "https://github.com/fideloper/TrustedProxy.git", + "reference": "177c79a2d1f9970f89ee2fb4c12b429af38b6dfb" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/fideloper/TrustedProxy/zipball/177c79a2d1f9970f89ee2fb4c12b429af38b6dfb", + "reference": "177c79a2d1f9970f89ee2fb4c12b429af38b6dfb", + "shasum": "" + }, + "require": { + "illuminate/contracts": "~5.0", + "php": ">=5.4.0" + }, + "require-dev": { + "illuminate/http": "~5.6", + "mockery/mockery": "~1.0", + "phpunit/phpunit": "^6.0" + }, + "type": "library", + "extra": { + "laravel": { + "providers": [ + "Fideloper\\Proxy\\TrustedProxyServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "Fideloper\\Proxy\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Chris Fidao", + "email": "fideloper@gmail.com" + } + ], + "description": "Set trusted proxies for Laravel", + "keywords": [ + "load balancing", + "proxy", + "trusted proxy" + ], + "time": "2019-01-10T14:06:47+00:00" + }, + { + "name": "guzzlehttp/guzzle", + "version": "6.3.3", + "source": { + "type": "git", + "url": "https://github.com/guzzle/guzzle.git", + "reference": "407b0cb880ace85c9b63c5f9551db498cb2d50ba" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/guzzle/guzzle/zipball/407b0cb880ace85c9b63c5f9551db498cb2d50ba", + "reference": "407b0cb880ace85c9b63c5f9551db498cb2d50ba", + "shasum": "" + }, + "require": { + "guzzlehttp/promises": "^1.0", + "guzzlehttp/psr7": "^1.4", + "php": ">=5.5" + }, + "require-dev": { + "ext-curl": "*", + "phpunit/phpunit": "^4.8.35 || ^5.7 || ^6.4 || ^7.0", + "psr/log": "^1.0" + }, + "suggest": { + "psr/log": "Required for using the Log middleware" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "6.3-dev" + } + }, + "autoload": { + "files": [ + "src/functions_include.php" + ], + "psr-4": { + "GuzzleHttp\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Michael Dowling", + "email": "mtdowling@gmail.com", + "homepage": "https://github.com/mtdowling" + } + ], + "description": "Guzzle is a PHP HTTP client library", + "homepage": "http://guzzlephp.org/", + "keywords": [ + "client", + "curl", + "framework", + "http", + "http client", + "rest", + "web service" + ], + "time": "2018-04-22T15:46:56+00:00" + }, + { + "name": "guzzlehttp/promises", + "version": "v1.3.1", + "source": { + "type": "git", + "url": "https://github.com/guzzle/promises.git", + "reference": "a59da6cf61d80060647ff4d3eb2c03a2bc694646" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/guzzle/promises/zipball/a59da6cf61d80060647ff4d3eb2c03a2bc694646", + "reference": "a59da6cf61d80060647ff4d3eb2c03a2bc694646", + "shasum": "" + }, + "require": { + "php": ">=5.5.0" + }, + "require-dev": { + "phpunit/phpunit": "^4.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.4-dev" + } + }, + "autoload": { + "psr-4": { + "GuzzleHttp\\Promise\\": "src/" + }, + "files": [ + "src/functions_include.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Michael Dowling", + "email": "mtdowling@gmail.com", + "homepage": "https://github.com/mtdowling" + } + ], + "description": "Guzzle promises library", + "keywords": [ + "promise" + ], + "time": "2016-12-20T10:07:11+00:00" + }, + { + "name": "guzzlehttp/psr7", + "version": "1.5.2", + "source": { + "type": "git", + "url": "https://github.com/guzzle/psr7.git", + "reference": "9f83dded91781a01c63574e387eaa769be769115" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/guzzle/psr7/zipball/9f83dded91781a01c63574e387eaa769be769115", + "reference": "9f83dded91781a01c63574e387eaa769be769115", + "shasum": "" + }, + "require": { + "php": ">=5.4.0", + "psr/http-message": "~1.0", + "ralouphie/getallheaders": "^2.0.5" + }, + "provide": { + "psr/http-message-implementation": "1.0" + }, + "require-dev": { + "phpunit/phpunit": "~4.8.36 || ^5.7.27 || ^6.5.8" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.5-dev" + } + }, + "autoload": { + "psr-4": { + "GuzzleHttp\\Psr7\\": "src/" + }, + "files": [ + "src/functions_include.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Michael Dowling", + "email": "mtdowling@gmail.com", + "homepage": "https://github.com/mtdowling" + }, + { + "name": "Tobias Schultze", + "homepage": "https://github.com/Tobion" + } + ], + "description": "PSR-7 message implementation that also provides common utility methods", + "keywords": [ + "http", + "message", + "psr-7", + "request", + "response", + "stream", + "uri", + "url" + ], + "time": "2018-12-04T20:46:45+00:00" + }, + { + "name": "jakub-onderka/php-console-color", + "version": "v0.2", + "source": { + "type": "git", + "url": "https://github.com/JakubOnderka/PHP-Console-Color.git", + "reference": "d5deaecff52a0d61ccb613bb3804088da0307191" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/JakubOnderka/PHP-Console-Color/zipball/d5deaecff52a0d61ccb613bb3804088da0307191", + "reference": "d5deaecff52a0d61ccb613bb3804088da0307191", + "shasum": "" + }, + "require": { + "php": ">=5.4.0" + }, + "require-dev": { + "jakub-onderka/php-code-style": "1.0", + "jakub-onderka/php-parallel-lint": "1.0", + "jakub-onderka/php-var-dump-check": "0.*", + "phpunit/phpunit": "~4.3", + "squizlabs/php_codesniffer": "1.*" + }, + "type": "library", + "autoload": { + "psr-4": { + "JakubOnderka\\PhpConsoleColor\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-2-Clause" + ], + "authors": [ + { + "name": "Jakub Onderka", + "email": "jakub.onderka@gmail.com" + } + ], + "time": "2018-09-29T17:23:10+00:00" + }, + { + "name": "jakub-onderka/php-console-highlighter", + "version": "v0.4", + "source": { + "type": "git", + "url": "https://github.com/JakubOnderka/PHP-Console-Highlighter.git", + "reference": "9f7a229a69d52506914b4bc61bfdb199d90c5547" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/JakubOnderka/PHP-Console-Highlighter/zipball/9f7a229a69d52506914b4bc61bfdb199d90c5547", + "reference": "9f7a229a69d52506914b4bc61bfdb199d90c5547", + "shasum": "" + }, + "require": { + "ext-tokenizer": "*", + "jakub-onderka/php-console-color": "~0.2", + "php": ">=5.4.0" + }, + "require-dev": { + "jakub-onderka/php-code-style": "~1.0", + "jakub-onderka/php-parallel-lint": "~1.0", + "jakub-onderka/php-var-dump-check": "~0.1", + "phpunit/phpunit": "~4.0", + "squizlabs/php_codesniffer": "~1.5" + }, + "type": "library", + "autoload": { + "psr-4": { + "JakubOnderka\\PhpConsoleHighlighter\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Jakub Onderka", + "email": "acci@acci.cz", + "homepage": "http://www.acci.cz/" + } + ], + "description": "Highlight PHP code in terminal", + "time": "2018-09-29T18:48:56+00:00" + }, + { + "name": "laravel/framework", + "version": "v5.7.21", + "source": { + "type": "git", + "url": "https://github.com/laravel/framework.git", + "reference": "25f74458a242b61cc9e9c09d31f94fb13ed805f3" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/laravel/framework/zipball/25f74458a242b61cc9e9c09d31f94fb13ed805f3", + "reference": "25f74458a242b61cc9e9c09d31f94fb13ed805f3", + "shasum": "" + }, + "require": { + "doctrine/inflector": "^1.1", + "dragonmantank/cron-expression": "^2.0", + "erusev/parsedown": "^1.7", + "ext-mbstring": "*", + "ext-openssl": "*", + "laravel/nexmo-notification-channel": "^1.0", + "laravel/slack-notification-channel": "^1.0", + "league/flysystem": "^1.0.8", + "monolog/monolog": "^1.12", + "nesbot/carbon": "^1.26.3", + "opis/closure": "^3.1", + "php": "^7.1.3", + "psr/container": "^1.0", + "psr/simple-cache": "^1.0", + "ramsey/uuid": "^3.7", + "swiftmailer/swiftmailer": "^6.0", + "symfony/console": "^4.1", + "symfony/debug": "^4.1", + "symfony/finder": "^4.1", + "symfony/http-foundation": "^4.1", + "symfony/http-kernel": "^4.1", + "symfony/process": "^4.1", + "symfony/routing": "^4.1", + "symfony/var-dumper": "^4.1", + "tijsverkoyen/css-to-inline-styles": "^2.2.1", + "vlucas/phpdotenv": "^2.2" + }, + "conflict": { + "tightenco/collect": "<5.5.33" + }, + "replace": { + "illuminate/auth": "self.version", + "illuminate/broadcasting": "self.version", + "illuminate/bus": "self.version", + "illuminate/cache": "self.version", + "illuminate/config": "self.version", + "illuminate/console": "self.version", + "illuminate/container": "self.version", + "illuminate/contracts": "self.version", + "illuminate/cookie": "self.version", + "illuminate/database": "self.version", + "illuminate/encryption": "self.version", + "illuminate/events": "self.version", + "illuminate/filesystem": "self.version", + "illuminate/hashing": "self.version", + "illuminate/http": "self.version", + "illuminate/log": "self.version", + "illuminate/mail": "self.version", + "illuminate/notifications": "self.version", + "illuminate/pagination": "self.version", + "illuminate/pipeline": "self.version", + "illuminate/queue": "self.version", + "illuminate/redis": "self.version", + "illuminate/routing": "self.version", + "illuminate/session": "self.version", + "illuminate/support": "self.version", + "illuminate/translation": "self.version", + "illuminate/validation": "self.version", + "illuminate/view": "self.version" + }, + "require-dev": { + "aws/aws-sdk-php": "^3.0", + "doctrine/dbal": "^2.6", + "filp/whoops": "^2.1.4", + "guzzlehttp/guzzle": "^6.3", + "league/flysystem-cached-adapter": "^1.0", + "mockery/mockery": "^1.0", + "moontoast/math": "^1.1", + "orchestra/testbench-core": "3.7.*", + "pda/pheanstalk": "^3.0", + "phpunit/phpunit": "^7.5", + "predis/predis": "^1.1.1", + "symfony/css-selector": "^4.1", + "symfony/dom-crawler": "^4.1", + "true/punycode": "^2.1" + }, + "suggest": { + "aws/aws-sdk-php": "Required to use the SQS queue driver and SES mail driver (^3.0).", + "doctrine/dbal": "Required to rename columns and drop SQLite columns (^2.6).", + "ext-pcntl": "Required to use all features of the queue worker.", + "ext-posix": "Required to use all features of the queue worker.", + "filp/whoops": "Required for friendly error pages in development (^2.1.4).", + "fzaninotto/faker": "Required to use the eloquent factory builder (^1.4).", + "guzzlehttp/guzzle": "Required to use the Mailgun and Mandrill mail drivers and the ping methods on schedules (^6.0).", + "laravel/tinker": "Required to use the tinker console command (^1.0).", + "league/flysystem-aws-s3-v3": "Required to use the Flysystem S3 driver (^1.0).", + "league/flysystem-cached-adapter": "Required to use the Flysystem cache (^1.0).", + "league/flysystem-rackspace": "Required to use the Flysystem Rackspace driver (^1.0).", + "league/flysystem-sftp": "Required to use the Flysystem SFTP driver (^1.0).", + "moontoast/math": "Required to use ordered UUIDs (^1.1).", + "nexmo/client": "Required to use the Nexmo transport (^1.0).", + "pda/pheanstalk": "Required to use the beanstalk queue driver (^3.0).", + "predis/predis": "Required to use the redis cache and queue drivers (^1.0).", + "pusher/pusher-php-server": "Required to use the Pusher broadcast driver (^3.0).", + "symfony/css-selector": "Required to use some of the crawler integration testing tools (^4.1).", + "symfony/dom-crawler": "Required to use most of the crawler integration testing tools (^4.1).", + "symfony/psr-http-message-bridge": "Required to psr7 bridging features (^1.0)." + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "5.7-dev" + } + }, + "autoload": { + "files": [ + "src/Illuminate/Foundation/helpers.php", + "src/Illuminate/Support/helpers.php" + ], + "psr-4": { + "Illuminate\\": "src/Illuminate/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Taylor Otwell", + "email": "taylor@laravel.com" + } + ], + "description": "The Laravel Framework.", + "homepage": "https://laravel.com", + "keywords": [ + "framework", + "laravel" + ], + "time": "2019-01-15T15:20:32+00:00" + }, + { + "name": "laravel/nexmo-notification-channel", + "version": "v1.0.1", + "source": { + "type": "git", + "url": "https://github.com/laravel/nexmo-notification-channel.git", + "reference": "03edd42a55b306ff980c9950899d5a2b03260d48" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/laravel/nexmo-notification-channel/zipball/03edd42a55b306ff980c9950899d5a2b03260d48", + "reference": "03edd42a55b306ff980c9950899d5a2b03260d48", + "shasum": "" + }, + "require": { + "nexmo/client": "^1.0", + "php": "^7.1.3" + }, + "require-dev": { + "illuminate/notifications": "~5.7", + "mockery/mockery": "^1.0", + "phpunit/phpunit": "^7.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0-dev" + }, + "laravel": { + "providers": [ + "Illuminate\\Notifications\\NexmoChannelServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "Illuminate\\Notifications\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Taylor Otwell", + "email": "taylor@laravel.com" + } + ], + "description": "Nexmo Notification Channel for laravel.", + "keywords": [ + "laravel", + "nexmo", + "notifications" + ], + "time": "2018-12-04T12:57:08+00:00" + }, + { + "name": "laravel/scout", + "version": "v6.1.3", + "source": { + "type": "git", + "url": "https://github.com/laravel/scout.git", + "reference": "591a0419fe47b0c379be652c532cb4f669e63769" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/laravel/scout/zipball/591a0419fe47b0c379be652c532cb4f669e63769", + "reference": "591a0419fe47b0c379be652c532cb4f669e63769", + "shasum": "" + }, + "require": { + "illuminate/bus": "~5.4", + "illuminate/contracts": "~5.4", + "illuminate/database": "~5.4", + "illuminate/pagination": "~5.4", + "illuminate/queue": "~5.4", + "illuminate/support": "~5.4", + "php": ">=7.0" + }, + "require-dev": { + "algolia/algoliasearch-client-php": "^1.10", + "mockery/mockery": "~1.0", + "phpunit/phpunit": "~6.0" + }, + "suggest": { + "algolia/algoliasearch-client-php": "Required to use the Algolia engine (^1.10)." + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "6.0-dev" + }, + "laravel": { + "providers": [ + "Laravel\\Scout\\ScoutServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "Laravel\\Scout\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Taylor Otwell", + "email": "taylor@laravel.com" + } + ], + "description": "Laravel Scout provides a driver based solution to searching your Eloquent models.", + "keywords": [ + "algolia", + "laravel", + "search" + ], + "time": "2018-12-11T20:35:14+00:00" + }, + { + "name": "laravel/slack-notification-channel", + "version": "v1.0.3", + "source": { + "type": "git", + "url": "https://github.com/laravel/slack-notification-channel.git", + "reference": "6e164293b754a95f246faf50ab2bbea3e4923cc9" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/laravel/slack-notification-channel/zipball/6e164293b754a95f246faf50ab2bbea3e4923cc9", + "reference": "6e164293b754a95f246faf50ab2bbea3e4923cc9", + "shasum": "" + }, + "require": { + "guzzlehttp/guzzle": "^6.0", + "php": "^7.1.3" + }, + "require-dev": { + "illuminate/notifications": "~5.7", + "mockery/mockery": "^1.0", + "phpunit/phpunit": "^7.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0-dev" + }, + "laravel": { + "providers": [ + "Illuminate\\Notifications\\SlackChannelServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "Illuminate\\Notifications\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Taylor Otwell", + "email": "taylor@laravel.com" + } + ], + "description": "Slack Notification Channel for laravel.", + "keywords": [ + "laravel", + "notifications", + "slack" + ], + "time": "2018-12-12T13:12:06+00:00" + }, + { + "name": "laravel/tinker", + "version": "v1.0.8", + "source": { + "type": "git", + "url": "https://github.com/laravel/tinker.git", + "reference": "cafbf598a90acde68985660e79b2b03c5609a405" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/laravel/tinker/zipball/cafbf598a90acde68985660e79b2b03c5609a405", + "reference": "cafbf598a90acde68985660e79b2b03c5609a405", + "shasum": "" + }, + "require": { + "illuminate/console": "~5.1", + "illuminate/contracts": "~5.1", + "illuminate/support": "~5.1", + "php": ">=5.5.9", + "psy/psysh": "0.7.*|0.8.*|0.9.*", + "symfony/var-dumper": "~3.0|~4.0" + }, + "require-dev": { + "phpunit/phpunit": "~4.0|~5.0" + }, + "suggest": { + "illuminate/database": "The Illuminate Database package (~5.1)." + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0-dev" + }, + "laravel": { + "providers": [ + "Laravel\\Tinker\\TinkerServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "Laravel\\Tinker\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Taylor Otwell", + "email": "taylor@laravel.com" + } + ], + "description": "Powerful REPL for the Laravel framework.", + "keywords": [ + "REPL", + "Tinker", + "laravel", + "psysh" + ], + "time": "2018-10-12T19:39:35+00:00" + }, + { + "name": "lcobucci/jwt", + "version": "3.2.5", + "source": { + "type": "git", + "url": "https://github.com/lcobucci/jwt.git", + "reference": "82be04b4753f8b7693b62852b7eab30f97524f9b" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/lcobucci/jwt/zipball/82be04b4753f8b7693b62852b7eab30f97524f9b", + "reference": "82be04b4753f8b7693b62852b7eab30f97524f9b", + "shasum": "" + }, + "require": { + "ext-openssl": "*", + "php": ">=5.5" + }, + "require-dev": { + "mdanter/ecc": "~0.3.1", + "mikey179/vfsstream": "~1.5", + "phpmd/phpmd": "~2.2", + "phpunit/php-invoker": "~1.1", + "phpunit/phpunit": "~4.5", + "squizlabs/php_codesniffer": "~2.3" + }, + "suggest": { + "mdanter/ecc": "Required to use Elliptic Curves based algorithms." + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.1-dev" + } + }, + "autoload": { + "psr-4": { + "Lcobucci\\JWT\\": "src" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Luís Otávio Cobucci Oblonczyk", + "email": "lcobucci@gmail.com", + "role": "developer" + } + ], + "description": "A simple library to work with JSON Web Token and JSON Web Signature", + "keywords": [ + "JWS", + "jwt" + ], + "time": "2018-11-11T12:22:26+00:00" + }, + { + "name": "league/flysystem", + "version": "1.0.49", + "source": { + "type": "git", + "url": "https://github.com/thephpleague/flysystem.git", + "reference": "a63cc83d8a931b271be45148fa39ba7156782ffd" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/a63cc83d8a931b271be45148fa39ba7156782ffd", + "reference": "a63cc83d8a931b271be45148fa39ba7156782ffd", + "shasum": "" + }, + "require": { + "ext-fileinfo": "*", + "php": ">=5.5.9" + }, + "conflict": { + "league/flysystem-sftp": "<1.0.6" + }, + "require-dev": { + "phpspec/phpspec": "^3.4", + "phpunit/phpunit": "^5.7.10" + }, + "suggest": { + "ext-fileinfo": "Required for MimeType", + "ext-ftp": "Allows you to use FTP server storage", + "ext-openssl": "Allows you to use FTPS server storage", + "league/flysystem-aws-s3-v2": "Allows you to use S3 storage with AWS SDK v2", + "league/flysystem-aws-s3-v3": "Allows you to use S3 storage with AWS SDK v3", + "league/flysystem-azure": "Allows you to use Windows Azure Blob storage", + "league/flysystem-cached-adapter": "Flysystem adapter decorator for metadata caching", + "league/flysystem-eventable-filesystem": "Allows you to use EventableFilesystem", + "league/flysystem-rackspace": "Allows you to use Rackspace Cloud Files", + "league/flysystem-sftp": "Allows you to use SFTP server storage via phpseclib", + "league/flysystem-webdav": "Allows you to use WebDAV storage", + "league/flysystem-ziparchive": "Allows you to use ZipArchive adapter", + "spatie/flysystem-dropbox": "Allows you to use Dropbox storage", + "srmklive/flysystem-dropbox-v2": "Allows you to use Dropbox storage for PHP 5 applications" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.1-dev" + } + }, + "autoload": { + "psr-4": { + "League\\Flysystem\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Frank de Jonge", + "email": "info@frenky.net" + } + ], + "description": "Filesystem abstraction: Many filesystems, one API.", + "keywords": [ + "Cloud Files", + "WebDAV", + "abstraction", + "aws", + "cloud", + "copy.com", + "dropbox", + "file systems", + "files", + "filesystem", + "filesystems", + "ftp", + "rackspace", + "remote", + "s3", + "sftp", + "storage" + ], + "time": "2018-11-23T23:41:29+00:00" + }, + { + "name": "monolog/monolog", + "version": "1.24.0", + "source": { + "type": "git", + "url": "https://github.com/Seldaek/monolog.git", + "reference": "bfc9ebb28f97e7a24c45bdc3f0ff482e47bb0266" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/Seldaek/monolog/zipball/bfc9ebb28f97e7a24c45bdc3f0ff482e47bb0266", + "reference": "bfc9ebb28f97e7a24c45bdc3f0ff482e47bb0266", + "shasum": "" + }, + "require": { + "php": ">=5.3.0", + "psr/log": "~1.0" + }, + "provide": { + "psr/log-implementation": "1.0.0" + }, + "require-dev": { + "aws/aws-sdk-php": "^2.4.9 || ^3.0", + "doctrine/couchdb": "~1.0@dev", + "graylog2/gelf-php": "~1.0", + "jakub-onderka/php-parallel-lint": "0.9", + "php-amqplib/php-amqplib": "~2.4", + "php-console/php-console": "^3.1.3", + "phpunit/phpunit": "~4.5", + "phpunit/phpunit-mock-objects": "2.3.0", + "ruflin/elastica": ">=0.90 <3.0", + "sentry/sentry": "^0.13", + "swiftmailer/swiftmailer": "^5.3|^6.0" + }, + "suggest": { + "aws/aws-sdk-php": "Allow sending log messages to AWS services like DynamoDB", + "doctrine/couchdb": "Allow sending log messages to a CouchDB server", + "ext-amqp": "Allow sending log messages to an AMQP server (1.0+ required)", + "ext-mongo": "Allow sending log messages to a MongoDB server", + "graylog2/gelf-php": "Allow sending log messages to a GrayLog2 server", + "mongodb/mongodb": "Allow sending log messages to a MongoDB server via PHP Driver", + "php-amqplib/php-amqplib": "Allow sending log messages to an AMQP server using php-amqplib", + "php-console/php-console": "Allow sending log messages to Google Chrome", + "rollbar/rollbar": "Allow sending log messages to Rollbar", + "ruflin/elastica": "Allow sending log messages to an Elastic Search server", + "sentry/sentry": "Allow sending log messages to a Sentry server" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "Monolog\\": "src/Monolog" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Jordi Boggiano", + "email": "j.boggiano@seld.be", + "homepage": "http://seld.be" + } + ], + "description": "Sends your logs to files, sockets, inboxes, databases and various web services", + "homepage": "http://github.com/Seldaek/monolog", + "keywords": [ + "log", + "logging", + "psr-3" + ], + "time": "2018-11-05T09:00:11+00:00" + }, + { + "name": "nesbot/carbon", + "version": "1.36.2", + "source": { + "type": "git", + "url": "https://github.com/briannesbitt/Carbon.git", + "reference": "cd324b98bc30290f233dd0e75e6ce49f7ab2a6c9" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/cd324b98bc30290f233dd0e75e6ce49f7ab2a6c9", + "reference": "cd324b98bc30290f233dd0e75e6ce49f7ab2a6c9", + "shasum": "" + }, + "require": { + "php": ">=5.3.9", + "symfony/translation": "~2.6 || ~3.0 || ~4.0" + }, + "require-dev": { + "phpunit/phpunit": "^4.8.35 || ^5.7" + }, + "suggest": { + "friendsofphp/php-cs-fixer": "Needed for the `composer phpcs` command. Allow to automatically fix code style.", + "phpstan/phpstan": "Needed for the `composer phpstan` command. Allow to detect potential errors." + }, + "type": "library", + "extra": { + "laravel": { + "providers": [ + "Carbon\\Laravel\\ServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Brian Nesbitt", + "email": "brian@nesbot.com", + "homepage": "http://nesbot.com" + } + ], + "description": "A simple API extension for DateTime.", + "homepage": "http://carbon.nesbot.com", + "keywords": [ + "date", + "datetime", + "time" + ], + "time": "2018-12-28T10:07:33+00:00" + }, + { + "name": "nexmo/client", + "version": "1.6.0", + "source": { + "type": "git", + "url": "https://github.com/Nexmo/nexmo-php.git", + "reference": "01809cc1e17a5af275913c49bb5d444eb6cc06d4" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/Nexmo/nexmo-php/zipball/01809cc1e17a5af275913c49bb5d444eb6cc06d4", + "reference": "01809cc1e17a5af275913c49bb5d444eb6cc06d4", + "shasum": "" + }, + "require": { + "lcobucci/jwt": "^3.2", + "php": ">=5.6", + "php-http/client-implementation": "^1.0", + "php-http/guzzle6-adapter": "^1.0", + "zendframework/zend-diactoros": "^1.3" + }, + "require-dev": { + "estahn/phpunit-json-assertions": "^1.0.0", + "php-http/mock-client": "^0.3.0", + "phpunit/phpunit": "^5.7", + "squizlabs/php_codesniffer": "^3.1" + }, + "type": "library", + "autoload": { + "psr-4": { + "Nexmo\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Tim Lytle", + "email": "tim@nexmo.com", + "homepage": "http://twitter.com/tjlytle", + "role": "Developer" + } + ], + "description": "PHP Client for using Nexmo's API.", + "time": "2018-12-17T10:47:50+00:00" + }, + { + "name": "nikic/php-parser", + "version": "v4.2.0", + "source": { + "type": "git", + "url": "https://github.com/nikic/PHP-Parser.git", + "reference": "594bcae1fc0bccd3993d2f0d61a018e26ac2865a" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/594bcae1fc0bccd3993d2f0d61a018e26ac2865a", + "reference": "594bcae1fc0bccd3993d2f0d61a018e26ac2865a", + "shasum": "" + }, + "require": { + "ext-tokenizer": "*", + "php": ">=7.0" + }, + "require-dev": { + "phpunit/phpunit": "^6.5 || ^7.0" + }, + "bin": [ + "bin/php-parse" + ], + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "PhpParser\\": "lib/PhpParser" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Nikita Popov" + } + ], + "description": "A PHP parser written in PHP", + "keywords": [ + "parser", + "php" + ], + "time": "2019-01-12T16:31:37+00:00" + }, + { + "name": "opis/closure", + "version": "3.1.5", + "source": { + "type": "git", + "url": "https://github.com/opis/closure.git", + "reference": "41f5da65d75cf473e5ee582df8fc7f2c733ce9d6" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/opis/closure/zipball/41f5da65d75cf473e5ee582df8fc7f2c733ce9d6", + "reference": "41f5da65d75cf473e5ee582df8fc7f2c733ce9d6", + "shasum": "" + }, + "require": { + "php": "^5.4 || ^7.0" + }, + "require-dev": { + "jeremeamia/superclosure": "^2.0", + "phpunit/phpunit": "^4.0|^5.0|^6.0|^7.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.1.x-dev" + } + }, + "autoload": { + "psr-4": { + "Opis\\Closure\\": "src/" + }, + "files": [ + "functions.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Marius Sarca", + "email": "marius.sarca@gmail.com" + }, + { + "name": "Sorin Sarca", + "email": "sarca_sorin@hotmail.com" + } + ], + "description": "A library that can be used to serialize closures (anonymous functions) and arbitrary objects.", + "homepage": "https://opis.io/closure", + "keywords": [ + "anonymous functions", + "closure", + "function", + "serializable", + "serialization", + "serialize" + ], + "time": "2019-01-14T14:45:33+00:00" + }, + { + "name": "paragonie/random_compat", + "version": "v9.99.99", + "source": { + "type": "git", + "url": "https://github.com/paragonie/random_compat.git", + "reference": "84b4dfb120c6f9b4ff7b3685f9b8f1aa365a0c95" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/paragonie/random_compat/zipball/84b4dfb120c6f9b4ff7b3685f9b8f1aa365a0c95", + "reference": "84b4dfb120c6f9b4ff7b3685f9b8f1aa365a0c95", + "shasum": "" + }, + "require": { + "php": "^7" + }, + "require-dev": { + "phpunit/phpunit": "4.*|5.*", + "vimeo/psalm": "^1" + }, + "suggest": { + "ext-libsodium": "Provides a modern crypto API that can be used to generate random bytes." + }, + "type": "library", + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Paragon Initiative Enterprises", + "email": "security@paragonie.com", + "homepage": "https://paragonie.com" + } + ], + "description": "PHP 5.x polyfill for random_bytes() and random_int() from PHP 7", + "keywords": [ + "csprng", + "polyfill", + "pseudorandom", + "random" + ], + "time": "2018-07-02T15:55:56+00:00" + }, + { + "name": "php-http/guzzle6-adapter", + "version": "v1.1.1", + "source": { + "type": "git", + "url": "https://github.com/php-http/guzzle6-adapter.git", + "reference": "a56941f9dc6110409cfcddc91546ee97039277ab" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/php-http/guzzle6-adapter/zipball/a56941f9dc6110409cfcddc91546ee97039277ab", + "reference": "a56941f9dc6110409cfcddc91546ee97039277ab", + "shasum": "" + }, + "require": { + "guzzlehttp/guzzle": "^6.0", + "php": ">=5.5.0", + "php-http/httplug": "^1.0" + }, + "provide": { + "php-http/async-client-implementation": "1.0", + "php-http/client-implementation": "1.0" + }, + "require-dev": { + "ext-curl": "*", + "php-http/adapter-integration-tests": "^0.4" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.2-dev" + } + }, + "autoload": { + "psr-4": { + "Http\\Adapter\\Guzzle6\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Márk Sági-Kazár", + "email": "mark.sagikazar@gmail.com" + }, + { + "name": "David de Boer", + "email": "david@ddeboer.nl" + } + ], + "description": "Guzzle 6 HTTP Adapter", + "homepage": "http://httplug.io", + "keywords": [ + "Guzzle", + "http" + ], + "time": "2016-05-10T06:13:32+00:00" + }, + { + "name": "php-http/httplug", + "version": "v1.1.0", + "source": { + "type": "git", + "url": "https://github.com/php-http/httplug.git", + "reference": "1c6381726c18579c4ca2ef1ec1498fdae8bdf018" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/php-http/httplug/zipball/1c6381726c18579c4ca2ef1ec1498fdae8bdf018", + "reference": "1c6381726c18579c4ca2ef1ec1498fdae8bdf018", + "shasum": "" + }, + "require": { + "php": ">=5.4", + "php-http/promise": "^1.0", + "psr/http-message": "^1.0" + }, + "require-dev": { + "henrikbjorn/phpspec-code-coverage": "^1.0", + "phpspec/phpspec": "^2.4" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.1-dev" + } + }, + "autoload": { + "psr-4": { + "Http\\Client\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Eric GELOEN", + "email": "geloen.eric@gmail.com" + }, + { + "name": "Márk Sági-Kazár", + "email": "mark.sagikazar@gmail.com" + } + ], + "description": "HTTPlug, the HTTP client abstraction for PHP", + "homepage": "http://httplug.io", + "keywords": [ + "client", + "http" + ], + "time": "2016-08-31T08:30:17+00:00" + }, + { + "name": "php-http/promise", + "version": "v1.0.0", + "source": { + "type": "git", + "url": "https://github.com/php-http/promise.git", + "reference": "dc494cdc9d7160b9a09bd5573272195242ce7980" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/php-http/promise/zipball/dc494cdc9d7160b9a09bd5573272195242ce7980", + "reference": "dc494cdc9d7160b9a09bd5573272195242ce7980", + "shasum": "" + }, + "require-dev": { + "henrikbjorn/phpspec-code-coverage": "^1.0", + "phpspec/phpspec": "^2.4" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.1-dev" + } + }, + "autoload": { + "psr-4": { + "Http\\Promise\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Márk Sági-Kazár", + "email": "mark.sagikazar@gmail.com" + }, + { + "name": "Joel Wurtz", + "email": "joel.wurtz@gmail.com" + } + ], + "description": "Promise used for asynchronous HTTP requests", + "homepage": "http://httplug.io", + "keywords": [ + "promise" + ], + "time": "2016-01-26T13:27:02+00:00" + }, + { + "name": "psr/container", + "version": "1.0.0", + "source": { + "type": "git", + "url": "https://github.com/php-fig/container.git", + "reference": "b7ce3b176482dbbc1245ebf52b181af44c2cf55f" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/php-fig/container/zipball/b7ce3b176482dbbc1245ebf52b181af44c2cf55f", + "reference": "b7ce3b176482dbbc1245ebf52b181af44c2cf55f", + "shasum": "" + }, + "require": { + "php": ">=5.3.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "Psr\\Container\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "PHP-FIG", + "homepage": "http://www.php-fig.org/" + } + ], + "description": "Common Container Interface (PHP FIG PSR-11)", + "homepage": "https://github.com/php-fig/container", + "keywords": [ + "PSR-11", + "container", + "container-interface", + "container-interop", + "psr" + ], + "time": "2017-02-14T16:28:37+00:00" + }, + { + "name": "psr/http-message", + "version": "1.0.1", + "source": { + "type": "git", + "url": "https://github.com/php-fig/http-message.git", + "reference": "f6561bf28d520154e4b0ec72be95418abe6d9363" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/php-fig/http-message/zipball/f6561bf28d520154e4b0ec72be95418abe6d9363", + "reference": "f6561bf28d520154e4b0ec72be95418abe6d9363", + "shasum": "" + }, + "require": { + "php": ">=5.3.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "Psr\\Http\\Message\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "PHP-FIG", + "homepage": "http://www.php-fig.org/" + } + ], + "description": "Common interface for HTTP messages", + "homepage": "https://github.com/php-fig/http-message", + "keywords": [ + "http", + "http-message", + "psr", + "psr-7", + "request", + "response" + ], + "time": "2016-08-06T14:39:51+00:00" + }, + { + "name": "psr/log", + "version": "1.1.0", + "source": { + "type": "git", + "url": "https://github.com/php-fig/log.git", + "reference": "6c001f1daafa3a3ac1d8ff69ee4db8e799a654dd" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/php-fig/log/zipball/6c001f1daafa3a3ac1d8ff69ee4db8e799a654dd", + "reference": "6c001f1daafa3a3ac1d8ff69ee4db8e799a654dd", + "shasum": "" + }, + "require": { + "php": ">=5.3.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "Psr\\Log\\": "Psr/Log/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "PHP-FIG", + "homepage": "http://www.php-fig.org/" + } + ], + "description": "Common interface for logging libraries", + "homepage": "https://github.com/php-fig/log", + "keywords": [ + "log", + "psr", + "psr-3" + ], + "time": "2018-11-20T15:27:04+00:00" + }, + { + "name": "psr/simple-cache", + "version": "1.0.1", + "source": { + "type": "git", + "url": "https://github.com/php-fig/simple-cache.git", + "reference": "408d5eafb83c57f6365a3ca330ff23aa4a5fa39b" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/php-fig/simple-cache/zipball/408d5eafb83c57f6365a3ca330ff23aa4a5fa39b", + "reference": "408d5eafb83c57f6365a3ca330ff23aa4a5fa39b", + "shasum": "" + }, + "require": { + "php": ">=5.3.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "Psr\\SimpleCache\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "PHP-FIG", + "homepage": "http://www.php-fig.org/" + } + ], + "description": "Common interfaces for simple caching", + "keywords": [ + "cache", + "caching", + "psr", + "psr-16", + "simple-cache" + ], + "time": "2017-10-23T01:57:42+00:00" + }, + { + "name": "psy/psysh", + "version": "v0.9.9", + "source": { + "type": "git", + "url": "https://github.com/bobthecow/psysh.git", + "reference": "9aaf29575bb8293206bb0420c1e1c87ff2ffa94e" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/bobthecow/psysh/zipball/9aaf29575bb8293206bb0420c1e1c87ff2ffa94e", + "reference": "9aaf29575bb8293206bb0420c1e1c87ff2ffa94e", + "shasum": "" + }, + "require": { + "dnoegel/php-xdg-base-dir": "0.1", + "ext-json": "*", + "ext-tokenizer": "*", + "jakub-onderka/php-console-highlighter": "0.3.*|0.4.*", + "nikic/php-parser": "~1.3|~2.0|~3.0|~4.0", + "php": ">=5.4.0", + "symfony/console": "~2.3.10|^2.4.2|~3.0|~4.0", + "symfony/var-dumper": "~2.7|~3.0|~4.0" + }, + "require-dev": { + "bamarni/composer-bin-plugin": "^1.2", + "hoa/console": "~2.15|~3.16", + "phpunit/phpunit": "~4.8.35|~5.0|~6.0|~7.0" + }, + "suggest": { + "ext-pcntl": "Enabling the PCNTL extension makes PsySH a lot happier :)", + "ext-pdo-sqlite": "The doc command requires SQLite to work.", + "ext-posix": "If you have PCNTL, you'll want the POSIX extension as well.", + "ext-readline": "Enables support for arrow-key history navigation, and showing and manipulating command history.", + "hoa/console": "A pure PHP readline implementation. You'll want this if your PHP install doesn't already support readline or libedit." + }, + "bin": [ + "bin/psysh" + ], + "type": "library", + "extra": { + "branch-alias": { + "dev-develop": "0.9.x-dev" + } + }, + "autoload": { + "files": [ + "src/functions.php" + ], + "psr-4": { + "Psy\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Justin Hileman", + "email": "justin@justinhileman.info", + "homepage": "http://justinhileman.com" + } + ], + "description": "An interactive shell for modern PHP.", + "homepage": "http://psysh.org", + "keywords": [ + "REPL", + "console", + "interactive", + "shell" + ], + "time": "2018-10-13T15:16:03+00:00" + }, + { + "name": "ralouphie/getallheaders", + "version": "2.0.5", + "source": { + "type": "git", + "url": "https://github.com/ralouphie/getallheaders.git", + "reference": "5601c8a83fbba7ef674a7369456d12f1e0d0eafa" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/ralouphie/getallheaders/zipball/5601c8a83fbba7ef674a7369456d12f1e0d0eafa", + "reference": "5601c8a83fbba7ef674a7369456d12f1e0d0eafa", + "shasum": "" + }, + "require": { + "php": ">=5.3" + }, + "require-dev": { + "phpunit/phpunit": "~3.7.0", + "satooshi/php-coveralls": ">=1.0" + }, + "type": "library", + "autoload": { + "files": [ + "src/getallheaders.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Ralph Khattar", + "email": "ralph.khattar@gmail.com" + } + ], + "description": "A polyfill for getallheaders.", + "time": "2016-02-11T07:05:27+00:00" + }, + { + "name": "ramsey/uuid", + "version": "3.8.0", + "source": { + "type": "git", + "url": "https://github.com/ramsey/uuid.git", + "reference": "d09ea80159c1929d75b3f9c60504d613aeb4a1e3" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/ramsey/uuid/zipball/d09ea80159c1929d75b3f9c60504d613aeb4a1e3", + "reference": "d09ea80159c1929d75b3f9c60504d613aeb4a1e3", + "shasum": "" + }, + "require": { + "paragonie/random_compat": "^1.0|^2.0|9.99.99", + "php": "^5.4 || ^7.0", + "symfony/polyfill-ctype": "^1.8" + }, + "replace": { + "rhumsaa/uuid": "self.version" + }, + "require-dev": { + "codeception/aspect-mock": "^1.0 | ~2.0.0", + "doctrine/annotations": "~1.2.0", + "goaop/framework": "1.0.0-alpha.2 | ^1.0 | ~2.1.0", + "ircmaxell/random-lib": "^1.1", + "jakub-onderka/php-parallel-lint": "^0.9.0", + "mockery/mockery": "^0.9.9", + "moontoast/math": "^1.1", + "php-mock/php-mock-phpunit": "^0.3|^1.1", + "phpunit/phpunit": "^4.7|^5.0|^6.5", + "squizlabs/php_codesniffer": "^2.3" + }, + "suggest": { + "ext-ctype": "Provides support for PHP Ctype functions", + "ext-libsodium": "Provides the PECL libsodium extension for use with the SodiumRandomGenerator", + "ext-uuid": "Provides the PECL UUID extension for use with the PeclUuidTimeGenerator and PeclUuidRandomGenerator", + "ircmaxell/random-lib": "Provides RandomLib for use with the RandomLibAdapter", + "moontoast/math": "Provides support for converting UUID to 128-bit integer (in string form).", + "ramsey/uuid-console": "A console application for generating UUIDs with ramsey/uuid", + "ramsey/uuid-doctrine": "Allows the use of Ramsey\\Uuid\\Uuid as Doctrine field type." + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.x-dev" + } + }, + "autoload": { + "psr-4": { + "Ramsey\\Uuid\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Marijn Huizendveld", + "email": "marijn.huizendveld@gmail.com" + }, + { + "name": "Thibaud Fabre", + "email": "thibaud@aztech.io" + }, + { + "name": "Ben Ramsey", + "email": "ben@benramsey.com", + "homepage": "https://benramsey.com" + } + ], + "description": "Formerly rhumsaa/uuid. A PHP 5.4+ library for generating RFC 4122 version 1, 3, 4, and 5 universally unique identifiers (UUID).", + "homepage": "https://github.com/ramsey/uuid", + "keywords": [ + "guid", + "identifier", + "uuid" + ], + "time": "2018-07-19T23:38:55+00:00" + }, + { + "name": "swiftmailer/swiftmailer", + "version": "v6.1.3", + "source": { + "type": "git", + "url": "https://github.com/swiftmailer/swiftmailer.git", + "reference": "8ddcb66ac10c392d3beb54829eef8ac1438595f4" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/swiftmailer/swiftmailer/zipball/8ddcb66ac10c392d3beb54829eef8ac1438595f4", + "reference": "8ddcb66ac10c392d3beb54829eef8ac1438595f4", + "shasum": "" + }, + "require": { + "egulias/email-validator": "~2.0", + "php": ">=7.0.0" + }, + "require-dev": { + "mockery/mockery": "~0.9.1", + "symfony/phpunit-bridge": "~3.3@dev" + }, + "suggest": { + "ext-intl": "Needed to support internationalized email addresses", + "true/punycode": "Needed to support internationalized email addresses, if ext-intl is not installed" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "6.1-dev" + } + }, + "autoload": { + "files": [ + "lib/swift_required.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Chris Corbyn" + }, + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + } + ], + "description": "Swiftmailer, free feature-rich PHP mailer", + "homepage": "https://swiftmailer.symfony.com", + "keywords": [ + "email", + "mail", + "mailer" + ], + "time": "2018-09-11T07:12:52+00:00" + }, + { + "name": "symfony/console", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/console.git", + "reference": "b0a03c1bb0fcbe288629956cf2f1dd3f1dc97522" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/console/zipball/b0a03c1bb0fcbe288629956cf2f1dd3f1dc97522", + "reference": "b0a03c1bb0fcbe288629956cf2f1dd3f1dc97522", + "shasum": "" + }, + "require": { + "php": "^7.1.3", + "symfony/contracts": "^1.0", + "symfony/polyfill-mbstring": "~1.0" + }, + "conflict": { + "symfony/dependency-injection": "<3.4", + "symfony/process": "<3.3" + }, + "require-dev": { + "psr/log": "~1.0", + "symfony/config": "~3.4|~4.0", + "symfony/dependency-injection": "~3.4|~4.0", + "symfony/event-dispatcher": "~3.4|~4.0", + "symfony/lock": "~3.4|~4.0", + "symfony/process": "~3.4|~4.0" + }, + "suggest": { + "psr/log-implementation": "For using the console logger", + "symfony/event-dispatcher": "", + "symfony/lock": "", + "symfony/process": "" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\Console\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony Console Component", + "homepage": "https://symfony.com", + "time": "2019-01-04T15:13:53+00:00" + }, + { + "name": "symfony/contracts", + "version": "v1.0.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/contracts.git", + "reference": "1aa7ab2429c3d594dd70689604b5cf7421254cdf" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/contracts/zipball/1aa7ab2429c3d594dd70689604b5cf7421254cdf", + "reference": "1aa7ab2429c3d594dd70689604b5cf7421254cdf", + "shasum": "" + }, + "require": { + "php": "^7.1.3" + }, + "require-dev": { + "psr/cache": "^1.0", + "psr/container": "^1.0" + }, + "suggest": { + "psr/cache": "When using the Cache contracts", + "psr/container": "When using the Service contracts", + "symfony/cache-contracts-implementation": "", + "symfony/service-contracts-implementation": "", + "symfony/translation-contracts-implementation": "" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Contracts\\": "" + }, + "exclude-from-classmap": [ + "**/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Nicolas Grekas", + "email": "p@tchwork.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "A set of abstractions extracted out of the Symfony components", + "homepage": "https://symfony.com", + "keywords": [ + "abstractions", + "contracts", + "decoupling", + "interfaces", + "interoperability", + "standards" + ], + "time": "2018-12-05T08:06:11+00:00" + }, + { + "name": "symfony/css-selector", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/css-selector.git", + "reference": "76dac1dbe2830213e95892c7c2ec1edd74113ea4" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/css-selector/zipball/76dac1dbe2830213e95892c7c2ec1edd74113ea4", + "reference": "76dac1dbe2830213e95892c7c2ec1edd74113ea4", + "shasum": "" + }, + "require": { + "php": "^7.1.3" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\CssSelector\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Jean-François Simon", + "email": "jeanfrancois.simon@sensiolabs.com" + }, + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony CssSelector Component", + "homepage": "https://symfony.com", + "time": "2019-01-03T09:07:35+00:00" + }, + { + "name": "symfony/debug", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/debug.git", + "reference": "64cb33c81e37d19b7715d4a6a4d49c1c382066dd" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/debug/zipball/64cb33c81e37d19b7715d4a6a4d49c1c382066dd", + "reference": "64cb33c81e37d19b7715d4a6a4d49c1c382066dd", + "shasum": "" + }, + "require": { + "php": "^7.1.3", + "psr/log": "~1.0" + }, + "conflict": { + "symfony/http-kernel": "<3.4" + }, + "require-dev": { + "symfony/http-kernel": "~3.4|~4.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\Debug\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony Debug Component", + "homepage": "https://symfony.com", + "time": "2019-01-03T09:07:35+00:00" + }, + { + "name": "symfony/event-dispatcher", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/event-dispatcher.git", + "reference": "887de6d34c86cf0cb6cbf910afb170cdb743cb5e" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/887de6d34c86cf0cb6cbf910afb170cdb743cb5e", + "reference": "887de6d34c86cf0cb6cbf910afb170cdb743cb5e", + "shasum": "" + }, + "require": { + "php": "^7.1.3", + "symfony/contracts": "^1.0" + }, + "conflict": { + "symfony/dependency-injection": "<3.4" + }, + "require-dev": { + "psr/log": "~1.0", + "symfony/config": "~3.4|~4.0", + "symfony/dependency-injection": "~3.4|~4.0", + "symfony/expression-language": "~3.4|~4.0", + "symfony/stopwatch": "~3.4|~4.0" + }, + "suggest": { + "symfony/dependency-injection": "", + "symfony/http-kernel": "" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\EventDispatcher\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony EventDispatcher Component", + "homepage": "https://symfony.com", + "time": "2019-01-05T16:37:49+00:00" + }, + { + "name": "symfony/finder", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/finder.git", + "reference": "9094d69e8c6ee3fe186a0ec5a4f1401e506071ce" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/finder/zipball/9094d69e8c6ee3fe186a0ec5a4f1401e506071ce", + "reference": "9094d69e8c6ee3fe186a0ec5a4f1401e506071ce", + "shasum": "" + }, + "require": { + "php": "^7.1.3" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\Finder\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony Finder Component", + "homepage": "https://symfony.com", + "time": "2019-01-03T09:07:35+00:00" + }, + { + "name": "symfony/http-foundation", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/http-foundation.git", + "reference": "a633d422a09242064ba24e44a6e1494c5126de86" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/http-foundation/zipball/a633d422a09242064ba24e44a6e1494c5126de86", + "reference": "a633d422a09242064ba24e44a6e1494c5126de86", + "shasum": "" + }, + "require": { + "php": "^7.1.3", + "symfony/polyfill-mbstring": "~1.1" + }, + "require-dev": { + "predis/predis": "~1.0", + "symfony/expression-language": "~3.4|~4.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\HttpFoundation\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony HttpFoundation Component", + "homepage": "https://symfony.com", + "time": "2019-01-05T16:37:49+00:00" + }, + { + "name": "symfony/http-kernel", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/http-kernel.git", + "reference": "83de6543328917c18d5498eeb6bb6d36f7aab31b" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/http-kernel/zipball/83de6543328917c18d5498eeb6bb6d36f7aab31b", + "reference": "83de6543328917c18d5498eeb6bb6d36f7aab31b", + "shasum": "" + }, + "require": { + "php": "^7.1.3", + "psr/log": "~1.0", + "symfony/contracts": "^1.0.2", + "symfony/debug": "~3.4|~4.0", + "symfony/event-dispatcher": "~4.1", + "symfony/http-foundation": "^4.1.1", + "symfony/polyfill-ctype": "~1.8" + }, + "conflict": { + "symfony/config": "<3.4", + "symfony/dependency-injection": "<4.2", + "symfony/translation": "<4.2", + "symfony/var-dumper": "<4.1.1", + "twig/twig": "<1.34|<2.4,>=2" + }, + "provide": { + "psr/log-implementation": "1.0" + }, + "require-dev": { + "psr/cache": "~1.0", + "symfony/browser-kit": "~3.4|~4.0", + "symfony/config": "~3.4|~4.0", + "symfony/console": "~3.4|~4.0", + "symfony/css-selector": "~3.4|~4.0", + "symfony/dependency-injection": "^4.2", + "symfony/dom-crawler": "~3.4|~4.0", + "symfony/expression-language": "~3.4|~4.0", + "symfony/finder": "~3.4|~4.0", + "symfony/process": "~3.4|~4.0", + "symfony/routing": "~3.4|~4.0", + "symfony/stopwatch": "~3.4|~4.0", + "symfony/templating": "~3.4|~4.0", + "symfony/translation": "~4.2", + "symfony/var-dumper": "^4.1.1" + }, + "suggest": { + "symfony/browser-kit": "", + "symfony/config": "", + "symfony/console": "", + "symfony/dependency-injection": "", + "symfony/var-dumper": "" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\HttpKernel\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony HttpKernel Component", + "homepage": "https://symfony.com", + "time": "2019-01-06T16:19:23+00:00" + }, + { + "name": "symfony/polyfill-ctype", + "version": "v1.10.0", + "source": { + "type": "git", + "url": "https://github.com/symfony/polyfill-ctype.git", + "reference": "e3d826245268269cd66f8326bd8bc066687b4a19" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/e3d826245268269cd66f8326bd8bc066687b4a19", + "reference": "e3d826245268269cd66f8326bd8bc066687b4a19", + "shasum": "" + }, + "require": { + "php": ">=5.3.3" + }, + "suggest": { + "ext-ctype": "For best performance" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.9-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Polyfill\\Ctype\\": "" + }, + "files": [ + "bootstrap.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + }, + { + "name": "Gert de Pagter", + "email": "backendtea@gmail.com" + } + ], + "description": "Symfony polyfill for ctype functions", + "homepage": "https://symfony.com", + "keywords": [ + "compatibility", + "ctype", + "polyfill", + "portable" + ], + "time": "2018-08-06T14:22:27+00:00" + }, + { + "name": "symfony/polyfill-mbstring", + "version": "v1.10.0", + "source": { + "type": "git", + "url": "https://github.com/symfony/polyfill-mbstring.git", + "reference": "c79c051f5b3a46be09205c73b80b346e4153e494" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/c79c051f5b3a46be09205c73b80b346e4153e494", + "reference": "c79c051f5b3a46be09205c73b80b346e4153e494", + "shasum": "" + }, + "require": { + "php": ">=5.3.3" + }, + "suggest": { + "ext-mbstring": "For best performance" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.9-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Polyfill\\Mbstring\\": "" + }, + "files": [ + "bootstrap.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Nicolas Grekas", + "email": "p@tchwork.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony polyfill for the Mbstring extension", + "homepage": "https://symfony.com", + "keywords": [ + "compatibility", + "mbstring", + "polyfill", + "portable", + "shim" + ], + "time": "2018-09-21T13:07:52+00:00" + }, + { + "name": "symfony/polyfill-php72", + "version": "v1.10.0", + "source": { + "type": "git", + "url": "https://github.com/symfony/polyfill-php72.git", + "reference": "9050816e2ca34a8e916c3a0ae8b9c2fccf68b631" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/polyfill-php72/zipball/9050816e2ca34a8e916c3a0ae8b9c2fccf68b631", + "reference": "9050816e2ca34a8e916c3a0ae8b9c2fccf68b631", + "shasum": "" + }, + "require": { + "php": ">=5.3.3" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.9-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Polyfill\\Php72\\": "" + }, + "files": [ + "bootstrap.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Nicolas Grekas", + "email": "p@tchwork.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony polyfill backporting some PHP 7.2+ features to lower PHP versions", + "homepage": "https://symfony.com", + "keywords": [ + "compatibility", + "polyfill", + "portable", + "shim" + ], + "time": "2018-09-21T13:07:52+00:00" + }, + { + "name": "symfony/process", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/process.git", + "reference": "ea043ab5d8ed13b467a9087d81cb876aee7f689a" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/process/zipball/ea043ab5d8ed13b467a9087d81cb876aee7f689a", + "reference": "ea043ab5d8ed13b467a9087d81cb876aee7f689a", + "shasum": "" + }, + "require": { + "php": "^7.1.3" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\Process\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony Process Component", + "homepage": "https://symfony.com", + "time": "2019-01-03T14:48:52+00:00" + }, + { + "name": "symfony/routing", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/routing.git", + "reference": "e69b7a13a0b58af378a49b49dd7084462de16cee" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/routing/zipball/e69b7a13a0b58af378a49b49dd7084462de16cee", + "reference": "e69b7a13a0b58af378a49b49dd7084462de16cee", + "shasum": "" + }, + "require": { + "php": "^7.1.3" + }, + "conflict": { + "symfony/config": "<4.2", + "symfony/dependency-injection": "<3.4", + "symfony/yaml": "<3.4" + }, + "require-dev": { + "doctrine/annotations": "~1.0", + "psr/log": "~1.0", + "symfony/config": "~4.2", + "symfony/dependency-injection": "~3.4|~4.0", + "symfony/expression-language": "~3.4|~4.0", + "symfony/http-foundation": "~3.4|~4.0", + "symfony/yaml": "~3.4|~4.0" + }, + "suggest": { + "doctrine/annotations": "For using the annotation loader", + "symfony/config": "For using the all-in-one router or any loader", + "symfony/dependency-injection": "For loading routes from a service", + "symfony/expression-language": "For using expression matching", + "symfony/http-foundation": "For using a Symfony Request object", + "symfony/yaml": "For using the YAML loader" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\Routing\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony Routing Component", + "homepage": "https://symfony.com", + "keywords": [ + "router", + "routing", + "uri", + "url" + ], + "time": "2019-01-03T09:07:35+00:00" + }, + { + "name": "symfony/translation", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/translation.git", + "reference": "939fb792d73f2ce80e6ae9019d205fc480f1c9a0" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/translation/zipball/939fb792d73f2ce80e6ae9019d205fc480f1c9a0", + "reference": "939fb792d73f2ce80e6ae9019d205fc480f1c9a0", + "shasum": "" + }, + "require": { + "php": "^7.1.3", + "symfony/contracts": "^1.0.2", + "symfony/polyfill-mbstring": "~1.0" + }, + "conflict": { + "symfony/config": "<3.4", + "symfony/dependency-injection": "<3.4", + "symfony/yaml": "<3.4" + }, + "provide": { + "symfony/translation-contracts-implementation": "1.0" + }, + "require-dev": { + "psr/log": "~1.0", + "symfony/config": "~3.4|~4.0", + "symfony/console": "~3.4|~4.0", + "symfony/dependency-injection": "~3.4|~4.0", + "symfony/finder": "~2.8|~3.0|~4.0", + "symfony/intl": "~3.4|~4.0", + "symfony/yaml": "~3.4|~4.0" + }, + "suggest": { + "psr/log-implementation": "To use logging capability in translator", + "symfony/config": "", + "symfony/yaml": "" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "psr-4": { + "Symfony\\Component\\Translation\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Fabien Potencier", + "email": "fabien@symfony.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony Translation Component", + "homepage": "https://symfony.com", + "time": "2019-01-03T09:07:35+00:00" + }, + { + "name": "symfony/var-dumper", + "version": "v4.2.2", + "source": { + "type": "git", + "url": "https://github.com/symfony/var-dumper.git", + "reference": "85bde661b178173d85c6f11ea9d03b61d1212bb2" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/symfony/var-dumper/zipball/85bde661b178173d85c6f11ea9d03b61d1212bb2", + "reference": "85bde661b178173d85c6f11ea9d03b61d1212bb2", + "shasum": "" + }, + "require": { + "php": "^7.1.3", + "symfony/polyfill-mbstring": "~1.0", + "symfony/polyfill-php72": "~1.5" + }, + "conflict": { + "phpunit/phpunit": "<4.8.35|<5.4.3,>=5.0", + "symfony/console": "<3.4" + }, + "require-dev": { + "ext-iconv": "*", + "symfony/console": "~3.4|~4.0", + "symfony/process": "~3.4|~4.0", + "twig/twig": "~1.34|~2.4" + }, + "suggest": { + "ext-iconv": "To convert non-UTF-8 strings to UTF-8 (or symfony/polyfill-iconv in case ext-iconv cannot be used).", + "ext-intl": "To show region name in time zone dump", + "symfony/console": "To use the ServerDumpCommand and/or the bin/var-dump-server script" + }, + "bin": [ + "Resources/bin/var-dump-server" + ], + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.2-dev" + } + }, + "autoload": { + "files": [ + "Resources/functions/dump.php" + ], + "psr-4": { + "Symfony\\Component\\VarDumper\\": "" + }, + "exclude-from-classmap": [ + "/Tests/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Nicolas Grekas", + "email": "p@tchwork.com" + }, + { + "name": "Symfony Community", + "homepage": "https://symfony.com/contributors" + } + ], + "description": "Symfony mechanism for exploring and dumping PHP variables", + "homepage": "https://symfony.com", + "keywords": [ + "debug", + "dump" + ], + "time": "2019-01-03T09:07:35+00:00" + }, + { + "name": "tijsverkoyen/css-to-inline-styles", + "version": "2.2.1", + "source": { + "type": "git", + "url": "https://github.com/tijsverkoyen/CssToInlineStyles.git", + "reference": "0ed4a2ea4e0902dac0489e6436ebcd5bbcae9757" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/tijsverkoyen/CssToInlineStyles/zipball/0ed4a2ea4e0902dac0489e6436ebcd5bbcae9757", + "reference": "0ed4a2ea4e0902dac0489e6436ebcd5bbcae9757", + "shasum": "" + }, + "require": { + "php": "^5.5 || ^7.0", + "symfony/css-selector": "^2.7 || ^3.0 || ^4.0" + }, + "require-dev": { + "phpunit/phpunit": "^4.8.35 || ^5.7 || ^6.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.2.x-dev" + } + }, + "autoload": { + "psr-4": { + "TijsVerkoyen\\CssToInlineStyles\\": "src" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Tijs Verkoyen", + "email": "css_to_inline_styles@verkoyen.eu", + "role": "Developer" + } + ], + "description": "CssToInlineStyles is a class that enables you to convert HTML-pages/files into HTML-pages/files with inline styles. This is very useful when you're sending emails.", + "homepage": "https://github.com/tijsverkoyen/CssToInlineStyles", + "time": "2017-11-27T11:13:29+00:00" + }, + { + "name": "vlucas/phpdotenv", + "version": "v2.5.2", + "source": { + "type": "git", + "url": "https://github.com/vlucas/phpdotenv.git", + "reference": "cfd5dc225767ca154853752abc93aeec040fcf36" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/vlucas/phpdotenv/zipball/cfd5dc225767ca154853752abc93aeec040fcf36", + "reference": "cfd5dc225767ca154853752abc93aeec040fcf36", + "shasum": "" + }, + "require": { + "php": ">=5.3.9" + }, + "require-dev": { + "phpunit/phpunit": "^4.8.35 || ^5.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.5-dev" + } + }, + "autoload": { + "psr-4": { + "Dotenv\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Vance Lucas", + "email": "vance@vancelucas.com", + "homepage": "http://www.vancelucas.com" + } + ], + "description": "Loads environment variables from `.env` to `getenv()`, `$_ENV` and `$_SERVER` automagically.", + "keywords": [ + "dotenv", + "env", + "environment" + ], + "time": "2018-10-30T17:29:25+00:00" + }, + { + "name": "yab/laravel-scout-mysql-driver", + "version": "v2.1.0", + "source": { + "type": "git", + "url": "https://github.com/worksweet/laravel-scout-mysql-driver.git", + "reference": "1989fafeb2a3fe518f9e8459c7d75f208fcac72a" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/worksweet/laravel-scout-mysql-driver/zipball/1989fafeb2a3fe518f9e8459c7d75f208fcac72a", + "reference": "1989fafeb2a3fe518f9e8459c7d75f208fcac72a", + "shasum": "" + }, + "require": { + "laravel/scout": "^6.0", + "php": ">=7.0" + }, + "type": "library", + "extra": { + "laravel": { + "providers": [ + "Yab\\MySQLScout\\Providers\\MySQLScoutServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "Yab\\MySQLScout\\": "src/" + }, + "files": [ + "src/helpers.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Matt Lantz", + "email": "matt@yabhq.com" + }, + { + "name": "Damian Crisafulli", + "email": "damian.crisafulli@troyweb.com" + } + ], + "description": "MySQL driver for Laravel Scout.", + "time": "2018-12-11T10:56:33+00:00" + }, + { + "name": "zendframework/zend-diactoros", + "version": "1.8.6", + "source": { + "type": "git", + "url": "https://github.com/zendframework/zend-diactoros.git", + "reference": "20da13beba0dde8fb648be3cc19765732790f46e" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/zendframework/zend-diactoros/zipball/20da13beba0dde8fb648be3cc19765732790f46e", + "reference": "20da13beba0dde8fb648be3cc19765732790f46e", + "shasum": "" + }, + "require": { + "php": "^5.6 || ^7.0", + "psr/http-message": "^1.0" + }, + "provide": { + "psr/http-message-implementation": "1.0" + }, + "require-dev": { + "ext-dom": "*", + "ext-libxml": "*", + "php-http/psr7-integration-tests": "dev-master", + "phpunit/phpunit": "^5.7.16 || ^6.0.8 || ^7.2.7", + "zendframework/zend-coding-standard": "~1.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.8.x-dev", + "dev-develop": "1.9.x-dev", + "dev-release-2.0": "2.0.x-dev" + } + }, + "autoload": { + "files": [ + "src/functions/create_uploaded_file.php", + "src/functions/marshal_headers_from_sapi.php", + "src/functions/marshal_method_from_sapi.php", + "src/functions/marshal_protocol_version_from_sapi.php", + "src/functions/marshal_uri_from_sapi.php", + "src/functions/normalize_server.php", + "src/functions/normalize_uploaded_files.php", + "src/functions/parse_cookie_header.php" + ], + "psr-4": { + "Zend\\Diactoros\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-2-Clause" + ], + "description": "PSR HTTP Message implementations", + "homepage": "https://github.com/zendframework/zend-diactoros", + "keywords": [ + "http", + "psr", + "psr-7" + ], + "time": "2018-09-05T19:29:37+00:00" + } + ], + "packages-dev": [ + { + "name": "beyondcode/laravel-dump-server", + "version": "1.2.2", + "source": { + "type": "git", + "url": "https://github.com/beyondcode/laravel-dump-server.git", + "reference": "8864b9efcb48e0a79e83014dd7f0a5481f5c808f" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/beyondcode/laravel-dump-server/zipball/8864b9efcb48e0a79e83014dd7f0a5481f5c808f", + "reference": "8864b9efcb48e0a79e83014dd7f0a5481f5c808f", + "shasum": "" + }, + "require": { + "illuminate/console": "5.6.*|5.7.*|5.8.*", + "illuminate/http": "5.6.*|5.7.*|5.8.*", + "illuminate/support": "5.6.*|5.7.*|5.8.*", + "php": "^7.1", + "symfony/var-dumper": "^4.1.1" + }, + "require-dev": { + "larapack/dd": "^1.0", + "phpunit/phpunit": "^7.0" + }, + "type": "library", + "extra": { + "laravel": { + "providers": [ + "BeyondCode\\DumpServer\\DumpServerServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "BeyondCode\\DumpServer\\": "src" + }, + "files": [ + "helpers.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Marcel Pociot", + "email": "marcel@beyondco.de", + "homepage": "https://beyondcode.de", + "role": "Developer" + } + ], + "description": "Symfony Var-Dump Server for Laravel", + "homepage": "https://github.com/beyondcode/laravel-dump-server", + "keywords": [ + "beyondcode", + "laravel-dump-server" + ], + "time": "2018-10-04T07:22:24+00:00" + }, + { + "name": "doctrine/instantiator", + "version": "1.1.0", + "source": { + "type": "git", + "url": "https://github.com/doctrine/instantiator.git", + "reference": "185b8868aa9bf7159f5f953ed5afb2d7fcdc3bda" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/doctrine/instantiator/zipball/185b8868aa9bf7159f5f953ed5afb2d7fcdc3bda", + "reference": "185b8868aa9bf7159f5f953ed5afb2d7fcdc3bda", + "shasum": "" + }, + "require": { + "php": "^7.1" + }, + "require-dev": { + "athletic/athletic": "~0.1.8", + "ext-pdo": "*", + "ext-phar": "*", + "phpunit/phpunit": "^6.2.3", + "squizlabs/php_codesniffer": "^3.0.2" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.2.x-dev" + } + }, + "autoload": { + "psr-4": { + "Doctrine\\Instantiator\\": "src/Doctrine/Instantiator/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Marco Pivetta", + "email": "ocramius@gmail.com", + "homepage": "http://ocramius.github.com/" + } + ], + "description": "A small, lightweight utility to instantiate objects in PHP without invoking their constructors", + "homepage": "https://github.com/doctrine/instantiator", + "keywords": [ + "constructor", + "instantiate" + ], + "time": "2017-07-22T11:58:36+00:00" + }, + { + "name": "filp/whoops", + "version": "2.3.1", + "source": { + "type": "git", + "url": "https://github.com/filp/whoops.git", + "reference": "bc0fd11bc455cc20ee4b5edabc63ebbf859324c7" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/filp/whoops/zipball/bc0fd11bc455cc20ee4b5edabc63ebbf859324c7", + "reference": "bc0fd11bc455cc20ee4b5edabc63ebbf859324c7", + "shasum": "" + }, + "require": { + "php": "^5.5.9 || ^7.0", + "psr/log": "^1.0.1" + }, + "require-dev": { + "mockery/mockery": "^0.9 || ^1.0", + "phpunit/phpunit": "^4.8.35 || ^5.7", + "symfony/var-dumper": "^2.6 || ^3.0 || ^4.0" + }, + "suggest": { + "symfony/var-dumper": "Pretty print complex values better with var-dumper available", + "whoops/soap": "Formats errors as SOAP responses" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.2-dev" + } + }, + "autoload": { + "psr-4": { + "Whoops\\": "src/Whoops/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Filipe Dobreira", + "homepage": "https://github.com/filp", + "role": "Developer" + } + ], + "description": "php error handling for cool kids", + "homepage": "https://filp.github.io/whoops/", + "keywords": [ + "error", + "exception", + "handling", + "library", + "throwable", + "whoops" + ], + "time": "2018-10-23T09:00:00+00:00" + }, + { + "name": "fzaninotto/faker", + "version": "v1.8.0", + "source": { + "type": "git", + "url": "https://github.com/fzaninotto/Faker.git", + "reference": "f72816b43e74063c8b10357394b6bba8cb1c10de" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/fzaninotto/Faker/zipball/f72816b43e74063c8b10357394b6bba8cb1c10de", + "reference": "f72816b43e74063c8b10357394b6bba8cb1c10de", + "shasum": "" + }, + "require": { + "php": "^5.3.3 || ^7.0" + }, + "require-dev": { + "ext-intl": "*", + "phpunit/phpunit": "^4.8.35 || ^5.7", + "squizlabs/php_codesniffer": "^1.5" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.8-dev" + } + }, + "autoload": { + "psr-4": { + "Faker\\": "src/Faker/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "François Zaninotto" + } + ], + "description": "Faker is a PHP library that generates fake data for you.", + "keywords": [ + "data", + "faker", + "fixtures" + ], + "time": "2018-07-12T10:23:15+00:00" + }, + { + "name": "hamcrest/hamcrest-php", + "version": "v2.0.0", + "source": { + "type": "git", + "url": "https://github.com/hamcrest/hamcrest-php.git", + "reference": "776503d3a8e85d4f9a1148614f95b7a608b046ad" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/hamcrest/hamcrest-php/zipball/776503d3a8e85d4f9a1148614f95b7a608b046ad", + "reference": "776503d3a8e85d4f9a1148614f95b7a608b046ad", + "shasum": "" + }, + "require": { + "php": "^5.3|^7.0" + }, + "replace": { + "cordoval/hamcrest-php": "*", + "davedevelopment/hamcrest-php": "*", + "kodova/hamcrest-php": "*" + }, + "require-dev": { + "phpunit/php-file-iterator": "1.3.3", + "phpunit/phpunit": "~4.0", + "satooshi/php-coveralls": "^1.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.0-dev" + } + }, + "autoload": { + "classmap": [ + "hamcrest" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD" + ], + "description": "This is the PHP port of Hamcrest Matchers", + "keywords": [ + "test" + ], + "time": "2016-01-20T08:20:44+00:00" + }, + { + "name": "mockery/mockery", + "version": "1.2.0", + "source": { + "type": "git", + "url": "https://github.com/mockery/mockery.git", + "reference": "100633629bf76d57430b86b7098cd6beb996a35a" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/mockery/mockery/zipball/100633629bf76d57430b86b7098cd6beb996a35a", + "reference": "100633629bf76d57430b86b7098cd6beb996a35a", + "shasum": "" + }, + "require": { + "hamcrest/hamcrest-php": "~2.0", + "lib-pcre": ">=7.0", + "php": ">=5.6.0" + }, + "require-dev": { + "phpunit/phpunit": "~5.7.10|~6.5|~7.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "psr-0": { + "Mockery": "library/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Pádraic Brady", + "email": "padraic.brady@gmail.com", + "homepage": "http://blog.astrumfutura.com" + }, + { + "name": "Dave Marshall", + "email": "dave.marshall@atstsolutions.co.uk", + "homepage": "http://davedevelopment.co.uk" + } + ], + "description": "Mockery is a simple yet flexible PHP mock object framework", + "homepage": "https://github.com/mockery/mockery", + "keywords": [ + "BDD", + "TDD", + "library", + "mock", + "mock objects", + "mockery", + "stub", + "test", + "test double", + "testing" + ], + "time": "2018-10-02T21:52:37+00:00" + }, + { + "name": "myclabs/deep-copy", + "version": "1.8.1", + "source": { + "type": "git", + "url": "https://github.com/myclabs/DeepCopy.git", + "reference": "3e01bdad3e18354c3dce54466b7fbe33a9f9f7f8" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/3e01bdad3e18354c3dce54466b7fbe33a9f9f7f8", + "reference": "3e01bdad3e18354c3dce54466b7fbe33a9f9f7f8", + "shasum": "" + }, + "require": { + "php": "^7.1" + }, + "replace": { + "myclabs/deep-copy": "self.version" + }, + "require-dev": { + "doctrine/collections": "^1.0", + "doctrine/common": "^2.6", + "phpunit/phpunit": "^7.1" + }, + "type": "library", + "autoload": { + "psr-4": { + "DeepCopy\\": "src/DeepCopy/" + }, + "files": [ + "src/DeepCopy/deep_copy.php" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "description": "Create deep copies (clones) of your objects", + "keywords": [ + "clone", + "copy", + "duplicate", + "object", + "object graph" + ], + "time": "2018-06-11T23:09:50+00:00" + }, + { + "name": "nunomaduro/collision", + "version": "v2.1.1", + "source": { + "type": "git", + "url": "https://github.com/nunomaduro/collision.git", + "reference": "b5feb0c0d92978ec7169232ce5d70d6da6b29f63" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/nunomaduro/collision/zipball/b5feb0c0d92978ec7169232ce5d70d6da6b29f63", + "reference": "b5feb0c0d92978ec7169232ce5d70d6da6b29f63", + "shasum": "" + }, + "require": { + "filp/whoops": "^2.1.4", + "jakub-onderka/php-console-highlighter": "0.3.*|0.4.*", + "php": "^7.1", + "symfony/console": "~2.8|~3.3|~4.0" + }, + "require-dev": { + "laravel/framework": "5.7.*", + "nunomaduro/larastan": "^0.3.0", + "phpstan/phpstan": "^0.10", + "phpunit/phpunit": "~7.3" + }, + "type": "library", + "extra": { + "laravel": { + "providers": [ + "NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider" + ] + } + }, + "autoload": { + "psr-4": { + "NunoMaduro\\Collision\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Nuno Maduro", + "email": "enunomaduro@gmail.com" + } + ], + "description": "Cli error handling for console/command-line PHP applications.", + "keywords": [ + "artisan", + "cli", + "command-line", + "console", + "error", + "handling", + "laravel", + "laravel-zero", + "php", + "symfony" + ], + "time": "2018-11-21T21:40:54+00:00" + }, + { + "name": "phar-io/manifest", + "version": "1.0.3", + "source": { + "type": "git", + "url": "https://github.com/phar-io/manifest.git", + "reference": "7761fcacf03b4d4f16e7ccb606d4879ca431fcf4" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/phar-io/manifest/zipball/7761fcacf03b4d4f16e7ccb606d4879ca431fcf4", + "reference": "7761fcacf03b4d4f16e7ccb606d4879ca431fcf4", + "shasum": "" + }, + "require": { + "ext-dom": "*", + "ext-phar": "*", + "phar-io/version": "^2.0", + "php": "^5.6 || ^7.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Arne Blankerts", + "email": "arne@blankerts.de", + "role": "Developer" + }, + { + "name": "Sebastian Heuer", + "email": "sebastian@phpeople.de", + "role": "Developer" + }, + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de", + "role": "Developer" + } + ], + "description": "Component for reading phar.io manifest information from a PHP Archive (PHAR)", + "time": "2018-07-08T19:23:20+00:00" + }, + { + "name": "phar-io/version", + "version": "2.0.1", + "source": { + "type": "git", + "url": "https://github.com/phar-io/version.git", + "reference": "45a2ec53a73c70ce41d55cedef9063630abaf1b6" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/phar-io/version/zipball/45a2ec53a73c70ce41d55cedef9063630abaf1b6", + "reference": "45a2ec53a73c70ce41d55cedef9063630abaf1b6", + "shasum": "" + }, + "require": { + "php": "^5.6 || ^7.0" + }, + "type": "library", + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Arne Blankerts", + "email": "arne@blankerts.de", + "role": "Developer" + }, + { + "name": "Sebastian Heuer", + "email": "sebastian@phpeople.de", + "role": "Developer" + }, + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de", + "role": "Developer" + } + ], + "description": "Library for handling version information and constraints", + "time": "2018-07-08T19:19:57+00:00" + }, + { + "name": "phpdocumentor/reflection-common", + "version": "1.0.1", + "source": { + "type": "git", + "url": "https://github.com/phpDocumentor/ReflectionCommon.git", + "reference": "21bdeb5f65d7ebf9f43b1b25d404f87deab5bfb6" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/phpDocumentor/ReflectionCommon/zipball/21bdeb5f65d7ebf9f43b1b25d404f87deab5bfb6", + "reference": "21bdeb5f65d7ebf9f43b1b25d404f87deab5bfb6", + "shasum": "" + }, + "require": { + "php": ">=5.5" + }, + "require-dev": { + "phpunit/phpunit": "^4.6" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "phpDocumentor\\Reflection\\": [ + "src" + ] + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Jaap van Otterdijk", + "email": "opensource@ijaap.nl" + } + ], + "description": "Common reflection classes used by phpdocumentor to reflect the code structure", + "homepage": "http://www.phpdoc.org", + "keywords": [ + "FQSEN", + "phpDocumentor", + "phpdoc", + "reflection", + "static analysis" + ], + "time": "2017-09-11T18:02:19+00:00" + }, + { + "name": "phpdocumentor/reflection-docblock", + "version": "4.3.0", + "source": { + "type": "git", + "url": "https://github.com/phpDocumentor/ReflectionDocBlock.git", + "reference": "94fd0001232e47129dd3504189fa1c7225010d08" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/phpDocumentor/ReflectionDocBlock/zipball/94fd0001232e47129dd3504189fa1c7225010d08", + "reference": "94fd0001232e47129dd3504189fa1c7225010d08", + "shasum": "" + }, + "require": { + "php": "^7.0", + "phpdocumentor/reflection-common": "^1.0.0", + "phpdocumentor/type-resolver": "^0.4.0", + "webmozart/assert": "^1.0" + }, + "require-dev": { + "doctrine/instantiator": "~1.0.5", + "mockery/mockery": "^1.0", + "phpunit/phpunit": "^6.4" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.x-dev" + } + }, + "autoload": { + "psr-4": { + "phpDocumentor\\Reflection\\": [ + "src/" + ] + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Mike van Riel", + "email": "me@mikevanriel.com" + } + ], + "description": "With this component, a library can provide support for annotations via DocBlocks or otherwise retrieve information that is embedded in a DocBlock.", + "time": "2017-11-30T07:14:17+00:00" + }, + { + "name": "phpdocumentor/type-resolver", + "version": "0.4.0", + "source": { + "type": "git", + "url": "https://github.com/phpDocumentor/TypeResolver.git", + "reference": "9c977708995954784726e25d0cd1dddf4e65b0f7" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/phpDocumentor/TypeResolver/zipball/9c977708995954784726e25d0cd1dddf4e65b0f7", + "reference": "9c977708995954784726e25d0cd1dddf4e65b0f7", + "shasum": "" + }, + "require": { + "php": "^5.5 || ^7.0", + "phpdocumentor/reflection-common": "^1.0" + }, + "require-dev": { + "mockery/mockery": "^0.9.4", + "phpunit/phpunit": "^5.2||^4.8.24" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "psr-4": { + "phpDocumentor\\Reflection\\": [ + "src/" + ] + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Mike van Riel", + "email": "me@mikevanriel.com" + } + ], + "time": "2017-07-14T14:27:02+00:00" + }, + { + "name": "phpspec/prophecy", + "version": "1.8.0", + "source": { + "type": "git", + "url": "https://github.com/phpspec/prophecy.git", + "reference": "4ba436b55987b4bf311cb7c6ba82aa528aac0a06" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/phpspec/prophecy/zipball/4ba436b55987b4bf311cb7c6ba82aa528aac0a06", + "reference": "4ba436b55987b4bf311cb7c6ba82aa528aac0a06", + "shasum": "" + }, + "require": { + "doctrine/instantiator": "^1.0.2", + "php": "^5.3|^7.0", + "phpdocumentor/reflection-docblock": "^2.0|^3.0.2|^4.0", + "sebastian/comparator": "^1.1|^2.0|^3.0", + "sebastian/recursion-context": "^1.0|^2.0|^3.0" + }, + "require-dev": { + "phpspec/phpspec": "^2.5|^3.2", + "phpunit/phpunit": "^4.8.35 || ^5.7 || ^6.5 || ^7.1" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.8.x-dev" + } + }, + "autoload": { + "psr-0": { + "Prophecy\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Konstantin Kudryashov", + "email": "ever.zet@gmail.com", + "homepage": "http://everzet.com" + }, + { + "name": "Marcello Duarte", + "email": "marcello.duarte@gmail.com" + } + ], + "description": "Highly opinionated mocking framework for PHP 5.3+", + "homepage": "https://github.com/phpspec/prophecy", + "keywords": [ + "Double", + "Dummy", + "fake", + "mock", + "spy", + "stub" + ], + "time": "2018-08-05T17:53:17+00:00" + }, + { + "name": "phpunit/php-code-coverage", + "version": "6.1.4", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/php-code-coverage.git", + "reference": "807e6013b00af69b6c5d9ceb4282d0393dbb9d8d" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/807e6013b00af69b6c5d9ceb4282d0393dbb9d8d", + "reference": "807e6013b00af69b6c5d9ceb4282d0393dbb9d8d", + "shasum": "" + }, + "require": { + "ext-dom": "*", + "ext-xmlwriter": "*", + "php": "^7.1", + "phpunit/php-file-iterator": "^2.0", + "phpunit/php-text-template": "^1.2.1", + "phpunit/php-token-stream": "^3.0", + "sebastian/code-unit-reverse-lookup": "^1.0.1", + "sebastian/environment": "^3.1 || ^4.0", + "sebastian/version": "^2.0.1", + "theseer/tokenizer": "^1.1" + }, + "require-dev": { + "phpunit/phpunit": "^7.0" + }, + "suggest": { + "ext-xdebug": "^2.6.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "6.1-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de", + "role": "lead" + } + ], + "description": "Library that provides collection, processing, and rendering functionality for PHP code coverage information.", + "homepage": "https://github.com/sebastianbergmann/php-code-coverage", + "keywords": [ + "coverage", + "testing", + "xunit" + ], + "time": "2018-10-31T16:06:48+00:00" + }, + { + "name": "phpunit/php-file-iterator", + "version": "2.0.2", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/php-file-iterator.git", + "reference": "050bedf145a257b1ff02746c31894800e5122946" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/050bedf145a257b1ff02746c31894800e5122946", + "reference": "050bedf145a257b1ff02746c31894800e5122946", + "shasum": "" + }, + "require": { + "php": "^7.1" + }, + "require-dev": { + "phpunit/phpunit": "^7.1" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.0.x-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de", + "role": "lead" + } + ], + "description": "FilterIterator implementation that filters files based on a list of suffixes.", + "homepage": "https://github.com/sebastianbergmann/php-file-iterator/", + "keywords": [ + "filesystem", + "iterator" + ], + "time": "2018-09-13T20:33:42+00:00" + }, + { + "name": "phpunit/php-text-template", + "version": "1.2.1", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/php-text-template.git", + "reference": "31f8b717e51d9a2afca6c9f046f5d69fc27c8686" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/31f8b717e51d9a2afca6c9f046f5d69fc27c8686", + "reference": "31f8b717e51d9a2afca6c9f046f5d69fc27c8686", + "shasum": "" + }, + "require": { + "php": ">=5.3.3" + }, + "type": "library", + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de", + "role": "lead" + } + ], + "description": "Simple template engine.", + "homepage": "https://github.com/sebastianbergmann/php-text-template/", + "keywords": [ + "template" + ], + "time": "2015-06-21T13:50:34+00:00" + }, + { + "name": "phpunit/php-timer", + "version": "2.0.0", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/php-timer.git", + "reference": "8b8454ea6958c3dee38453d3bd571e023108c91f" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/8b8454ea6958c3dee38453d3bd571e023108c91f", + "reference": "8b8454ea6958c3dee38453d3bd571e023108c91f", + "shasum": "" + }, + "require": { + "php": "^7.1" + }, + "require-dev": { + "phpunit/phpunit": "^7.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.0-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de", + "role": "lead" + } + ], + "description": "Utility class for timing", + "homepage": "https://github.com/sebastianbergmann/php-timer/", + "keywords": [ + "timer" + ], + "time": "2018-02-01T13:07:23+00:00" + }, + { + "name": "phpunit/php-token-stream", + "version": "3.0.1", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/php-token-stream.git", + "reference": "c99e3be9d3e85f60646f152f9002d46ed7770d18" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/php-token-stream/zipball/c99e3be9d3e85f60646f152f9002d46ed7770d18", + "reference": "c99e3be9d3e85f60646f152f9002d46ed7770d18", + "shasum": "" + }, + "require": { + "ext-tokenizer": "*", + "php": "^7.1" + }, + "require-dev": { + "phpunit/phpunit": "^7.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.0-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Wrapper around PHP's tokenizer extension.", + "homepage": "https://github.com/sebastianbergmann/php-token-stream/", + "keywords": [ + "tokenizer" + ], + "time": "2018-10-30T05:52:18+00:00" + }, + { + "name": "phpunit/phpunit", + "version": "7.5.2", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/phpunit.git", + "reference": "7c89093bd00f7d5ddf0ab81dee04f801416b4944" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/7c89093bd00f7d5ddf0ab81dee04f801416b4944", + "reference": "7c89093bd00f7d5ddf0ab81dee04f801416b4944", + "shasum": "" + }, + "require": { + "doctrine/instantiator": "^1.1", + "ext-dom": "*", + "ext-json": "*", + "ext-libxml": "*", + "ext-mbstring": "*", + "ext-xml": "*", + "myclabs/deep-copy": "^1.7", + "phar-io/manifest": "^1.0.2", + "phar-io/version": "^2.0", + "php": "^7.1", + "phpspec/prophecy": "^1.7", + "phpunit/php-code-coverage": "^6.0.7", + "phpunit/php-file-iterator": "^2.0.1", + "phpunit/php-text-template": "^1.2.1", + "phpunit/php-timer": "^2.0", + "sebastian/comparator": "^3.0", + "sebastian/diff": "^3.0", + "sebastian/environment": "^4.0", + "sebastian/exporter": "^3.1", + "sebastian/global-state": "^2.0", + "sebastian/object-enumerator": "^3.0.3", + "sebastian/resource-operations": "^2.0", + "sebastian/version": "^2.0.1" + }, + "conflict": { + "phpunit/phpunit-mock-objects": "*" + }, + "require-dev": { + "ext-pdo": "*" + }, + "suggest": { + "ext-soap": "*", + "ext-xdebug": "*", + "phpunit/php-invoker": "^2.0" + }, + "bin": [ + "phpunit" + ], + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "7.5-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de", + "role": "lead" + } + ], + "description": "The PHP Unit Testing framework.", + "homepage": "https://phpunit.de/", + "keywords": [ + "phpunit", + "testing", + "xunit" + ], + "time": "2019-01-15T08:19:08+00:00" + }, + { + "name": "sebastian/code-unit-reverse-lookup", + "version": "1.0.1", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/code-unit-reverse-lookup.git", + "reference": "4419fcdb5eabb9caa61a27c7a1db532a6b55dd18" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/code-unit-reverse-lookup/zipball/4419fcdb5eabb9caa61a27c7a1db532a6b55dd18", + "reference": "4419fcdb5eabb9caa61a27c7a1db532a6b55dd18", + "shasum": "" + }, + "require": { + "php": "^5.6 || ^7.0" + }, + "require-dev": { + "phpunit/phpunit": "^5.7 || ^6.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.0.x-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Looks up which function or method a line of code belongs to", + "homepage": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/", + "time": "2017-03-04T06:30:41+00:00" + }, + { + "name": "sebastian/comparator", + "version": "3.0.2", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/comparator.git", + "reference": "5de4fc177adf9bce8df98d8d141a7559d7ccf6da" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/5de4fc177adf9bce8df98d8d141a7559d7ccf6da", + "reference": "5de4fc177adf9bce8df98d8d141a7559d7ccf6da", + "shasum": "" + }, + "require": { + "php": "^7.1", + "sebastian/diff": "^3.0", + "sebastian/exporter": "^3.1" + }, + "require-dev": { + "phpunit/phpunit": "^7.1" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.0-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Jeff Welch", + "email": "whatthejeff@gmail.com" + }, + { + "name": "Volker Dusch", + "email": "github@wallbash.com" + }, + { + "name": "Bernhard Schussek", + "email": "bschussek@2bepublished.at" + }, + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Provides the functionality to compare PHP values for equality", + "homepage": "https://github.com/sebastianbergmann/comparator", + "keywords": [ + "comparator", + "compare", + "equality" + ], + "time": "2018-07-12T15:12:46+00:00" + }, + { + "name": "sebastian/diff", + "version": "3.0.1", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/diff.git", + "reference": "366541b989927187c4ca70490a35615d3fef2dce" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/366541b989927187c4ca70490a35615d3fef2dce", + "reference": "366541b989927187c4ca70490a35615d3fef2dce", + "shasum": "" + }, + "require": { + "php": "^7.1" + }, + "require-dev": { + "phpunit/phpunit": "^7.0", + "symfony/process": "^2 || ^3.3 || ^4" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.0-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Kore Nordmann", + "email": "mail@kore-nordmann.de" + }, + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Diff implementation", + "homepage": "https://github.com/sebastianbergmann/diff", + "keywords": [ + "diff", + "udiff", + "unidiff", + "unified diff" + ], + "time": "2018-06-10T07:54:39+00:00" + }, + { + "name": "sebastian/environment", + "version": "4.0.1", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/environment.git", + "reference": "febd209a219cea7b56ad799b30ebbea34b71eb8f" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/febd209a219cea7b56ad799b30ebbea34b71eb8f", + "reference": "febd209a219cea7b56ad799b30ebbea34b71eb8f", + "shasum": "" + }, + "require": { + "php": "^7.1" + }, + "require-dev": { + "phpunit/phpunit": "^7.4" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "4.0-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Provides functionality to handle HHVM/PHP environments", + "homepage": "http://www.github.com/sebastianbergmann/environment", + "keywords": [ + "Xdebug", + "environment", + "hhvm" + ], + "time": "2018-11-25T09:31:21+00:00" + }, + { + "name": "sebastian/exporter", + "version": "3.1.0", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/exporter.git", + "reference": "234199f4528de6d12aaa58b612e98f7d36adb937" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/234199f4528de6d12aaa58b612e98f7d36adb937", + "reference": "234199f4528de6d12aaa58b612e98f7d36adb937", + "shasum": "" + }, + "require": { + "php": "^7.0", + "sebastian/recursion-context": "^3.0" + }, + "require-dev": { + "ext-mbstring": "*", + "phpunit/phpunit": "^6.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.1.x-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Jeff Welch", + "email": "whatthejeff@gmail.com" + }, + { + "name": "Volker Dusch", + "email": "github@wallbash.com" + }, + { + "name": "Bernhard Schussek", + "email": "bschussek@2bepublished.at" + }, + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + }, + { + "name": "Adam Harvey", + "email": "aharvey@php.net" + } + ], + "description": "Provides the functionality to export PHP variables for visualization", + "homepage": "http://www.github.com/sebastianbergmann/exporter", + "keywords": [ + "export", + "exporter" + ], + "time": "2017-04-03T13:19:02+00:00" + }, + { + "name": "sebastian/global-state", + "version": "2.0.0", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/global-state.git", + "reference": "e8ba02eed7bbbb9e59e43dedd3dddeff4a56b0c4" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/e8ba02eed7bbbb9e59e43dedd3dddeff4a56b0c4", + "reference": "e8ba02eed7bbbb9e59e43dedd3dddeff4a56b0c4", + "shasum": "" + }, + "require": { + "php": "^7.0" + }, + "require-dev": { + "phpunit/phpunit": "^6.0" + }, + "suggest": { + "ext-uopz": "*" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.0-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Snapshotting of global state", + "homepage": "http://www.github.com/sebastianbergmann/global-state", + "keywords": [ + "global state" + ], + "time": "2017-04-27T15:39:26+00:00" + }, + { + "name": "sebastian/object-enumerator", + "version": "3.0.3", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/object-enumerator.git", + "reference": "7cfd9e65d11ffb5af41198476395774d4c8a84c5" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/object-enumerator/zipball/7cfd9e65d11ffb5af41198476395774d4c8a84c5", + "reference": "7cfd9e65d11ffb5af41198476395774d4c8a84c5", + "shasum": "" + }, + "require": { + "php": "^7.0", + "sebastian/object-reflector": "^1.1.1", + "sebastian/recursion-context": "^3.0" + }, + "require-dev": { + "phpunit/phpunit": "^6.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.0.x-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Traverses array structures and object graphs to enumerate all referenced objects", + "homepage": "https://github.com/sebastianbergmann/object-enumerator/", + "time": "2017-08-03T12:35:26+00:00" + }, + { + "name": "sebastian/object-reflector", + "version": "1.1.1", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/object-reflector.git", + "reference": "773f97c67f28de00d397be301821b06708fca0be" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/object-reflector/zipball/773f97c67f28de00d397be301821b06708fca0be", + "reference": "773f97c67f28de00d397be301821b06708fca0be", + "shasum": "" + }, + "require": { + "php": "^7.0" + }, + "require-dev": { + "phpunit/phpunit": "^6.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.1-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Allows reflection of object attributes, including inherited and non-public ones", + "homepage": "https://github.com/sebastianbergmann/object-reflector/", + "time": "2017-03-29T09:07:27+00:00" + }, + { + "name": "sebastian/recursion-context", + "version": "3.0.0", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/recursion-context.git", + "reference": "5b0cd723502bac3b006cbf3dbf7a1e3fcefe4fa8" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/recursion-context/zipball/5b0cd723502bac3b006cbf3dbf7a1e3fcefe4fa8", + "reference": "5b0cd723502bac3b006cbf3dbf7a1e3fcefe4fa8", + "shasum": "" + }, + "require": { + "php": "^7.0" + }, + "require-dev": { + "phpunit/phpunit": "^6.0" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "3.0.x-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Jeff Welch", + "email": "whatthejeff@gmail.com" + }, + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + }, + { + "name": "Adam Harvey", + "email": "aharvey@php.net" + } + ], + "description": "Provides functionality to recursively process PHP variables", + "homepage": "http://www.github.com/sebastianbergmann/recursion-context", + "time": "2017-03-03T06:23:57+00:00" + }, + { + "name": "sebastian/resource-operations", + "version": "2.0.1", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/resource-operations.git", + "reference": "4d7a795d35b889bf80a0cc04e08d77cedfa917a9" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/resource-operations/zipball/4d7a795d35b889bf80a0cc04e08d77cedfa917a9", + "reference": "4d7a795d35b889bf80a0cc04e08d77cedfa917a9", + "shasum": "" + }, + "require": { + "php": "^7.1" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.0-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de" + } + ], + "description": "Provides a list of PHP built-in functions that operate on resources", + "homepage": "https://www.github.com/sebastianbergmann/resource-operations", + "time": "2018-10-04T04:07:39+00:00" + }, + { + "name": "sebastian/version", + "version": "2.0.1", + "source": { + "type": "git", + "url": "https://github.com/sebastianbergmann/version.git", + "reference": "99732be0ddb3361e16ad77b68ba41efc8e979019" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/sebastianbergmann/version/zipball/99732be0ddb3361e16ad77b68ba41efc8e979019", + "reference": "99732be0ddb3361e16ad77b68ba41efc8e979019", + "shasum": "" + }, + "require": { + "php": ">=5.6" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "2.0.x-dev" + } + }, + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Sebastian Bergmann", + "email": "sebastian@phpunit.de", + "role": "lead" + } + ], + "description": "Library that helps with managing the version number of Git-hosted PHP projects", + "homepage": "https://github.com/sebastianbergmann/version", + "time": "2016-10-03T07:35:21+00:00" + }, + { + "name": "theseer/tokenizer", + "version": "1.1.0", + "source": { + "type": "git", + "url": "https://github.com/theseer/tokenizer.git", + "reference": "cb2f008f3f05af2893a87208fe6a6c4985483f8b" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/theseer/tokenizer/zipball/cb2f008f3f05af2893a87208fe6a6c4985483f8b", + "reference": "cb2f008f3f05af2893a87208fe6a6c4985483f8b", + "shasum": "" + }, + "require": { + "ext-dom": "*", + "ext-tokenizer": "*", + "ext-xmlwriter": "*", + "php": "^7.0" + }, + "type": "library", + "autoload": { + "classmap": [ + "src/" + ] + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "BSD-3-Clause" + ], + "authors": [ + { + "name": "Arne Blankerts", + "email": "arne@blankerts.de", + "role": "Developer" + } + ], + "description": "A small library for converting tokenized PHP source code into XML and potentially other formats", + "time": "2017-04-07T12:08:54+00:00" + }, + { + "name": "webmozart/assert", + "version": "1.4.0", + "source": { + "type": "git", + "url": "https://github.com/webmozart/assert.git", + "reference": "83e253c8e0be5b0257b881e1827274667c5c17a9" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/webmozart/assert/zipball/83e253c8e0be5b0257b881e1827274667c5c17a9", + "reference": "83e253c8e0be5b0257b881e1827274667c5c17a9", + "shasum": "" + }, + "require": { + "php": "^5.3.3 || ^7.0", + "symfony/polyfill-ctype": "^1.8" + }, + "require-dev": { + "phpunit/phpunit": "^4.6", + "sebastian/version": "^1.0.1" + }, + "type": "library", + "extra": { + "branch-alias": { + "dev-master": "1.3-dev" + } + }, + "autoload": { + "psr-4": { + "Webmozart\\Assert\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "MIT" + ], + "authors": [ + { + "name": "Bernhard Schussek", + "email": "bschussek@gmail.com" + } + ], + "description": "Assertions to validate method input/output with nice error messages.", + "keywords": [ + "assert", + "check", + "validate" + ], + "time": "2018-12-25T11:19:39+00:00" + } + ], + "aliases": [], + "minimum-stability": "dev", + "stability-flags": [], + "prefer-stable": true, + "prefer-lowest": false, + "platform": { + "php": "^7.1.3" + }, + "platform-dev": [] +} diff --git a/config/app.php b/config/app.php new file mode 100755 index 0000000..77de989 --- /dev/null +++ b/config/app.php @@ -0,0 +1,229 @@ + 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, + Yab\MySQLScout\Providers\MySQLScoutServiceProvider::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, + '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, + 'URL' => Illuminate\Support\Facades\URL::class, + 'Validator' => Illuminate\Support\Facades\Validator::class, + 'View' => Illuminate\Support\Facades\View::class, + + ], + +]; diff --git a/config/auth.php b/config/auth.php new file mode 100755 index 0000000..7817501 --- /dev/null +++ b/config/auth.php @@ -0,0 +1,102 @@ + [ + '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', + ], + ], + + /* + |-------------------------------------------------------------------------- + | 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, + ], + ], + +]; diff --git a/config/broadcasting.php b/config/broadcasting.php new file mode 100755 index 0000000..3ca45ea --- /dev/null +++ b/config/broadcasting.php @@ -0,0 +1,59 @@ + 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'), + 'encrypted' => true, + ], + ], + + 'redis' => [ + 'driver' => 'redis', + 'connection' => 'default', + ], + + 'log' => [ + 'driver' => 'log', + ], + + 'null' => [ + 'driver' => 'null', + ], + + ], + +]; diff --git a/config/cache.php b/config/cache.php new file mode 100755 index 0000000..0c30969 --- /dev/null +++ b/config/cache.php @@ -0,0 +1,93 @@ + 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', + ], + + ], + + /* + |-------------------------------------------------------------------------- + | 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'), + +]; diff --git a/config/database.php b/config/database.php new file mode 100755 index 0000000..22347a4 --- /dev/null +++ b/config/database.php @@ -0,0 +1,131 @@ + 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', + 'database' => env('DB_DATABASE', database_path('database.sqlite')), + 'prefix' => '', + 'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true), + ], + + 'mysql' => [ + 'driver' => 'mysql', + '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, + ], + + 'pgsql' => [ + 'driver' => 'pgsql', + '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', + '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' => 'predis', + + 'default' => [ + 'host' => env('REDIS_HOST', '127.0.0.1'), + 'password' => env('REDIS_PASSWORD', null), + 'port' => env('REDIS_PORT', 6379), + 'database' => env('REDIS_DB', 0), + ], + + 'cache' => [ + 'host' => env('REDIS_HOST', '127.0.0.1'), + 'password' => env('REDIS_PASSWORD', null), + 'port' => env('REDIS_PORT', 6379), + 'database' => env('REDIS_CACHE_DB', 1), + ], + + ], + +]; diff --git a/config/filesystems.php b/config/filesystems.php new file mode 100755 index 0000000..77fa5de --- /dev/null +++ b/config/filesystems.php @@ -0,0 +1,69 @@ + 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", "rackspace" + | + */ + + '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'), + ], + + ], + +]; diff --git a/config/hashing.php b/config/hashing.php new file mode 100755 index 0000000..8425770 --- /dev/null +++ b/config/hashing.php @@ -0,0 +1,52 @@ + '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, + ], + +]; diff --git a/config/logging.php b/config/logging.php new file mode 100755 index 0000000..4b9cbff --- /dev/null +++ b/config/logging.php @@ -0,0 +1,93 @@ + 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'], + ], + + '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', + ], + ], + +]; diff --git a/config/mail.php b/config/mail.php new file mode 100755 index 0000000..f400645 --- /dev/null +++ b/config/mail.php @@ -0,0 +1,136 @@ + 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'), + +]; diff --git a/config/queue.php b/config/queue.php new file mode 100755 index 0000000..c1430b4 --- /dev/null +++ b/config/queue.php @@ -0,0 +1,86 @@ + 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, + ], + + 'sqs' => [ + 'driver' => 'sqs', + 'key' => env('SQS_KEY', 'your-public-key'), + 'secret' => env('SQS_SECRET', 'your-secret-key'), + 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'), + 'queue' => env('SQS_QUEUE', 'your-queue-name'), + 'region' => env('SQS_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' => [ + 'database' => env('DB_CONNECTION', 'mysql'), + 'table' => 'failed_jobs', + ], + +]; diff --git a/config/scout.php b/config/scout.php new file mode 100644 index 0000000..42bc821 --- /dev/null +++ b/config/scout.php @@ -0,0 +1,98 @@ + env('SCOUT_DRIVER', 'mysql'), + + /* + |-------------------------------------------------------------------------- + | Index Prefix + |-------------------------------------------------------------------------- + | + | Here you may specify a prefix that will be applied to all search index + | names used by Scout. This prefix may be useful if you have multiple + | "tenants" or applications sharing the same search infrastructure. + | + */ + + 'prefix' => env('SCOUT_PREFIX', ''), + + /* + |-------------------------------------------------------------------------- + | Queue Data Syncing + |-------------------------------------------------------------------------- + | + | This option allows you to control if the operations that sync your data + | with your search engines are queued. When this is set to "true" then + | all automatic data syncing will get queued for better performance. + | + */ + + 'queue' => env('SCOUT_QUEUE', false), + + /* + |-------------------------------------------------------------------------- + | Chunk Sizes + |-------------------------------------------------------------------------- + | + | These options allow you to control the maximum chunk size when you are + | mass importing data into the search engine. This allows you to fine + | tune each of these chunk sizes based on the power of the servers. + | + */ + + 'chunk' => [ + 'searchable' => 500, + 'unsearchable' => 500, + ], + + /* + |-------------------------------------------------------------------------- + | Soft Deletes + |-------------------------------------------------------------------------- + | + | This option allows to control whether to keep soft deleted records in + | the search indexes. Maintaining soft deleted records can be useful + | if your application still needs to search for the records later. + | + */ + + 'soft_delete' => false, + + /* + |-------------------------------------------------------------------------- + | Algolia Configuration + |-------------------------------------------------------------------------- + | + | Here you may configure your Algolia settings. Algolia is a cloud hosted + | search engine which works great with Scout out of the box. Just plug + | in your application ID and admin API key to get started searching. + | + */ + 'mysql' => [ + 'mode' => 'LIKE', + 'model_directories' => [app_path()], + 'min_search_length' => 0, + 'min_fulltext_search_length' => 4, + 'min_fulltext_search_fallback' => 'LIKE', + 'query_expansion' => false + ], + 'algolia' => [ + 'id' => env('ALGOLIA_APP_ID', ''), + 'secret' => env('ALGOLIA_SECRET', ''), + ], + +]; diff --git a/config/services.php b/config/services.php new file mode 100755 index 0000000..bb4d2ec --- /dev/null +++ b/config/services.php @@ -0,0 +1,43 @@ + [ + 'domain' => env('MAILGUN_DOMAIN'), + 'secret' => env('MAILGUN_SECRET'), + 'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'), + ], + + 'ses' => [ + 'key' => env('SES_KEY'), + 'secret' => env('SES_SECRET'), + 'region' => env('SES_REGION', 'us-east-1'), + ], + + 'sparkpost' => [ + 'secret' => env('SPARKPOST_SECRET'), + ], + + 'stripe' => [ + 'model' => App\User::class, + 'key' => env('STRIPE_KEY'), + 'secret' => env('STRIPE_SECRET'), + 'webhook' => [ + 'secret' => env('STRIPE_WEBHOOK_SECRET'), + 'tolerance' => env('STRIPE_WEBHOOK_TOLERANCE', 300), + ], + ], + +]; diff --git a/config/session.php b/config/session.php new file mode 100755 index 0000000..fae302a --- /dev/null +++ b/config/session.php @@ -0,0 +1,199 @@ + 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" or "memcached" session drivers, you may specify a + | cache store that should be used for these sessions. This value must + | correspond 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, + +]; diff --git a/config/view.php b/config/view.php new file mode 100755 index 0000000..22b8a18 --- /dev/null +++ b/config/view.php @@ -0,0 +1,36 @@ + [ + 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')) + ), + +]; diff --git a/database/.gitignore b/database/.gitignore new file mode 100755 index 0000000..9b1dffd --- /dev/null +++ b/database/.gitignore @@ -0,0 +1 @@ +*.sqlite diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php new file mode 100755 index 0000000..ec15e58 --- /dev/null +++ b/database/factories/UserFactory.php @@ -0,0 +1,24 @@ +define(App\User::class, function (Faker $faker) { + return [ + 'name' => $faker->name, + 'email' => $faker->unique()->safeEmail, + 'email_verified_at' => now(), + 'password' => '$2y$10$TKh8H1.PfQx37YgCzwiKb.KjNyWgaHb9cbcoQgdIVFlYg7B77UdFm', // secret + 'remember_token' => str_random(10), + ]; +}); diff --git a/database/migrations/2014_10_12_000000_create_users_table.php b/database/migrations/2014_10_12_000000_create_users_table.php new file mode 100755 index 0000000..16a6108 --- /dev/null +++ b/database/migrations/2014_10_12_000000_create_users_table.php @@ -0,0 +1,36 @@ +increments('id'); + $table->string('name'); + $table->string('email')->unique(); + $table->timestamp('email_verified_at')->nullable(); + $table->string('password'); + $table->rememberToken(); + $table->timestamps(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('users'); + } +} diff --git a/database/migrations/2014_10_12_100000_create_password_resets_table.php b/database/migrations/2014_10_12_100000_create_password_resets_table.php new file mode 100755 index 0000000..0d5cb84 --- /dev/null +++ b/database/migrations/2014_10_12_100000_create_password_resets_table.php @@ -0,0 +1,32 @@ +string('email')->index(); + $table->string('token'); + $table->timestamp('created_at')->nullable(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('password_resets'); + } +} diff --git a/database/migrations/2019_01_20_130609_create_products_table.php b/database/migrations/2019_01_20_130609_create_products_table.php new file mode 100644 index 0000000..6523e84 --- /dev/null +++ b/database/migrations/2019_01_20_130609_create_products_table.php @@ -0,0 +1,39 @@ +increments('id'); + $table->string('external_id'); + $table->string('title')->nullable(); + $table->string('image')->nullable(); + $table->longText('description')->nullable(); + $table->dateTime('first_invoice')->nullable(); + $table->string('url')->nullable(); + $table->double('price')->nullable(); + $table->integer('amount')->nullable(); + $table->timestamps(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('products'); + } +} diff --git a/database/migrations/2019_01_20_130616_create_offers_table.php b/database/migrations/2019_01_20_130616_create_offers_table.php new file mode 100644 index 0000000..b43baba --- /dev/null +++ b/database/migrations/2019_01_20_130616_create_offers_table.php @@ -0,0 +1,37 @@ +increments('id'); + $table->string('external_id'); + $table->integer('product_id'); + $table->double('price')->nullable(); + $table->integer('amount')->nullable(); + $table->integer('sales')->nullable(); + $table->string('article')->nullable(); + $table->timestamps(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('offers'); + } +} diff --git a/database/migrations/2019_01_20_130636_create_categories_table.php b/database/migrations/2019_01_20_130636_create_categories_table.php new file mode 100644 index 0000000..06b2e42 --- /dev/null +++ b/database/migrations/2019_01_20_130636_create_categories_table.php @@ -0,0 +1,35 @@ +increments('id'); + $table->string('external_id')->unique(); + $table->string('title'); + $table->string('alias'); + $table->integer('parent')->nullable(); + $table->timestamps(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('categories'); + } +} diff --git a/database/migrations/2019_01_20_143203_categrory_product_relationship.php b/database/migrations/2019_01_20_143203_categrory_product_relationship.php new file mode 100644 index 0000000..29b236d --- /dev/null +++ b/database/migrations/2019_01_20_143203_categrory_product_relationship.php @@ -0,0 +1,31 @@ +integer('product_id'); + $table->integer('category_id'); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('categories_products'); + } +} diff --git a/database/seeds/DatabaseSeeder.php b/database/seeds/DatabaseSeeder.php new file mode 100755 index 0000000..91cb6d1 --- /dev/null +++ b/database/seeds/DatabaseSeeder.php @@ -0,0 +1,16 @@ +call(UsersTableSeeder::class); + } +} diff --git a/html.kdev4 b/html.kdev4 new file mode 100755 index 0000000..5d03dc1 --- /dev/null +++ b/html.kdev4 @@ -0,0 +1,4 @@ +[Project] +CreatedFrom= +Manager=KDevCustomBuildSystem +Name=html diff --git a/package.json b/package.json new file mode 100755 index 0000000..76bd398 --- /dev/null +++ b/package.json @@ -0,0 +1,25 @@ +{ + "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.18", + "bootstrap": "^4.0.0", + "cross-env": "^5.1", + "jquery": "^3.2", + "laravel-mix": "^4.0.7", + "lodash": "^4.17.5", + "popper.js": "^1.12", + "resolve-url-loader": "^2.3.1", + "sass": "^1.15.2", + "sass-loader": "^7.1.0", + "vue": "^2.5.17" + } +} diff --git a/phpunit.xml b/phpunit.xml new file mode 100755 index 0000000..9566b67 --- /dev/null +++ b/phpunit.xml @@ -0,0 +1,33 @@ + + + + + ./tests/Unit + + + + ./tests/Feature + + + + + ./app + + + + + + + + + + + diff --git a/public/.htaccess b/public/.htaccess new file mode 100755 index 0000000..b75525b --- /dev/null +++ b/public/.htaccess @@ -0,0 +1,21 @@ + + + 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] + diff --git a/public/assets/crossbrowserjs/excanvas.min.js b/public/assets/crossbrowserjs/excanvas.min.js new file mode 100755 index 0000000..12c74f7 --- /dev/null +++ b/public/assets/crossbrowserjs/excanvas.min.js @@ -0,0 +1 @@ +if(!document.createElement("canvas").getContext){(function(){var z=Math;var K=z.round;var J=z.sin;var U=z.cos;var b=z.abs;var k=z.sqrt;var D=10;var F=D/2;function T(){return this.context_||(this.context_=new W(this))}var O=Array.prototype.slice;function G(i,j,m){var Z=O.call(arguments,2);return function(){return i.apply(j,Z.concat(O.call(arguments)))}}function AD(Z){return String(Z).replace(/&/g,"&").replace(/"/g,""")}function r(i){if(!i.namespaces.g_vml_){i.namespaces.add("g_vml_","urn:schemas-microsoft-com:vml","#default#VML")}if(!i.namespaces.g_o_){i.namespaces.add("g_o_","urn:schemas-microsoft-com:office:office","#default#VML")}if(!i.styleSheets.ex_canvas_){var Z=i.createStyleSheet();Z.owningElement.id="ex_canvas_";Z.cssText="canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"}}r(document);var E={init:function(Z){if(/MSIE/.test(navigator.userAgent)&&!window.opera){var i=Z||document;i.createElement("canvas");i.attachEvent("onreadystatechange",G(this.init_,this,i))}},init_:function(m){var j=m.getElementsByTagName("canvas");for(var Z=0;Z1){j--}if(6*j<1){return i+(Z-i)*6*j}else{if(2*j<1){return Z}else{if(3*j<2){return i+(Z-i)*(2/3-j)*6}else{return i}}}}function Y(Z){var AE,p=1;Z=String(Z);if(Z.charAt(0)=="#"){AE=Z}else{if(/^rgb/.test(Z)){var m=g(Z);var AE="#",AF;for(var j=0;j<3;j++){if(m[j].indexOf("%")!=-1){AF=Math.floor(C(m[j])*255)}else{AF=Number(m[j])}AE+=I[N(AF,0,255)]}p=m[3]}else{if(/^hsl/.test(Z)){var m=g(Z);AE=c(m);p=m[3]}else{AE=B[Z]||Z}}}return{color:AE,alpha:p}}var L={style:"normal",variant:"normal",weight:"normal",size:10,family:"sans-serif"};var f={};function X(Z){if(f[Z]){return f[Z]}var m=document.createElement("div");var j=m.style;try{j.font=Z}catch(i){}return f[Z]={style:j.fontStyle||L.style,variant:j.fontVariant||L.variant,weight:j.fontWeight||L.weight,size:j.fontSize||L.size,family:j.fontFamily||L.family}}function P(j,i){var Z={};for(var AF in j){Z[AF]=j[AF]}var AE=parseFloat(i.currentStyle.fontSize),m=parseFloat(j.size);if(typeof j.size=="number"){Z.size=j.size}else{if(j.size.indexOf("px")!=-1){Z.size=m}else{if(j.size.indexOf("em")!=-1){Z.size=AE*m}else{if(j.size.indexOf("%")!=-1){Z.size=(AE/100)*m}else{if(j.size.indexOf("pt")!=-1){Z.size=m/0.75}else{Z.size=AE}}}}}Z.size*=0.981;return Z}function AA(Z){return Z.style+" "+Z.variant+" "+Z.weight+" "+Z.size+"px "+Z.family}function t(Z){switch(Z){case"butt":return"flat";case"round":return"round";case"square":default:return"square"}}function W(i){this.m_=V();this.mStack_=[];this.aStack_=[];this.currentPath_=[];this.strokeStyle="#000";this.fillStyle="#000";this.lineWidth=1;this.lineJoin="miter";this.lineCap="butt";this.miterLimit=D*1;this.globalAlpha=1;this.font="10px sans-serif";this.textAlign="left";this.textBaseline="alphabetic";this.canvas=i;var Z=i.ownerDocument.createElement("div");Z.style.width=i.clientWidth+"px";Z.style.height=i.clientHeight+"px";Z.style.overflow="hidden";Z.style.position="absolute";i.appendChild(Z);this.element_=Z;this.arcScaleX_=1;this.arcScaleY_=1;this.lineScale_=1}var M=W.prototype;M.clearRect=function(){if(this.textMeasureEl_){this.textMeasureEl_.removeNode(true);this.textMeasureEl_=null}this.element_.innerHTML=""};M.beginPath=function(){this.currentPath_=[]};M.moveTo=function(i,Z){var j=this.getCoords_(i,Z);this.currentPath_.push({type:"moveTo",x:j.x,y:j.y});this.currentX_=j.x;this.currentY_=j.y};M.lineTo=function(i,Z){var j=this.getCoords_(i,Z);this.currentPath_.push({type:"lineTo",x:j.x,y:j.y});this.currentX_=j.x;this.currentY_=j.y};M.bezierCurveTo=function(j,i,AI,AH,AG,AE){var Z=this.getCoords_(AG,AE);var AF=this.getCoords_(j,i);var m=this.getCoords_(AI,AH);e(this,AF,m,Z)};function e(Z,m,j,i){Z.currentPath_.push({type:"bezierCurveTo",cp1x:m.x,cp1y:m.y,cp2x:j.x,cp2y:j.y,x:i.x,y:i.y});Z.currentX_=i.x;Z.currentY_=i.y}M.quadraticCurveTo=function(AG,j,i,Z){var AF=this.getCoords_(AG,j);var AE=this.getCoords_(i,Z);var AH={x:this.currentX_+2/3*(AF.x-this.currentX_),y:this.currentY_+2/3*(AF.y-this.currentY_)};var m={x:AH.x+(AE.x-this.currentX_)/3,y:AH.y+(AE.y-this.currentY_)/3};e(this,AH,m,AE)};M.arc=function(AJ,AH,AI,AE,i,j){AI*=D;var AN=j?"at":"wa";var AK=AJ+U(AE)*AI-F;var AM=AH+J(AE)*AI-F;var Z=AJ+U(i)*AI-F;var AL=AH+J(i)*AI-F;if(AK==Z&&!j){AK+=0.125}var m=this.getCoords_(AJ,AH);var AG=this.getCoords_(AK,AM);var AF=this.getCoords_(Z,AL);this.currentPath_.push({type:AN,x:m.x,y:m.y,radius:AI,xStart:AG.x,yStart:AG.y,xEnd:AF.x,yEnd:AF.y})};M.rect=function(j,i,Z,m){this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath()};M.strokeRect=function(j,i,Z,m){var p=this.currentPath_;this.beginPath();this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath();this.stroke();this.currentPath_=p};M.fillRect=function(j,i,Z,m){var p=this.currentPath_;this.beginPath();this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath();this.fill();this.currentPath_=p};M.createLinearGradient=function(i,m,Z,j){var p=new v("gradient");p.x0_=i;p.y0_=m;p.x1_=Z;p.y1_=j;return p};M.createRadialGradient=function(m,AE,j,i,p,Z){var AF=new v("gradientradial");AF.x0_=m;AF.y0_=AE;AF.r0_=j;AF.x1_=i;AF.y1_=p;AF.r1_=Z;return AF};M.drawImage=function(AO,j){var AH,AF,AJ,AV,AM,AK,AQ,AX;var AI=AO.runtimeStyle.width;var AN=AO.runtimeStyle.height;AO.runtimeStyle.width="auto";AO.runtimeStyle.height="auto";var AG=AO.width;var AT=AO.height;AO.runtimeStyle.width=AI;AO.runtimeStyle.height=AN;if(arguments.length==3){AH=arguments[1];AF=arguments[2];AM=AK=0;AQ=AJ=AG;AX=AV=AT}else{if(arguments.length==5){AH=arguments[1];AF=arguments[2];AJ=arguments[3];AV=arguments[4];AM=AK=0;AQ=AG;AX=AT}else{if(arguments.length==9){AM=arguments[1];AK=arguments[2];AQ=arguments[3];AX=arguments[4];AH=arguments[5];AF=arguments[6];AJ=arguments[7];AV=arguments[8]}else{throw Error("Invalid number of arguments")}}}var AW=this.getCoords_(AH,AF);var m=AQ/2;var i=AX/2;var AU=[];var Z=10;var AE=10;AU.push(" ','","");this.element_.insertAdjacentHTML("BeforeEnd",AU.join(""))};M.stroke=function(AM){var m=10;var AN=10;var AE=5000;var AG={x:null,y:null};var AL={x:null,y:null};for(var AH=0;AHAL.x){AL.x=Z.x}if(AG.y==null||Z.yAL.y){AL.y=Z.y}}}AK.push(' ">');if(!AM){R(this,AK)}else{a(this,AK,AG,AL)}AK.push("");this.element_.insertAdjacentHTML("beforeEnd",AK.join(""))}};function R(j,AE){var i=Y(j.strokeStyle);var m=i.color;var p=i.alpha*j.globalAlpha;var Z=j.lineScale_*j.lineWidth;if(Z<1){p*=Z}AE.push("')}function a(AO,AG,Ah,AP){var AH=AO.fillStyle;var AY=AO.arcScaleX_;var AX=AO.arcScaleY_;var Z=AP.x-Ah.x;var m=AP.y-Ah.y;if(AH instanceof v){var AL=0;var Ac={x:0,y:0};var AU=0;var AK=1;if(AH.type_=="gradient"){var AJ=AH.x0_/AY;var j=AH.y0_/AX;var AI=AH.x1_/AY;var Aj=AH.y1_/AX;var Ag=AO.getCoords_(AJ,j);var Af=AO.getCoords_(AI,Aj);var AE=Af.x-Ag.x;var p=Af.y-Ag.y;AL=Math.atan2(AE,p)*180/Math.PI;if(AL<0){AL+=360}if(AL<0.000001){AL=0}}else{var Ag=AO.getCoords_(AH.x0_,AH.y0_);Ac={x:(Ag.x-Ah.x)/Z,y:(Ag.y-Ah.y)/m};Z/=AY*D;m/=AX*D;var Aa=z.max(Z,m);AU=2*AH.r0_/Aa;AK=2*AH.r1_/Aa-AU}var AS=AH.colors_;AS.sort(function(Ak,i){return Ak.offset-i.offset});var AN=AS.length;var AR=AS[0].color;var AQ=AS[AN-1].color;var AW=AS[0].alpha*AO.globalAlpha;var AV=AS[AN-1].alpha*AO.globalAlpha;var Ab=[];for(var Ae=0;Ae')}else{if(AH instanceof u){if(Z&&m){var AF=-Ah.x;var AZ=-Ah.y;AG.push("')}}else{var Ai=Y(AO.fillStyle);var AT=Ai.color;var Ad=Ai.alpha*AO.globalAlpha;AG.push('')}}}M.fill=function(){this.stroke(true)};M.closePath=function(){this.currentPath_.push({type:"close"})};M.getCoords_=function(j,i){var Z=this.m_;return{x:D*(j*Z[0][0]+i*Z[1][0]+Z[2][0])-F,y:D*(j*Z[0][1]+i*Z[1][1]+Z[2][1])-F}};M.save=function(){var Z={};Q(this,Z);this.aStack_.push(Z);this.mStack_.push(this.m_);this.m_=d(V(),this.m_)};M.restore=function(){if(this.aStack_.length){Q(this.aStack_.pop(),this);this.m_=this.mStack_.pop()}};function H(Z){return isFinite(Z[0][0])&&isFinite(Z[0][1])&&isFinite(Z[1][0])&&isFinite(Z[1][1])&&isFinite(Z[2][0])&&isFinite(Z[2][1])}function y(i,Z,j){if(!H(Z)){return }i.m_=Z;if(j){var p=Z[0][0]*Z[1][1]-Z[0][1]*Z[1][0];i.lineScale_=k(b(p))}}M.translate=function(j,i){var Z=[[1,0,0],[0,1,0],[j,i,1]];y(this,d(Z,this.m_),false)};M.rotate=function(i){var m=U(i);var j=J(i);var Z=[[m,j,0],[-j,m,0],[0,0,1]];y(this,d(Z,this.m_),false)};M.scale=function(j,i){this.arcScaleX_*=j;this.arcScaleY_*=i;var Z=[[j,0,0],[0,i,0],[0,0,1]];y(this,d(Z,this.m_),true)};M.transform=function(p,m,AF,AE,i,Z){var j=[[p,m,0],[AF,AE,0],[i,Z,1]];y(this,d(j,this.m_),true)};M.setTransform=function(AE,p,AG,AF,j,i){var Z=[[AE,p,0],[AG,AF,0],[j,i,1]];y(this,Z,true)};M.drawText_=function(AK,AI,AH,AN,AG){var AM=this.m_,AQ=1000,i=0,AP=AQ,AF={x:0,y:0},AE=[];var Z=P(X(this.font),this.element_);var j=AA(Z);var AR=this.element_.currentStyle;var p=this.textAlign.toLowerCase();switch(p){case"left":case"center":case"right":break;case"end":p=AR.direction=="ltr"?"right":"left";break;case"start":p=AR.direction=="rtl"?"right":"left";break;default:p="left"}switch(this.textBaseline){case"hanging":case"top":AF.y=Z.size/1.75;break;case"middle":break;default:case null:case"alphabetic":case"ideographic":case"bottom":AF.y=-Z.size/2.25;break}switch(p){case"right":i=AQ;AP=0.05;break;case"center":i=AP=AQ/2;break}var AO=this.getCoords_(AI+AF.x,AH+AF.y);AE.push('');if(AG){R(this,AE)}else{a(this,AE,{x:-i,y:0},{x:AP,y:Z.size})}var AL=AM[0][0].toFixed(3)+","+AM[1][0].toFixed(3)+","+AM[0][1].toFixed(3)+","+AM[1][1].toFixed(3)+",0,0";var AJ=K(AO.x/D)+","+K(AO.y/D);AE.push('','','');this.element_.insertAdjacentHTML("beforeEnd",AE.join(""))};M.fillText=function(j,Z,m,i){this.drawText_(j,Z,m,i,false)};M.strokeText=function(j,Z,m,i){this.drawText_(j,Z,m,i,true)};M.measureText=function(j){if(!this.textMeasureEl_){var Z='';this.element_.insertAdjacentHTML("beforeEnd",Z);this.textMeasureEl_=this.element_.lastChild}var i=this.element_.ownerDocument;this.textMeasureEl_.innerHTML="";this.textMeasureEl_.style.font=this.font;this.textMeasureEl_.appendChild(i.createTextNode(j));return{width:this.textMeasureEl_.offsetWidth}};M.clip=function(){};M.arcTo=function(){};M.createPattern=function(i,Z){return new u(i,Z)};function v(Z){this.type_=Z;this.x0_=0;this.y0_=0;this.r0_=0;this.x1_=0;this.y1_=0;this.r1_=0;this.colors_=[]}v.prototype.addColorStop=function(i,Z){Z=Y(Z);this.colors_.push({offset:i,color:Z.color,alpha:Z.alpha})};function u(i,Z){q(i);switch(Z){case"repeat":case null:case"":this.repetition_="repeat";break;case"repeat-x":case"repeat-y":case"no-repeat":this.repetition_=Z;break;default:n("SYNTAX_ERR")}this.src_=i.src;this.width_=i.width;this.height_=i.height}function n(Z){throw new o(Z)}function q(Z){if(!Z||Z.nodeType!=1||Z.tagName!="IMG"){n("TYPE_MISMATCH_ERR")}if(Z.readyState!="complete"){n("INVALID_STATE_ERR")}}function o(Z){this.code=this[Z];this.message=Z+": DOM Exception "+this.code}var x=o.prototype=new Error;x.INDEX_SIZE_ERR=1;x.DOMSTRING_SIZE_ERR=2;x.HIERARCHY_REQUEST_ERR=3;x.WRONG_DOCUMENT_ERR=4;x.INVALID_CHARACTER_ERR=5;x.NO_DATA_ALLOWED_ERR=6;x.NO_MODIFICATION_ALLOWED_ERR=7;x.NOT_FOUND_ERR=8;x.NOT_SUPPORTED_ERR=9;x.INUSE_ATTRIBUTE_ERR=10;x.INVALID_STATE_ERR=11;x.SYNTAX_ERR=12;x.INVALID_MODIFICATION_ERR=13;x.NAMESPACE_ERR=14;x.INVALID_ACCESS_ERR=15;x.VALIDATION_ERR=16;x.TYPE_MISMATCH_ERR=17;G_vmlCanvasManager=E;CanvasRenderingContext2D=W;CanvasGradient=v;CanvasPattern=u;DOMException=o})()}; \ No newline at end of file diff --git a/public/assets/crossbrowserjs/html5shiv.js b/public/assets/crossbrowserjs/html5shiv.js new file mode 100755 index 0000000..784f221 --- /dev/null +++ b/public/assets/crossbrowserjs/html5shiv.js @@ -0,0 +1,8 @@ +/* + HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed +*/ +(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); +a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; +c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| +"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); +for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d #mq-test-1 { width: 42px; }',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document); + +/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */ +(function(a){"use strict";function x(){u(!0)}var b={};if(a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,!b.mediaQueriesSupported){var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var b=m.shift();v(b.href,function(c){p(c,b.href,b.media),h[b.href]=!0,a.setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(b){var h="clientWidth",k=d[h],m="CSS1Compat"===c.compatMode&&k||c.body[h]||k,n={},o=l[l.length-1],p=(new Date).getTime();if(b&&q&&i>p-q)return a.clearTimeout(r),r=a.setTimeout(u,i),void 0;q=p;for(var v in e)if(e.hasOwnProperty(v)){var w=e[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?t||s():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?t||s():1)),w.hasquery&&(z&&A||!(z||m>=x)||!(A||y>=m))||(n[w.media]||(n[w.media]=[]),n[w.media].push(f[w.rules]))}for(var C in g)g.hasOwnProperty(C)&&g[C]&&g[C].parentNode===j&&j.removeChild(g[C]);for(var D in n)if(n.hasOwnProperty(D)){var E=c.createElement("style"),F=n[D].join("\n");E.type="text/css",E.media=D,j.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(c.createTextNode(F)),g.push(E)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)}})(this); diff --git a/public/assets/css/blog/images/transparent/black-0.1.png b/public/assets/css/blog/images/transparent/black-0.1.png new file mode 100755 index 0000000..34683ef Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.1.png differ diff --git a/public/assets/css/blog/images/transparent/black-0.2.png b/public/assets/css/blog/images/transparent/black-0.2.png new file mode 100755 index 0000000..e8fce41 Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.2.png differ diff --git a/public/assets/css/blog/images/transparent/black-0.3.png b/public/assets/css/blog/images/transparent/black-0.3.png new file mode 100755 index 0000000..911fb79 Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.3.png differ diff --git a/public/assets/css/blog/images/transparent/black-0.4.png b/public/assets/css/blog/images/transparent/black-0.4.png new file mode 100755 index 0000000..30d467c Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.4.png differ diff --git a/public/assets/css/blog/images/transparent/black-0.5.png b/public/assets/css/blog/images/transparent/black-0.5.png new file mode 100755 index 0000000..2982214 Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.5.png differ diff --git a/public/assets/css/blog/images/transparent/black-0.6.png b/public/assets/css/blog/images/transparent/black-0.6.png new file mode 100755 index 0000000..8621cb9 Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.6.png differ diff --git a/public/assets/css/blog/images/transparent/black-0.7.png b/public/assets/css/blog/images/transparent/black-0.7.png new file mode 100755 index 0000000..3f0d630 Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.7.png differ diff --git a/public/assets/css/blog/images/transparent/black-0.8.png b/public/assets/css/blog/images/transparent/black-0.8.png new file mode 100755 index 0000000..18e5f4d Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.8.png differ diff --git a/public/assets/css/blog/images/transparent/black-0.9.png b/public/assets/css/blog/images/transparent/black-0.9.png new file mode 100755 index 0000000..da7719b Binary files /dev/null and b/public/assets/css/blog/images/transparent/black-0.9.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.1.png b/public/assets/css/blog/images/transparent/white-0.1.png new file mode 100755 index 0000000..06c84b9 Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.1.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.2.png b/public/assets/css/blog/images/transparent/white-0.2.png new file mode 100755 index 0000000..15b03e9 Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.2.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.3.png b/public/assets/css/blog/images/transparent/white-0.3.png new file mode 100755 index 0000000..3f859fe Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.3.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.4.png b/public/assets/css/blog/images/transparent/white-0.4.png new file mode 100755 index 0000000..9fbb0bd Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.4.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.5.png b/public/assets/css/blog/images/transparent/white-0.5.png new file mode 100755 index 0000000..544c6c6 Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.5.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.6.png b/public/assets/css/blog/images/transparent/white-0.6.png new file mode 100755 index 0000000..c5d17cc Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.6.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.7.png b/public/assets/css/blog/images/transparent/white-0.7.png new file mode 100755 index 0000000..3ea5893 Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.7.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.8.png b/public/assets/css/blog/images/transparent/white-0.8.png new file mode 100755 index 0000000..bcfddae Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.8.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.9.png b/public/assets/css/blog/images/transparent/white-0.9.png new file mode 100755 index 0000000..dab1ac2 Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.9.png differ diff --git a/public/assets/css/blog/images/transparent/white-0.98.png b/public/assets/css/blog/images/transparent/white-0.98.png new file mode 100755 index 0000000..54b210c Binary files /dev/null and b/public/assets/css/blog/images/transparent/white-0.98.png differ diff --git a/public/assets/css/blog/style-responsive.css b/public/assets/css/blog/style-responsive.css new file mode 100755 index 0000000..bb9198f --- /dev/null +++ b/public/assets/css/blog/style-responsive.css @@ -0,0 +1,448 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/ + +@media (min-width: 1200px) { + + /* Container Setting */ + + .container { + width: 1010px; + } +} + +@media (min-width: 1920px) { + + /* Body Setting */ + + body { + font-size: 16px; + } + + + /* Header Setting */ + + .header { + padding: 9px 0; + } + .header.navbar-sm { + padding: 4px 0; + } + .navbar .nav.navbar-nav > li > a { + font-size: 16px; + } + .navbar-brand, + .brand-text { + font-size: 20px; + } + .brand-logo{ + border-width: 20px; + margin-top: -5px; + margin-bottom: -5px; + } + .navbar-nav > li > .dropdown-menu { + font-size: 16px; + } + .navbar-nav > li > .dropdown-menu > li > a { + line-height: 26px; + } + + + /* Container Setting */ + + .container { + width: 1260px; + } + + + /* Page Title Setting */ + + .page-title h1 { + font-size: 56px; + } + .page-title p { + font-size: 24px; + } + + + /* Post Setting */ + + .post-left-info { + width: 60px; + } + .post-likes { + font-size: 14px; + } + .post-date .day { + font-size: 28px; + } + .post-date .month { + font-size: 14px; + } + .post-title, + .post-grid .post-title { + font-size: 28px; + line-height: 36px; + } + .post-by, + .post-detail .post-by { + font-size: 15px; + } + .post-desc { + font-size: 16px; + line-height: 26px; + } + .read-btn-container { + font-size: 16px; + } + + + /* Content Setting */ + + .content { + margin-top: 100px; + } + + + /* Sidebar Element Setting */ + + .sidebar-search .form-control { + font-size: 16px; + height: 44px; + } + .sidebar-search .btn { + font-size: 18px; + height: 44px; + } + .sidebar-list { + font-size: 16px; + } + .sidebar-list > li > a { + line-height: 26px; + } + .sidebar-recent-post > li .title { + font-size: 16px; + line-height: 26px; + } + .sidebar-recent-post > li .date { + font-size: 14px; + } + .sidebar-social-list { + line-height: 36px; + } + .sidebar-social-list > li { + font-size: 36px; + } + + + /* Section Title Setting */ + + .section-title { + font-size: 18px; + } + + + /* Breadcrumb Setting */ + + .breadcrumb { + font-size: 14px; + } + + + /* Footer Setting */ + + .footer .footer-title { + font-size: 18px; + } + .footer ul, + .footer ul.archives > li .total, + .footer ul.recent-post a { + font-size: 16px; + } + .footer address { + font-size: 16px; + line-height: 26px; + } + .footer ul.recent-post h4 .time { + font-size: 14px; + } + .footer-copyright { + font-size: 16px; + line-height: 26px; + padding: 30px 0; + } + .footer-copyright .social-media-list { + font-size: 26px; + } + + + /* Theme Panel Setting */ + + .theme-panel { + width: 248px; + right: -248px; + } + .theme-panel .theme-list > li + li { + margin-left: 7px; + } + .theme-panel .theme-list > li > a { + width: 40px; + height: 40px; + } + .theme-panel .theme-panel-content { + padding: 10px; + } + .theme-panel .theme-collapse-btn { + width: 60px; + height: 60px; + left: -60px; + margin-top: -30px; + font-size: 24px; + line-height: 60px; + } + .theme-panel .theme-list > li.active > a:before { + font-size: 20px; + line-height: 40px; + } + + + /* Tooltip Setting */ + + .tooltip { + font-size: 16px; + } + + + /* Comment List Setting */ + + .comment-list .comment-content { + font-size: 16px; + line-height: 26px; + } + .comment-list .comment-rating, + .comment-list .comment-btn { + font-size: 16px; + } + .comment-list .comment-author { + font-size: 20px; + } + .comment-list .comment-date { + font-size: 15px; + } + + + /* Form Element Setting */ + + .form-horizontal .control-label { + font-size: 16px !important; + } + .form-control { + height: 46px; + font-size: 16px; + } + + + /* Font Size Setting */ + + .f-s-12, + .f-s-13 { + font-size: 16px !important; + } + + + /* Button Setting */ + + .btn { + font-size: 16px; + } + + + /* About Us Page Setting */ + + .about-me-desc { + line-height: 26px; + } + + + /* Cover Bg Setting */ + + .has-bg .bg-cover img { + width: 100%; + } +} + +@media (min-width: 768px) { + + /* Navbar Setting */ + + .navbar .nav.navbar-nav > li > a { + padding: 15px 15px; + } +} + +@media (max-width: 767px) { + + + /* Header & Navbar Setting */ + + .header { + padding: 5px 0; + } + .navbar-nav > li > .dropdown-menu, + .navbar-nav .open .dropdown-menu { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + } + .navbar-nav .open .dropdown-menu > li > a { + padding: 12px 25px; + } + + + /* Navbar Transparent Setting */ + + .navbar-transparent .navbar-collapse, + .navbar-transparent .navbar-collapse.collapse.in { + -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); + box-shadow: 0 0 2px rgba(0,0,0,0.3); + background: #fff; + border-top: none; + } + .navbar-transparent .navbar-collapse, .navbar-default .navbar-form { + border-color: #e7e7e7; + } + .navbar-transparent .nav.navbar-nav > li > a { + color: #333; + } + + + /* Navbar Inverse Setting */ + + .navbar-inverse .navbar-nav > li.open .dropdown-menu { + background: #333; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li + li { + border-top: 1px solid #444; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #ccc; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + } + .navbar-inverse .navbar-nav > li > .dropdown-menu, .navbar-nav .open .dropdown-menu { + border: none; + } + + + /* Page Title Setting */ + + .page-title { + padding: 120px 0 60px; + } + .page-title h1 { + font-size: 26px; + } + .page-title p { + font-size: 18px; + } + .page-title + .content { + margin: 30px 0; + } + + + /* Post List Setting */ + + .post-left-info { + float: none; + width: auto; + margin: 0 0 10px; + } + .post-left-info:before, + .post-left-info:after { + content: ''; + display: table; + clear: both; + } + .post-date, + .post-likes { + padding: 0; + float: left; + } + .post-date { + margin: 0; + line-height: inherit; + } + .post-date .day, + .post-date .month { + font-size: 12px; + display: inline; + } + .post-date + .post-likes { + margin-left: 15px; + padding-left: 15px; + border: none; + border-left: 2px solid #ddd; + } + .post-left-info + .post-content { + margin: 0; + } + .post-image, + .post-video, + .post-list blockquote { + margin-bottom: 15px; + } + .post-title { + font-size: 20px; + line-height: 28px; + } + .post-by { + margin-bottom: 10px; + line-height: 16px; + } + .post-desc { + font-size: 12px; + margin-bottom: 15px; + } + .post-li, + .post-grid.post-grid-2 > .post-li, + .post-grid.post-grid-3 > .post-li, + .post-grid.post-grid-4 > .post-li { + width: 50%; + } + + + /* Details Page Comment Section Setting */ + + .comment-list > li { + padding: 15px 0; + } + .comment-list .comment-avatar { + width: 40px; + height: 40px; + margin-right: 10px; + font-size: 36px; + line-height: 56px; + } + .comment-list .comment-avatar + .comment-container { + margin-left: 50px; + } + .comment-list .comment-list { + margin-top: 15px; + } +} + +@media (max-width: 600px) { + + /* Post Grid Setting */ + + .post-li, + .post-grid.post-grid-2 > .post-li, + .post-grid.post-grid-3 > .post-li, + .post-grid.post-grid-4 > .post-li { + width: 100%; + } +} \ No newline at end of file diff --git a/public/assets/css/blog/style-responsive.min.css b/public/assets/css/blog/style-responsive.min.css new file mode 100755 index 0000000..495403f --- /dev/null +++ b/public/assets/css/blog/style-responsive.min.css @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/@media (min-width: 1200px){.container{width:1010px}}@media (min-width: 1920px){body{font-size:16px}.header{padding:9px 0}.header.navbar-sm{padding:4px 0}.navbar .nav.navbar-nav > li > a{font-size:16px}.navbar-brand,.brand-text{font-size:20px}.brand-logo{border-width:20px;margin-top:-5px;margin-bottom:-5px}.navbar-nav > li > .dropdown-menu{font-size:16px}.navbar-nav > li > .dropdown-menu > li > a{line-height:26px}.container{width:1260px}.page-title h1{font-size:56px}.page-title p{font-size:24px}.post-left-info{width:60px}.post-likes{font-size:14px}.post-date .day{font-size:28px}.post-date .month{font-size:14px}.post-title,.post-grid .post-title{font-size:28px;line-height:36px}.post-by,.post-detail .post-by{font-size:15px}.post-desc{font-size:16px;line-height:26px}.read-btn-container{font-size:16px}.content{margin-top:100px}.sidebar-search .form-control{font-size:16px;height:44px}.sidebar-search .btn{font-size:18px;height:44px}.sidebar-list{font-size:16px}.sidebar-list > li > a{line-height:26px}.sidebar-recent-post > li .title{font-size:16px;line-height:26px}.sidebar-recent-post > li .date{font-size:14px}.sidebar-social-list{line-height:36px}.sidebar-social-list > li{font-size:36px}.section-title{font-size:18px}.breadcrumb{font-size:14px}.footer .footer-title{font-size:18px}.footer ul,.footer ul.archives > li .total,.footer ul.recent-post a{font-size:16px}.footer address{font-size:16px;line-height:26px}.footer ul.recent-post h4 .time{font-size:14px}.footer-copyright{font-size:16px;line-height:26px;padding:30px 0}.footer-copyright .social-media-list{font-size:26px}.theme-panel{width:248px;right:-248px}.theme-panel .theme-list > li + li{margin-left:7px}.theme-panel .theme-list > li > a{width:40px;height:40px}.theme-panel .theme-panel-content{padding:10px}.theme-panel .theme-collapse-btn{width:60px;height:60px;left:-60px;margin-top:-30px;font-size:24px;line-height:60px}.theme-panel .theme-list > li.active > a:before{font-size:20px;line-height:40px}.tooltip{font-size:16px}.comment-list .comment-content{font-size:16px;line-height:26px}.comment-list .comment-rating,.comment-list .comment-btn{font-size:16px}.comment-list .comment-author{font-size:20px}.comment-list .comment-date{font-size:15px}.form-horizontal .control-label{font-size:16px!important}.form-control{height:46px;font-size:16px}.f-s-12,.f-s-13{font-size:16px!important}.btn{font-size:16px}.about-me-desc{line-height:26px}.has-bg .bg-cover img{width:100%}}@media (min-width: 768px){.navbar .nav.navbar-nav > li > a{padding:15px}}@media (max-width: 767px){.header{padding:5px 0}.navbar-nav > li > .dropdown-menu,.navbar-nav .open .dropdown-menu{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.navbar-nav .open .dropdown-menu > li > a{padding:12px 25px}.navbar-transparent .navbar-collapse,.navbar-transparent .navbar-collapse.collapse.in{-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3);background:#fff;border-top:none}.navbar-transparent .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-transparent .nav.navbar-nav > li > a{color:#333}.navbar-inverse .navbar-nav > li.open .dropdown-menu{background:#333}.navbar-inverse .navbar-nav .open .dropdown-menu > li + li{border-top:1px solid #444}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#ccc}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff}.navbar-inverse .navbar-nav > li > .dropdown-menu,.navbar-nav .open .dropdown-menu{border:none}.page-title{padding:120px 0 60px}.page-title h1{font-size:26px}.page-title p{font-size:18px}.page-title + .content{margin:30px 0}.post-left-info{float:none;width:auto;margin:0 0 10px}.post-left-info:before,.post-left-info:after{content:'';display:table;clear:both}.post-date,.post-likes{padding:0;float:left}.post-date{margin:0;line-height:inherit}.post-date .day,.post-date .month{font-size:12px;display:inline}.post-date + .post-likes{margin-left:15px;padding-left:15px;border:none;border-left:2px solid #ddd}.post-left-info + .post-content{margin:0}.post-image,.post-video,.post-list blockquote{margin-bottom:15px}.post-title{font-size:20px;line-height:28px}.post-by{margin-bottom:10px;line-height:16px}.post-desc{font-size:12px;margin-bottom:15px}.post-li,.post-grid.post-grid-2 > .post-li,.post-grid.post-grid-3 > .post-li,.post-grid.post-grid-4 > .post-li{width:50%}.comment-list > li{padding:15px 0}.comment-list .comment-avatar{width:40px;height:40px;margin-right:10px;font-size:36px;line-height:56px}.comment-list .comment-avatar + .comment-container{margin-left:50px}.comment-list .comment-list{margin-top:15px}}@media (max-width: 600px){.post-li,.post-grid.post-grid-2 > .post-li,.post-grid.post-grid-3 > .post-li,.post-grid.post-grid-4 > .post-li{width:100%}} \ No newline at end of file diff --git a/public/assets/css/blog/style.css b/public/assets/css/blog/style.css new file mode 100755 index 0000000..4a43c0d --- /dev/null +++ b/public/assets/css/blog/style.css @@ -0,0 +1,2950 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ + +:: 1.0 General Reset & Setup +------------------------------------------- + 1.1 Reset and overrides + +:: 2.0 Header / Navbar Setting +------------------------------------------- + 2.1 Header Setting + 2.1 Header Setting + 2.2 Navbar Element Setting + 2.3 Navbar Brand Setting + 2.4 Navbar Dropdown Setting + 2.5 Navbar Theme - Default Setting + 2.6 Navbar Theme - Transparent Setting + 2.7 Navbar Theme - Inverse Setting + +:: 3.0 Page Title & Section Title Setting +------------------------------------------- + 3.1 Page Title Element Setting + 3.2 Section Title & Container Setting + +:: 4.0 Content Setting +------------------------------------------- + 4.1 Content Element Setting + 4.2 Content Bg Setting + +:: 5.0 Sidebar Setting +------------------------------------------- + 5.1 Sidebar Social List Setting + 5.2 Sidebar Recent Post Setting + 5.3 Sidebar List Setting + +:: 6.0 Post Setting +------------------------------------------- + 6.1 Post List Setting + 6.2 Post Grid Setting + +:: 7.0 Pace Setting +------------------------------------------- + 7.1 Details Page Setting + 7.2 Details Page Comment Section Setting + 7.3 About Us Page Comment Section Setting + +:: 8.0 Footer Setting +------------------------------------------- + 8.1 Footer Element Setting + 8.2 Footer Copyright Setting + +:: 9.0 Pace Loader Setting +------------------------------------------- + 9.1 Pace Loader Element Setting + +:: 10.0 Predefined CSS Setting +------------------------------------------- + 10.1 Predefined Classes + +:: 11.0 Basic Element Setting +------------------------------------------- + 11.1 Component - Button + 11.1.1 Component - Button - Default + 11.1.2 Component - Button - White + 11.1.3 Component - Button - Inverse + 11.1.4 Component - Button - Primary + 11.1.5 Component - Button - Success + 11.1.6 Component - Button - Warning + 11.1.7 Component - Button - Danger + 11.1.8 Component - Button - Info + 11.2 Component - Progress Bar + 11.3 Component - From Control + 11.4 Component - Dropdown Menu + 11.5 Component - Tooltip + 11.6 Component - Alert + 11.7 Component - Note Setting + 11.8 Component - Badge & Label Setting + 11.9 Component - Pagination & pager + 11.10 Component - Nav Setting + 11.11 Component - Nav Tabs + 11.12 Component - Nav Pills + 11.13 Component - Tab Content + 11.14 Component - Accordion Panel + 11.15 Component - Panel + 11.16 Component - Panel - Panel Expand + 11.17 Component - Panel - Panel loading + 11.18 Component - Modal Setting + 11.19 Component - Media Object + 11.20 Component - Tabl + 11.21 Component - Well + 11.22 Component - Jumbotron + 11.23 Component - List Group + 11.24 Component - Carousel + 11.25 Component - Theme Panel +*/ + + +/* ------------------------------- + 1.0 General reset & setup +------------------------------- */ + +/* 1.1 Reset and overrides */ + +body { + font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif; + color: #707478; + background: #fff; +} +a { + color: #00acac; +} +a:hover, +a:focus { + color: #008a8a; +} + + + +/* ------------------------------- + 2.0 Header / Navbar Setting +------------------------------- */ + +/* 2.1 Header Setting */ + +.header { + padding: 7px 0; +} +.header.navbar-sm { + padding: 2px 0; +} + + +/* 2.2 Navbar Element Setting */ + +.navbar { + border: none; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.navbar .nav.navbar-nav > li > a { + background: none; + padding: 15px 25px; + font-size: 13px; + font-weight: bold; + letter-spacing: 0.5px; + color: #333; +} +.navbar .nav.navbar-nav > li > a:hover, +.navbar .nav.navbar-nav > li > a:focus { + background: none; +} +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:hover, +.navbar .nav.navbar-nav > li > a:focus { + color: #00a3a3; +} + + +/* 2.3 Navbar Brand Setting */ + +.navbar-brand { + line-height: 30px; + padding: 10px 15px; +} +.navbar-brand img { + display: block; + margin: -5px 0; + height: 40px; +} +.brand-text { + font-weight: bold; + letter-spacing: 1px; + font-size: 16px; + color: #333; +} +.brand-logo { + border: 15px solid transparent; + border-color: #4DCACA #31A3A3 #1D8888; + float: left; + margin-right: 10px; + border-radius: 20px; +} + + +/* 2.4 Navbar Dropdown Setting */ + +.navbar-nav > li > .dropdown-menu { + margin-top: 7px; + box-shadow: none; + padding: 0; + border: none; + font-size: 12px; + background: #f0f3f4; + border-radius: 0; +} +.navbar-sm .navbar-nav > li > .dropdown-menu { + margin-top: 2px; +} +.navbar-nav > li.open .dropdown-menu { + background: #f0f3f4; +} +.navbar-nav > li > .dropdown-menu > li + li { + border-top: 1px solid #ddd; +} +.navbar-nav > li > .dropdown-menu > li > a { + line-height: 20px; + padding: 12px 20px; +} +.navbar-nav > li > .dropdown-menu > li > a:hover, +.navbar-nav > li > .dropdown-menu > li > a:focus { + background: #e4e7e8; +} + + +/* 2.5 Navbar Theme - Default Setting */ + +.navbar.navbar-default { + background: #fff; + -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); + box-shadow: 0 0 2px rgba(0,0,0,0.3); +} +.navbar-default .navbar-toggle { + background: #ddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + border-color: #ccc; + background: #ccc; +} +.navbar-default .navbar-toggle:hover .icon-bar, +.navbar-default .navbar-toggle:focus .icon-bar { + background: #333; +} + + +/* 2.6 Navbar Theme - Transparent Setting */ + +.navbar.navbar-transparent { + background: none; +} +.navbar.navbar-transparent.navbar-sm { + background: #fff; + -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); + box-shadow: 0 0 2px rgba(0,0,0,0.3); +} +.navbar-transparent .brand-text, +.navbar-transparent .nav.navbar-nav > li > a { + color: #fff; +} +.navbar-transparent.navbar-sm .brand-text, +.navbar-transparent.navbar-sm .nav.navbar-nav > li > a { + color: #333; +} +.navbar-transparent .navbar-toggle { + border-color: transparent; + background: rgba(255,255,255,0.2); +} +.navbar-transparent .navbar-toggle:hover, +.navbar-transparent .navbar-toggle:focus { + border-color: transparent; + background: rgba(255,255,255,0.5); +} +.navbar-transparent .navbar-toggle .icon-bar, +.navbar-transparent .navbar-toggle .icon-bar { + background: #fff; +} +.navbar-transparent .navbar-toggle:hover .icon-bar, +.navbar-transparent .navbar-toggle:focus .icon-bar { + background: #fff; +} + + +/* 2.7 Navbar Theme - Inverse Setting */ + +.navbar-inverse .brand-text, +.navbar-inverse .nav.navbar-nav > li > a { + color: #fff; +} +.navbar-inverse .navbar-toggle { + border-color: transparent; + background: rgba(255,255,255,0.2); +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + border-color: transparent; + background: rgba(255,255,255,0.5); +} +.navbar-inverse .navbar-toggle .icon-bar, +.navbar-inverse .navbar-toggle .icon-bar { + background: #fff; +} +.navbar-inverse .navbar-toggle:hover .icon-bar, +.navbar-inverse .navbar-toggle:focus .icon-bar { + background: #fff; +} + + + +/* ------------------------------- + 3.0 Page Title & Section Title Setting +------------------------------- */ + +/* 3.1 Page Title Element Setting */ + +.page-title { + padding: 164px 0 100px; + text-align: center; +} +.page-title h1 { + margin: 0 0 10px; + color: #fff; + font-weight: bold; + font-size: 48px; +} +.page-title p { + display: block; + font-size: 21px; + color: rgba(255,255,255,0.8); + font-style: italic; + font-weight: 300; + font-family: Times New Roman; + margin: 0; +} + + +/* 3.2 Section Title & Container Setting */ + +.section-title { + font-size: 14px; + text-align: left; + margin: 0 0 10px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + position: relative; + color: #333; + text-align: center; +} +.section-title span { + position: relative; + z-index: 1020; + background: #fff; + padding-left: 10px; + padding-right: 10px; +} +.section-title:before { + content: ''; + position: absolute; + left: 0; + right: 0; + height: 2px; + top: 0; + background: #222; + top: 50%; + margin-top: -1px; + z-index: 0; +} +.section-container { + margin-bottom: 50px; +} + + + +/* ------------------------------- + 4.0 Content Setting +------------------------------- */ + +/* 4.1 Content Element Setting */ + +.content { + margin: 84px 0 60px; +} +.page-title + .content { + margin-top: 60px; +} +.breadcrumb { + font-size: 12px; + background: none; + padding: 0; + margin-bottom: 5px; +} + + +/* 4.2 Content Bg Setting */ + +.has-bg { + position: relative; + overflow: hidden; +} +.has-bg .bg-cover { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.has-bg .bg-cover.bottom { + top: auto; +} +.has-bg .bg-cover:before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: url('images/transparent/black-0.4.png'); +} +.has-bg .bg-cover img { + max-width: 100%; + min-height: 100%; +} +.has-bg .container { + position: relative; + z-index: 1020; +} + + + +/* ------------------------------- + 5.0 Sidebar Setting +------------------------------- */ + +/* 5.1 Sidebar Social List Setting */ + +.sidebar-social-list { + line-height: 20px; + list-style-type: none; + margin: 0; + padding: 10px 0; +} +.sidebar-social-list > li { + display: inline; + font-size: 18px; + float: left; +} +.sidebar-social-list > li a { + color: #333; + padding: 0 10px; +} +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus { + color: #00acac; +} + + +/* 5.2 Sidebar Recent Post Setting */ + +.sidebar-recent-post { + list-style-type: none; + margin: 0; + padding: 0; +} +.sidebar-recent-post > li:before, +.sidebar-recent-post > li:after { + content: ''; + display: table; + clear: boths; +} +.sidebar-recent-post > li { + padding: 10px 0; +} +.sidebar-recent-post > li + li { + border-top: 1px solid #ddd; +} +.sidebar-recent-post > li .title { + margin: 0; + font-size: 13px; + text-transform: initial; + letter-spacing: 0; + line-height: 20px; +} +.sidebar-recent-post > li .title a { + color: #333; +} +.sidebar-recent-post > li .date { + font-size: 11px; + color: #999; +} + + +/* 5.3 Sidebar List Setting */ + +.sidebar-list { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 12px; +} +.sidebar-list > li > a { + line-height: 20px; + color: #333; + border-bottom: 1px solid #ddd; + display: block; + padding: 10px 0; +} + + + +/* ------------------------------- + 6.0 Post Setting +------------------------------- */ + +/* 6.1 Post List Setting */ + +.post-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.post-list > li:before, +.post-list > li:after { + content: ''; + display: table; + clear: both; +} +.post-list > li { + padding: 0; +} +.post-list > li + li { + margin-top: 60px; +} +.post-left-info { + width: 50px; + float: left; + margin-right: 20px; +} +.post-date { + font-size: 12px; + line-height: 1.1; + margin: 0 auto 2px; + padding: 10px; + text-align: center; + font-weight: bold; +} +.post-date .day { + color: #333; + font-size: 24px; + display: block; +} +.post-date .month { + display: block; + font-size: 10px; + margin-top: 5px; + color: #333; +} +.post-date + .post-likes { + border-top: 2px solid #ddd; +} +.post-likes { + padding: 10px 0; + text-align: center; + font-size: 12px; +} +.post-left-info + .post-content { + margin-left: 70px; +} +.post-image { + padding-top: 56%; + overflow: hidden; + position: relative; + margin-bottom: 25px; +} +.post-image.post-image-with-carousel { + padding-top: 0; +} +.post-image.post-image-with-carousel .item { + padding-top: 56%; + overflow: hidden; +} +.post-image img { + position: absolute; + left: 0; + right: 0; + top: 0; + max-width: 100%; +} +.post-video { + margin-bottom: 25px; +} +.post-list blockquote { + border: none; + background: #e9edef; + font-size: 18px; + padding: 30px; + color: #000; + margin-bottom: 25px; +} +.post-title { + margin: 0 0 5px; + font-size: 24px; + line-height: 30px; + color: #000; +} +.post-title a { + color: #000; +} +.post-by { + display: block; + font-size: 11px; + color: #666; + margin-bottom: 15px; + line-height: 20px; + padding: 0 0; +} +.post-by .divider { + margin: 0 5px; + font-size: 10px; + color: #333; + position: relative; + top: -1px; +} +.post-desc { + line-height: 20px; + color: #696969; + margin-bottom: 20px; + font-size: 13px; +} +.read-btn-container { + text-align: right; + font-size: 12px; +} +.read-btn-container a { + color: #333; +} + + +/* 6.2 Post Grid Setting */ + +.post-grid { + margin: -10px; +} +.post-grid:before, +.post-grid:after { + content: ''; + display: table; + clear: both; +} +.post-grid > li, +.post-li { + width: 33.33%; + padding: 10px; +} +.post-grid.post-grid-2 > li, +.post-grid.post-grid-2 > .post-li { + width: 50%; +} +.post-grid.post-grid-3 > li, +.post-grid.post-grid-3 > .post-li { + width: 33.33%; +} +.post-grid.post-grid-4 > li, +.post-grid.post-grid-4 > .post-li { + width: 25%; +} +.post-grid .post-image, +.post-grid .post-video { + margin: -1px -1px 0; +} +.post-grid blockquote { + margin-bottom: 0; +} +.post-grid .post-title { + font-size: 20px; + line-height: 24px; +} +.post-grid .post-content { + border: 1px solid rgba(0,0,0,0.125); +} +.post-grid .post-info { + padding: 15px; +} + + + +/* ------------------------------- + 7.0 Page Setting +------------------------------- */ + +/* 7.1 Details Page Setting */ + +.post-detail .post-image { + margin-bottom: 15px; +} +.post-detail .post-by { + font-size: 12px; +} +.post-detail .post-desc { + margin-bottom: 30px; +} +.post-detail .post-desc p { + margin-bottom: 0; +} +.post-detail .post-desc p + p { + margin-top: 15px; +} + + +/* 7.2 Details Page Comment Section Setting */ + +.comment-list { + list-style-type: none; + margin: 0 0 30px; + padding: 0; + color: #2d353c; +} +.comment-list > li { + padding: 20px; +} +.comment-list > li + li { + border-top: 2px solid #eee; +} +.comment-list > li:before, +.comment-list > li:after { + content: ''; + display: table; + clear: both; +} +.comment-list .comment-avatar { + width: 70px; + height: 70px; + overflow: hidden; + -webkit-border-radius: 70px; + -moz-border-radius: 70px; + border-radius: 70px; + margin-right: 20px; + float: left; + background: #d9e0e7; + text-align: center; + line-height: 84px; + font-size: 62px; + color: #929ba1; +} +.comment-list .comment-avatar img { + max-width: 100%; + display: block; +} +.comment-list .comment-avatar + .comment-container { + margin-left: 90px; +} +.comment-list .comment-author { + font-size: 16px; + color: #2d353c; + font-weight: 600; + margin-bottom: 5px; +} +.comment-list .comment-date { + font-size: 12px; + font-weight: normal; + margin-left: 5px; + color: #999; +} +.comment-list .comment-content { + font-size: 13px; + line-height: 20px; + margin-bottom: 10px; +} +.comment-list .comment-rating { + font-size: 11px; + text-align: right; + font-weight: 600; + color: #999; + margin-bottom: 10px; +} +.comment-list .comment-btn { + font-size: 11px; + margin-bottom: 10px; +} +.comment-list .comment-list { + border-bottom: none; + margin-top: 30px; + margin-bottom: 0; + border-top: 2px solid #eee; +} +.comment-list .comment-list > li { + padding-bottom: 0; +} + + +/* 7.3 About Us Page Comment Section Setting */ + +.about-me-desc { + line-height: 24px; + margin-bottom: 12px; +} + + + +/* ------------------------------- + 8.0 Footer Setting +------------------------------- */ + +/* 8.1 Footer Element Setting */ + +.footer { + background: #242a30; + -webkit-box-shadow: inset 0 100px 80px -80px rgba(0,0,0,.7); + box-shadow: inset 0 100px 80px -80px rgba(0,0,0,.7); + padding: 60px 0 0; +} +.footer-section { + margin-bottom: 60px; +} +.footer .footer-title { + text-transform: uppercase; + font-size: 14px; + font-weight: bold; + letter-spacing: 0.5px; + color: #5A5E63; + margin-bottom: 20px; + margin-top: 0; +} +.footer ul { + font-size: 13px; + list-style-type: none; + margin: 0; + padding: 0; + line-height: 28px; +} +.footer ul a { + color: #919497; +} +.footer ul.archives > li .total { + font-size: 12px; + color: #5A5E63; + margin-left: 5px; + font-weight: normal; +} +.footer ul.recent-post h4 { + font-size: 13px; +} +.footer ul.recent-post h4 .time { + display: block; + color: #5A5E63; + font-size: 12px; + font-weight: normal; + margin-top: -2px; + margin-bottom: 15px; +} +.footer ul.recent-post a { + font-size: 13px; + line-height: 28px; +} +.footer address { + color: #919497; + line-height: 20px; + font-size: 13px; +} + + +/* 8.2 Footer Copyright Setting */ + +.footer-copyright { + background: #1a2229; + padding: 20px 0; + font-size: 13px; + color: #919497; +} +.footer-copyright:before, +.footer-copyright:after { + content: ''; + display: table; + clear: both; +} +.footer-copyright .social-media-list { + list-style-type: none; + margin: 0; + padding: 0; + float: right; + font-size: 14px; +} +.footer-copyright .social-media-list > li { + float: left; +} +.footer-copyright .social-media-list > li + li { + margin-left: 15px; +} + + + +/* ------------------------------- + 9.0 Pace Loader Setting +------------------------------- */ + +/* 9.1 Pace Loader Element Setting */ + +.pace-inactive { + opacity: 0; + filter: alpha(opacity=0); +} +.pace { + background: #2d353c; + position: fixed; + top: 0; + left: 0; + right: 0; + -webkit-transition: opacity 1s; + -moz-transition: opacity 1s; + -o-transition: opacity 1s; + transition: opacity 1s; + z-index: 1050; +} +.pace-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 3px; + background: #00acac; + -webkit-transition: width 1s; + -moz-transition: width 1s; + -o-transition: width 1s; + transition: width 1s; + z-index: 2000; +} +.pace:before { + content: ''; + position: fixed; + top: 0; + right: 0; + left: 0; + height: 3px; +} +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 20px; + right: 20px; + width: 20px; + height: 20px; + border: solid 2px transparent; + border-top-color: #00acac; + border-left-color: #00acac; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; +} +@media (max-width: 767px) { + .pace .pace-activity { + top: 80px; + } +} +@-webkit-keyframes pace-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes pace-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes pace-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes pace-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes pace-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} + + + +/* ------------------------------- + 10.0 Predefined CSS Setting +------------------------------- */ + +/* 10.1 Predefined Classes */ + +.row { margin: 0 -10px; } +.row > [class*="col-"] { padding: 0 10px; } + +.row.row-space-0 { margin: 0; } +.row.row-space-2 { margin: 0 -1px; } +.row.row-space-4 { margin: 0 -2px; } +.row.row-space-6 { margin: 0 -3px; } +.row.row-space-8 { margin: 0 -4px; } +.row.row-space-10 { margin: 0 -5px; } +.row.row-space-12 { margin: 0 -6px; } +.row.row-space-14 { margin: 0 -7px; } +.row.row-space-16 { margin: 0 -8px; } +.row.row-space-18 { margin: 0 -9px; } +.row.row-space-18 { margin: 0 -10px; } +.row.row-space-22 { margin: 0 -11px; } +.row.row-space-24 { margin: 0 -12px; } +.row.row-space-26 { margin: 0 -13px; } +.row.row-space-28 { margin: 0 -14px; } +.row.row-space-30 { margin: 0 -15px; } +.row.row-space-0 > [class*="col-"] { padding: 0; } +.row.row-space-2 > [class*="col-"] { padding: 0 1px; } +.row.row-space-4 > [class*="col-"] { padding: 0 2px; } +.row.row-space-6 > [class*="col-"] { padding: 0 3px; } +.row.row-space-8 > [class*="col-"] { padding: 0 4px; } +.row.row-space-10 > [class*="col-"] { padding: 0 5px; } +.row.row-space-12 > [class*="col-"] { padding: 0 6px; } +.row.row-space-14 > [class*="col-"] { padding: 0 7px; } +.row.row-space-16 > [class*="col-"] { padding: 0 8px; } +.row.row-space-18 > [class*="col-"] { padding: 0 9px; } +.row.row-space-20 > [class*="col-"] { padding: 0 10px; } +.row.row-space-22 > [class*="col-"] { padding: 0 11px; } +.row.row-space-24 > [class*="col-"] { padding: 0 12px; } +.row.row-space-26 > [class*="col-"] { padding: 0 13px; } +.row.row-space-28 > [class*="col-"] { padding: 0 14px; } +.row.row-space-30 > [class*="col-"] { padding: 0 15px; } + +.semi-bold { font-weight: 600; } + +.overflow-auto { overflow: auto !important; } +.overflow-hidden { overflow: hidden !important; } +.overflow-visible { overflow: visible !important; } +.overflow-scroll { overflow: scroll !important; } +.overflow-x-hidden { overflow-x: hidden !important; } +.overflow-x-visible { overflow-x: visible !important; } +.overflow-x-scroll { overflow-x: scroll !important; } +.overflow-y-hidden { overflow-y: hidden !important; } +.overflow-y-visible { overflow-y: visible !important; } +.overflow-y-scroll { overflow-y: scroll !important; } + +.m-auto { margin: 0 auto !important; } +.m-0 { margin: 0px !important; } +.m-1 { margin: 1px !important; } +.m-2 { margin: 2px !important; } +.m-3 { margin: 3px !important; } +.m-4 { margin: 4px !important; } +.m-5 { margin: 5px !important; } +.m-10 { margin: 10px !important; } +.m-15 { margin: 15px !important; } +.m-20 { margin: 20px !important; } +.m-25 { margin: 25px !important; } +.m-30 { margin: 30px !important; } +.m-35 { margin: 35px !important; } +.m-40 { margin: 40px !important; } + +.m-t-0 { margin-top: 0px !important; } +.m-t-1 { margin-top: 1px !important; } +.m-t-2 { margin-top: 2px !important; } +.m-t-3 { margin-top: 3px !important; } +.m-t-4 { margin-top: 4px !important; } +.m-t-5 { margin-top: 5px !important; } +.m-t-10 { margin-top: 10px !important; } +.m-t-15 { margin-top: 15px !important; } +.m-t-20 { margin-top: 20px !important; } +.m-t-25 { margin-top: 25px !important; } +.m-t-30 { margin-top: 30px !important; } +.m-t-35 { margin-top: 35px !important; } +.m-t-40 { margin-top: 40px !important; } + +.m-r-0 { margin-right: 0px !important; } +.m-r-1 { margin-right: 1px !important; } +.m-r-2 { margin-right: 2px !important; } +.m-r-3 { margin-right: 3px !important; } +.m-r-4 { margin-right: 4px !important; } +.m-r-5 { margin-right: 5px !important; } +.m-r-10 { margin-right: 10px !important; } +.m-r-15 { margin-right: 15px !important; } +.m-r-20 { margin-right: 20px !important; } +.m-r-25 { margin-right: 25px !important; } +.m-r-30 { margin-right: 30px !important; } +.m-r-35 { margin-right: 35px !important; } +.m-r-40 { margin-right: 40px !important; } + +.m-b-0 { margin-bottom: 0px !important; } +.m-b-1 { margin-bottom: 1px !important; } +.m-b-2 { margin-bottom: 2px !important; } +.m-b-3 { margin-bottom: 3px !important; } +.m-b-4 { margin-bottom: 4px !important; } +.m-b-5 { margin-bottom: 5px !important; } +.m-b-10 { margin-bottom: 10px !important; } +.m-b-15 { margin-bottom: 15px !important; } +.m-b-20 { margin-bottom: 20px !important; } +.m-b-25 { margin-bottom: 25px !important; } +.m-b-30 { margin-bottom: 30px !important; } +.m-b-35 { margin-bottom: 35px !important; } +.m-b-40 { margin-bottom: 40px !important; } + +.m-l-0 { margin-left: 0px !important; } +.m-l-1 { margin-left: 1px !important; } +.m-l-2 { margin-left: 2px !important; } +.m-l-3 { margin-left: 3px !important; } +.m-l-4 { margin-left: 4px !important; } +.m-l-5 { margin-left: 5px !important; } +.m-l-10 { margin-left: 10px !important; } +.m-l-15 { margin-left: 15px !important; } +.m-l-20 { margin-left: 20px !important; } +.m-l-25 { margin-left: 25px !important; } +.m-l-30 { margin-left: 30px !important; } +.m-l-35 { margin-left: 35px !important; } +.m-l-40 { margin-left: 40px !important; } + +.p-0 { padding: 0px !important; } +.p-1 { padding: 1px !important; } +.p-2 { padding: 2px !important; } +.p-3 { padding: 3px !important; } +.p-4 { padding: 4px !important; } +.p-5 { padding: 5px !important; } +.p-10 { padding: 10px !important; } +.p-15, .wrapper { padding: 15px !important; } +.p-20 { padding: 20px !important; } +.p-25 { padding: 25px !important; } +.p-30 { padding: 30px !important; } +.p-35 { padding: 35px !important; } +.p-40 { padding: 40px !important; } + +.p-t-0 { padding-top: 0px !important; } +.p-t-1 { padding-top: 1px !important; } +.p-t-2 { padding-top: 2px !important; } +.p-t-3 { padding-top: 3px !important; } +.p-t-4 { padding-top: 4px !important; } +.p-t-5 { padding-top: 5px !important; } +.p-t-10 { padding-top: 10px !important; } +.p-t-15 { padding-top: 15px !important; } +.p-t-20 { padding-top: 20px !important; } +.p-t-25 { padding-top: 25px !important; } +.p-t-30 { padding-top: 30px !important; } +.p-t-35 { padding-top: 35px !important; } +.p-t-40 { padding-top: 40px !important; } + +.p-r-0 { padding-right: 0px !important; } +.p-r-1 { padding-right: 1px !important; } +.p-r-2 { padding-right: 2px !important; } +.p-r-3 { padding-right: 3px !important; } +.p-r-4 { padding-right: 4px !important; } +.p-r-5 { padding-right: 5px !important; } +.p-r-10 { padding-right: 10px !important; } +.p-r-15 { padding-right: 15px !important; } +.p-r-20 { padding-right: 20px !important; } +.p-r-25 { padding-right: 25px !important; } +.p-r-30 { padding-right: 30px !important; } +.p-r-35 { padding-right: 35px !important; } +.p-r-40 { padding-right: 40px !important; } + +.p-b-0 { padding-bottom: 0px !important; } +.p-b-1 { padding-bottom: 1px !important; } +.p-b-2 { padding-bottom: 2px !important; } +.p-b-3 { padding-bottom: 3px !important; } +.p-b-4 { padding-bottom: 4px !important; } +.p-b-5 { padding-bottom: 5px !important; } +.p-b-10 { padding-bottom: 10px !important; } +.p-b-15 { padding-bottom: 15px !important; } +.p-b-20 { padding-bottom: 20px !important; } +.p-b-25 { padding-bottom: 25px !important; } +.p-b-30 { padding-bottom: 30px !important; } +.p-b-35 { padding-bottom: 35px !important; } +.p-b-40 { padding-bottom: 40px !important; } + +.p-l-0 { padding-left: 0px !important; } +.p-l-1 { padding-left: 1px !important; } +.p-l-2 { padding-left: 2px !important; } +.p-l-3 { padding-left: 3px !important; } +.p-l-4 { padding-left: 4px !important; } +.p-l-5 { padding-left: 5px !important; } +.p-l-10 { padding-left: 10px !important; } +.p-l-15 { padding-left: 15px !important; } +.p-l-20 { padding-left: 20px !important; } +.p-l-25 { padding-left: 25px !important; } +.p-l-30 { padding-left: 30px !important; } +.p-l-35 { padding-left: 35px !important; } +.p-l-40 { padding-left: 40px !important; } + +.f-s-8 { font-size: 8px !important; } +.f-s-9 { font-size: 9px !important; } +.f-s-10 { font-size: 10px !important; } +.f-s-11 { font-size: 11px !important; } +.f-s-12 { font-size: 12px !important; } +.f-s-13 { font-size: 13px !important; } +.f-s-14 { font-size: 14px !important; } +.f-s-15 { font-size: 15px !important; } +.f-s-16 { font-size: 16px !important; } +.f-s-17 { font-size: 17px !important; } +.f-s-18 { font-size: 18px !important; } +.f-s-19 { font-size: 19px !important; } +.f-s-20 { font-size: 20px !important; } + +.text-center { text-align: center !important; } +.text-left { text-align: left !important; } +.text-right { text-align: right !important; } + +.pull-left { float: left !important; } +.pull-right { float: right !important; } +.pull-none { float: none !important; } + +.f-w-100 { font-weight: 100 !important; } +.f-w-200 { font-weight: 200 !important; } +.f-w-300 { font-weight: 300 !important; } +.f-w-400 { font-weight: 400 !important; } +.f-w-500 { font-weight: 500 !important; } +.f-w-600 { font-weight: 600 !important; } +.f-w-700 { font-weight: 700 !important; } + +.table-valign-middle th, +.table-valign-middle td { + vertical-align: middle !important; +} +.table-th-valign-middle th, +.table-td-valign-middle td { + vertical-align: middle !important; +} +.table-valign-top th, +.table-valign-top td { + vertical-align: top !important; +} +.table-th-valign-top th, +.table-td-valign-top td { + vertical-align: top !important; +} +.table-valign-bottom th, +.table-valign-bottom td { + vertical-align: bottom !important; +} +.table-th-valign-bottom th, +.table-td-valign-bottom td { + vertical-align: bottom !important; +} +.vertical-box { + display: table; + table-layout: fixed; + border-spacing: 0; + height: 100%; + width: 100%; +} +.vertical-box-column { + display: table-cell; + vertical-align: top; + height: 100%; +} +.vertical-box-row { + display: table-row; + height: 100%; +} +.vertical-box-row > .vertical-box-cell { + position: relative; + height: 100%; + width: 100%; + float: none; +} +.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} +.panel-expand .vertical-box .vertical-box-column { + display: table-cell; +} +.page-content-full-height .content { + position: absolute; + left: 0; + top: 54px; + right: 0; + bottom: -1px; + -webkit-transform: translateZ(0); +} +.no-rounded-corner { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.rounded-corner { + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} +.no-border { border: 0 !important; } +.border-top-1 { border-top: 1px solid #eee !important; } +.border-right-1 { border-right: 1px solid #eee !important; } +.border-bottom-1 { border-bottom: 1px solid #eee !important; } +.border-left-1 { border-left: 1px solid #eee !important; } +.no-box-shadow { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.text-inverse { color: #2d353c !important; } +a.text-inverse:hover, +a.text-inverse:focus { + color: #575d63 !important; +} +.text-success { color: #00acac !important; } +a.text-success:hover, +a.text-success:focus { + color: #33bdbd !important; +} +.text-info { color: #49b6d6 !important; } +a.text-info:hover, +a.text-info:focus { + color: #6dc5de !important; +} +.text-primary { color: #348fe2 !important; } +a.text-primary:hover, +a.text-primary:focus { + color: #5da5e8 !important; +} +.text-warning { color: #f59c1a !important; } +a.text-warning:hover, +a.text-warning:focus { + color: #f7b048 !important; +} +.text-danger { color: #ff5b57 !important; } +a.text-danger:hover, +a.text-danger:focus { + color: #ff7c79 !important; +} +.text-white { color: #fff !important; } +a.text-white:hover, +a.text-white:focus { + color: #f0f3f4 !important; +} + +.bg-white { background: #ffffff !important; } +.bg-silver-lighter { background: #f4f6f7 !important; } +.bg-silver { background: #f0f3f4 !important; } +.bg-silver-darker { background: #b4b6b7 !important; } + +.bg-black { background: #2d353c !important; } +.bg-black-darker { background: #242a30 !important; } +.bg-black-lighter { background: #575d63 !important; } + +.bg-grey { background: #b6c2c9 !important; } +.bg-grey-darker { background: #929ba1 !important; } +.bg-grey-lighter { background: #c5ced4 !important; } + +.bg-red { background: #ff5b57 !important; } +.bg-red-darker { background: #cc4946 !important; } +.bg-red-lighter { background: #ff7c79 !important; } + +.bg-orange { background: #f59c1a !important; } +.bg-orange-darker { background: #c47d15 !important; } +.bg-orange-lighter { background: #f7b048 !important; } + +.bg-yellow { background: #e3fa3e !important; } +.bg-yellow-darker { background: #b6c832 !important; } +.bg-yellow-lighter { background: #e9fb65 !important; } + +.bg-green { background: #00acac !important; } +.bg-green-darker { background: #008a8a !important; } +.bg-green-lighter { background: #33bdbd !important; } + +.bg-blue { background: #348fe2 !important; } +.bg-blue-darker { background: #2a72b5 !important; } +.bg-blue-lighter { background: #5da5e8 !important; } + +.bg-aqua { background: #49b6d6 !important; } +.bg-aqua-darker { background: #3a92ab !important; } +.bg-aqua-lighter { background: #6dc5de !important; } + +.bg-purple { background: #727cb6 !important; } +.bg-purple-darker { background: #5b6392 !important; } +.bg-purple-lighter { background: #8e96c5 !important; } + +.no-bg { background: none !important; } + +.height-xs { height: 150px !important; } +.height-sm { height: 300px !important; } +.height-md { height: 450px !important; } +.height-lg { height: 600px !important; } +.height-full { height: 100% !important; } +.height-50 { height: 50px !important; } +.height-100 { height: 100px !important; } +.height-150 { height: 150px !important; } +.height-200 { height: 200px !important; } +.height-250 { height: 250px !important; } +.height-300 { height: 300px !important; } +.height-350 { height: 350px !important; } +.height-400 { height: 400px !important; } +.height-450 { height: 450px !important; } +.height-500 { height: 500px !important; } +.height-550 { height: 550px !important; } +.height-600 { height: 600px !important; } + +.width-xs { width: 150px !important; } +.width-sm { width: 300px !important; } +.width-md { width: 450px !important; } +.width-lg { width: 600px !important; } +.width-full { width: 100% !important; } +.width-50 { width: 50px !important; } +.width-100 { width: 100px !important; } +.width-150 { width: 150px !important; } +.width-200 { width: 200px !important; } +.width-250 { width: 250px !important; } +.width-300 { width: 300px !important; } +.width-350 { width: 350px !important; } +.width-400 { width: 400px !important; } +.width-450 { width: 450px !important; } +.width-500 { width: 500px !important; } +.width-550 { width: 550px !important; } +.width-600 { width: 600px !important; } + +.animated { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.fade { + opacity: 0; + -webkit-transition: opacity .3s linear; + transition: opacity .3s linear; +} +.text-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; +} +.underline { + border-bottom: 1px solid #e2e7eb !important; +} + + + +/* ------------------------------- + 11.0 Basic Element Setting +------------------------------- */ + +/* 11.1 Component - Button */ + +.btn { + font-size: 14px; + font-weight: 500; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.btn.btn-outline { + color: #fff; + border-width: 2px; + border-color: #8F8E8E; + background: none; +} +.btn.btn-outline:hover, +.btn.btn-outline:focus { + border-color: #fff; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: none; +} +.btn-icon, +.btn.btn-icon { + display: inline-block; + width: 28px; + height: 28px; + padding: 0; + border: none; + line-height: 28px; + text-align: center; + font-size: 14px; +} +.btn-circle, +.btn.btn-circle { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} +.btn-icon.btn-xs { + width: 16px; + height: 16px; + font-size: 8px; + line-height: 16px; +} +.btn-icon.btn-sm { + width: 22px; + height: 22px; + font-size: 11px; + line-height: 22px; +} +.btn-icon.btn-lg { + width: 34px; + height: 34px; + font-size: 17px; + line-height: 34px; +} +.btn-scroll-to-top { + position: fixed; + bottom: 20px; + right: 25px; + z-index: 1020; +} +.page-with-right-sidebar .btn-scroll-to-top { + left: 25px; + right: auto; +} +.btn > .pull-left, +.btn > .pull-right { + line-height: 1.428571429; +} +.btn-block { + padding-left: 12px; + padding-right: 12px; +} +.btn:active, +.btn.active { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); +} + + +/* 11.1.1 Component - Button - Default */ + +.btn.btn-default { + color: #fff; + background: #b6c2c9; + border-color: #b6c2c9; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background: #929ba1; + border-color: #929ba1; +} +.btn-group .btn.btn-default:not(.active) + .btn.btn-default, +.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default { + border-left-color: #929ba1; +} + + +/* 11.1.2 Component - Button - White */ + +.btn.btn-white { + font-weight: normal; + color: #333; + background: #fff; + border-color: #e2e7eb; +} +.btn.btn-white.btn-white-without-border { + border-color: #fff; +} +.btn.btn-white.btn-white-without-border.active, +.btn.btn-white.btn-white-without-border.active:hover, +.btn.btn-white.btn-white-without-border.active:focus { + border-color: #ddd; +} +.btn.btn-white.btn-white-without-border:hover, +.btn.btn-white.btn-white-without-border:focus { + border-color: #eee; +} +.btn-white:hover, +.btn-white:focus, +.btn-white:active, +.btn-white.active, +.open .dropdown-toggle.btn-white { + background: #e2e7eb; + border-color: #d8dde1; +} +.btn-group .btn.btn-white:not(.active) + .btn.btn-white, +.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { + border-left-color: #eee; +} + + +/* 11.1.3 Component - Button - Inverse */ + +.btn.btn-inverse { + color: #fff; + background: #2d353c; + border-color: #2d353c; +} +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse:active, +.btn-inverse.active, +.open .dropdown-toggle.btn-inverse { + background: #242a30; + border-color: #242a30; +} +.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse, +.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse { + border-left-color: #242a30; +} + + +/* 11.1.4 Component - Button - Primary */ + +.btn.btn-primary { + color: #fff; + background: #348fe2; + border-color: #348fe2; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background: #2a72b5; + border-color: #2a72b5; +} +.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary, +.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary { + border-left-color: #2a72b5; +} + + +/* 11.1.5 Component - Button - Success */ + +.btn.btn-success { + color: #fff; + background: #00acac; + border-color: #00acac; +} +.btn.btn-success:hover, +.btn.btn-success:focus, +.btn.btn-success:active, +.btn.btn-success.active, +.open .dropdown-toggle.btn-success { + background: #008a8a; + border-color: #008a8a; +} +.btn-group .btn.btn-success:not(.active) + .btn.btn-success, +.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success { + border-left-color: #008a8a; +} + + +/* 11.1.6 Component - Button - Warning */ + +.btn.btn-warning { + color: #fff; + background: #f59c1a; + border-color: #f59c1a; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background: #c47d15; + border-color: #c47d15; +} +.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning, +.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning { + border-left-color: #c47d15; +} + + +/* 11.1.7 Component - Button - Danger */ + +.btn.btn-danger { + color: #fff; + background: #ff5b57; + border-color: #ff5b57; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background: #cc4946; + border-color: #cc4946; +} +.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger, +.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger { + border-left-color: #cc4946; +} + + +/* 11.1.8 Component - Button - Info */ + +.btn.btn-info { + color: #fff; + background: #49b6d6; + border-color: #49b6d6; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background: #3a92ab; + border-color: #3a92ab; +} +.btn-group .btn.btn-info:not(.active) + .btn.btn-info, +.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info { + border-left-color: #3a92ab; +} + + +/* 11.2 Component - Progress Bar */ + +.progress { + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + height: 15px; + overflow: visible; + background: #e2e7eb; + -webkit-box-shadow: none; + box-shadow: none; +} +.progress .progress-bar { + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + position: relative; +} +.progress .progress-bar .progress-number { + position: absolute; + right: 0; + bottom: 100%; + background: #333; + padding: 2px 6px 1px; + border-radius: 4px; + margin-bottom: 5px; + display: block; + line-height: 16px; +} +.progress .progress-bar .progress-number:before { + content: ''; + position: absolute; + left: 50%; + margin-left: -5px; + bottom: -10px; + border: 5px solid transparent; + border-top-color: #333; +} +.progress-bar.progress-bar-success { + background: #00acac; +} +.progress.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress-xs { + height: 5px; +} +.progress-xs .progress-bar { + line-height: 5px; +} +.progress-sm { + height: 10px; +} +.progress-sm .progress-bar { + line-height: 10px; +} +.progress-lg { + height: 30px; +} +.progress-lg .progress-bar { + line-height: 30px; +} +.progress-bar { + background: #348fe2; + -webkit-box-shadow: none; + box-shadow: none; +} +.progress-bar.progress-bar-success { + background-color: #00acac; +} +.progress-bar.progress-bar-info { + background-color: #49b6d6; +} +.progress-bar.progress-bar-warning { + background-color: #f59c1a; +} +.progress-bar.progress-bar-danger { + background-color: #ff5b57; +} +.progress-bar.progress-bar-inverse { + background-color: #2d353c; +} +.progress-bar.progress-bar-purple { + background-color: #727cb6; +} + + +/* 11.3 Component - From Control */ + +.form-control { + border: 2px solid #ccd0d4; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.form-control.input-white { + background: #fff; + border-color: #fff; +} +.form-control.input-white:focus { + box-shadow: none; + -webkit-box-shadow: none; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background: #e5e9ed; + opacity: 0.6; + filter: alpha(opacity=60); +} +.form-control[disabled]:focus, +.form-control[readonly]:focus, +fieldset[disabled] .form-control:focus { + box-shadow: none; + -webkit-box-shadow: none; + border: 1px solid #ccd0d4; +} +.form-control:focus { + border-color: #9fa2a5; + -webkit-box-shadow: none; + box-shadow: none; +} +.form-horizontal.form-bordered .form-group { + border-bottom: 1px solid #eee; + margin: 0; +} +.form-horizontal.form-bordered .form-group:last-child { + border-bottom: 0; +} +.form-horizontal.form-bordered .form-group > .control-label { + padding: 22px 15px 15px; +} +.form-horizontal.form-bordered .form-group > div { + padding: 15px; +} +.form-horizontal.form-bordered .form-group > div { + border-left: 1px solid #eee; +} +.form-horizontal.form-bordered .form-group > .control-label { + border-right: 1px solid #eee; + margin-right: -1px; +} +.form-horizontal.form-bordered .has-feedback .form-control-feedback { + top: 15px; +} +label { + font-weight: 500; +} +.has-success .form-control, +.has-success .form-control:focus, +.has-warning .form-control, +.has-warning .form-control:focus, +.has-error .form-control, +.has-error .form-control:focus { + -webkit-box-shadow: none; + box-shadow: none; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success .form-control-feedback { + color: #00acac; +} +.has-success .form-control { + border-color: #00acac; +} +.has-success .form-control:focus { + border-color: #008a8a; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning .form-control-feedback { + color: #f59c1a; +} +.has-warning .form-control { + border-color: #f59c1a; +} +.has-warning .form-control:focus { + border-color: #c47d15; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error .form-control-feedback { + color: #ff5b57; +} +.has-error .form-control { + border-color: #ff5b57; +} +.has-error .form-control:focus { + border-color: #cc4946; +} +.form-control-feedback { + line-height: 34px; +} +select.form-control { + border-color: #ccd0d4; +} +select[multiple].form-control { + border-color: #ccd0d4; +} +.input-group-addon { + background: #e2e7eb; + border: none; +} +legend { + padding-bottom: 3px; + border-bottom: 1px solid #e2e7eb; +} + + +/* 11.4 Component - Dropdown Menu */ + +.dropdown-menu { + border: none; + -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); + font-size: 12px; +} +.dropdown-menu > li > a { + padding: 5px 15px; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background: #edf0f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background: #348fe2; +} +.dropdown-menu .divider { + border-color: #eee; +} +.dropdown-menu.media-list { + max-width: 280px; + padding: 0; +} +.dropdown-menu.media-list p { + text-overflow: ellipsis; + overflow: hidden; +} +.dropdown-menu.media-list .dropdown-header { + padding: 10px 20px !important; + background: #fafafa; +} +.dropdown-menu.media-list > .media { + margin-top: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + margin-bottom: -1px; +} +.dropdown-menu.media-list > .media > a { + display: block; + padding: 10px 20px !important; +} +.dropdown-menu.media-list > .media .media-object { + height: 36px; + width: 36px; + line-height: 36px; + font-size: 14px; + color: #fff; + text-align: center; + margin-right: 10px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} +.dropdown-footer { + padding: 10px 20px; +} +.dropdown-menu > li.dropdown-footer > a { + padding: 0 !important; + display: inline !important; +} +.dropdown-menu > li.dropdown-footer > a:hover, +.dropdown-menu > li.dropdown-footer > a:focus { + background: none !important; + text-decoration: underline !important; +} + + +/* 11.5 Component - Tooltip */ + +.tooltip-inner { + padding: 4px 10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + + +/* 11.6 Component - Alert */ + +.alert { + border: none; +} +.alert.alert-success { + background: #7cdda7; +} +.alert.alert-info { + background: #93cfe5; +} +.alert.alert-danger { + background: #f8b2b2; +} +.alert.alert-warning { + background: #ffead0; +} + + +/* 11.7 Component - Note Setting */ + +.note { + margin-bottom: 20px; + padding: 15px; + border-left: 3px solid; +} +.note.note-success { + border-color: #4a8564; + background: #b0ebca; + color: #3c763d; +} +.note.note-success h1, +.note.note-success h2, +.note.note-success h3, +.note.note-success h4, +.note.note-success h5, +.note.note-success h6 { + color: #3c763d; +} +.note.note-danger { + border-color: #986e6e; + background: #fbd1d1; + color: #a94442; +} +.note.note-danger h1, +.note.note-danger h2, +.note.note-danger h3, +.note.note-danger h4, +.note.note-danger h5, +.note.note-danger h6 { + color: #a94442; +} +.note.note-info { + border-color: #587c89; + background: #bee2ef; + color: #31708f; +} +.note.note-info h1, +.note.note-info h2, +.note.note-info h3, +.note.note-info h4, +.note.note-info h5, +.note.note-info h6 { + color: #31708f; +} +.note.note-warning { + border-color: #9d9080; + background: #fff2e3; + color: #8a6d3b; +} +.note.note-warning h1, +.note.note-warning h2, +.note.note-warning h3, +.note.note-warning h4, +.note.note-warning h5, +.note.note-warning h6 { + color: #8a6d3b; +} + + +/* 11.8 Component - Badge & Label Setting */ + +.badge { + font-size: 75%; + line-height: 1.25; + font-weight: 600; +} +.label { + font-size: 75%; + font-weight: 600; +} +.badge.badge-square { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.badge.badge-default, +.label.label-default { + background: #b6c2c9 ; +} +.badge.badge-danger, +.label.label-danger { + background: #ff5b57 ; +} +.badge.badge-warning, +.label.label-warning { + background: #f59c1a ; +} +.badge.badge-success, +.label.label-success { + background: #00acac ; +} +.badge.badge-info, +.label.label-info { + background: #49b6d6 ; +} +.badge.badge-primary, +.label.label-primary { + background: #348fe2 ; +} +.badge.badge-inverse, +.label.label-inverse { + background: #2d353c ; +} + + +/* 11.9 Component - Pagination & pager */ + +.pager li > a, +.pager li > span, +.pagination > li > a { + border-color: #e2e7eb; + color: #242a30; +} +.pager.pager-without-border li > a, +.pager.pager-without-border li > span, +.pagination.pagination-without-border > li > a { + border-color: #fff; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus, +.pager > .disabled > span, +.pager > .disabled > a { + opacity: 0.6; + filter: alpha(opacity=60); + border-color: #ddd; +} +.pagination > li > a { + color: #242a30; + margin-left: 5px; + -webkit-border-radius: 3px !important; + -moz-border-radius: 3px !important; + border-radius: 3px !important; +} +.pagination > li:first-child > a { + margin-left: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + font-size: 10px; + margin-left: 4px; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + font-size: 14px; + margin-left: 6px; +} +.pager li > a:hover, +.pager li > a:focus, +.pager li > span:hover, +.pager li > span:focus, +.pagination > li > a:hover, +.pagination > li > a:focus { + color: #242a30; + background: #e2e7eb; + border-color: #d8dde1; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + background: #242a30 !important; + border-color: #242a30 !important; +} +.pagination-container { + margin: 40px 0 0; + border-top: 2px solid #ddd; + padding-top: 40px; +} +.pagination > li > a, +.pagination > li > span { + border: 2px solid #ddd; + -webkit-border-radius: 50px !important; + -moz-border-radius: 50px !important; + border-radius: 50px !important; + color: #333; + padding: 5px 11px; +} +.pagination > li > a:hover, +.pagination > li > a:focus { + color: #333; +} +.pagination > li + li a, +.pagination > li + li span { + margin-left: 5px; +} +.pagination > li.active > a, +.pagination > li.active > a:hover, +.pagination > li.active > a:focus { + background: #333; + border-color: #333; +} +.pagination .text { + border: none; + padding-left: 5px; + padding-right: 5px; +} +.pagination .text:hover, +.pagination .text:focus { + background: none; +} + + +/* 11.10 Component - Nav Setting */ + +.nav > li > a { + color: #6e7179; +} +.nav > li > a:hover, +.nav > li > a:focus { + color: #333; + background: #fafafa; +} + + +/* 11.11 Component - Nav Tabs */ + +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + color: #242a30; +} +.nav-tabs.nav-tabs-inverse { + background: #242a30; +} +.nav-tabs.nav-justified > li > a { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.nav-tabs.nav-tabs-inverse > li.active > a, +.nav-tabs.nav-tabs-inverse > li.active > a:hover, +.nav-tabs.nav-tabs-inverse > li.active > a:focus { + background: #fff; +} +.nav-tabs.nav-tabs-inverse > li > a:hover, +.nav-tabs.nav-tabs-inverse > li > a:focus { + color: #fff; + background: none; +} +.nav-tabs > li > a { + margin-right: 5px; + line-height: 20px; +} + + +/* 11.12 Component - Nav Pills */ + +.nav-pills { + margin-bottom: 10px; +} +.nav-pills > li + li { + margin-left: 5px; +} +.nav-pills > li > a { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + background: #242a30; +} + +.nav-stacked > li + li { + margin-left: 0; + margin-top: 5px; +} + + +/* 11.13 Component - Tab Content */ + +.tab-content { + padding: 15px; + margin-bottom: 20px; + background: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.nav-tabs + .tab-content { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} + + +/* 11.14 Component - Accordion Panel */ + +.panel-title a { + display: block; +} +.panel-title > a:hover, +.panel-title > a:focus { + text-decoration: none; +} + + +/* 11.15 Component - Panel */ + +.panel { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.panel.panel-no-rounded-corner .panel-heading, +.panel.panel-no-rounded-corner .panel-body, +.panel.panel-no-rounded-corner .panel-footer { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.panel-heading { + padding: 10px 15px; + border: none; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.panel-heading + .table, +.panel-heading + .slimScrollDiv { + border-top: 1px solid #ddd; +} +.panel-heading-btn { + float: right; +} +.panel-heading-btn > a { + margin-left: 8px; +} +.panel-heading .btn-group .btn { + margin-top: -7px; +} +.panel-heading .btn-group .btn.btn-sm { + margin-top: -5px; +} +.panel-heading .btn-group .btn.btn-xs { + margin-top: -1px; +} +.panel-heading .label.pull-left, +.panel-heading .label.pull-right { + line-height: 15px; +} +.panel-heading .progress.pull-right, +.panel-heading .progress.pull-left { + width: 40%; + min-width: 120px; +} +.panel-heading + .alert { + margin-bottom: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.panel-with-tabs .panel-heading { + background: #c1ccd1 !important; + color: #333 !important; +} +.panel-heading .nav-tabs { + margin-top: -10px; + margin-right: -15px; +} +.panel-heading .nav-tabs > li > a { + padding: 10px 15px; + line-height: 20px; +} +.panel-title { + line-height: 20px; + font-size: 12px; +} +.panel-title .accordion-toggle { + margin: -10px -15px; + padding: 10px 15px; +} +.panel-title .accordion-toggle.accordion-toggle-styled .fa:before { + content: '\f056'; +} +.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before { + content: '\f055'; +} +.panel-title .pull-right { + line-height: 20px; +} +.panel-toolbar { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + padding: 10px 15px; + background: #fff; +} +.panel-toolbar + .form-control { + margin: -1px 0 0; + border-right: none; + border-left: none; +} +.panel-group .panel { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.form-control + .panel-footer { + border-top: none; +} +.panel-body { + padding: 15px; +} +.panel-body.no-border { + border: none !important; +} +.panel-body.panel-table, +.panel-body.panel-form, +.panel-body.no-padding, +.panel-body.panel-full-width { + padding: 0 !important; +} +.panel-body.with-table > .table { + border: 0; + margin: 0; +} +.panel-body.with-table > .table tr:last-child th, +.panel-body.with-table > .table tr:last-child td{ + border-bottom: 0; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #ddd; +} +.panel-footer { + background: #fff; + border-top: 1px solid #ddd; +} +.panel .tab-content { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.panel-default > .panel-heading { + background: #fafafa; +} +.panel-inverse > .panel-heading, +.panel-success > .panel-heading, +.panel-warning > .panel-heading, +.panel-danger > .panel-heading, +.panel-primary > .panel-heading, +.panel-info > .panel-heading { + color: #fff; +} +.panel-inverse { border-color: #242a30; } +.panel-inverse > .panel-heading { background: #242a30; } +.panel-success { border-color: #008a8a; } +.panel-success > .panel-heading { background: #008a8a; } +.panel-warning { border-color: #c47d15; } +.panel-warning > .panel-heading { background: #c47d15; } +.panel-danger { border-color: #cc4946; } +.panel-danger > .panel-heading { background: #cc4946; } +.panel-primary { border-color: #2a72b5; } +.panel-primary > .panel-heading { background: #2a72b5; } +.panel-info { border-color: #3a92ab; } +.panel-info > .panel-heading { background: #3a92ab; } +.panel-inverse .panel-heading a:hover, +.panel-inverse .panel-heading a:focus, +.panel-success .panel-heading a:hover, +.panel-success .panel-heading a:focus, +.panel-warning .panel-heading a:hover, +.panel-warning .panel-heading a:focus, +.panel-danger .panel-heading a:hover, +.panel-danger .panel-heading a:focus, +.panel-primary .panel-heading a:hover, +.panel-primary .panel-heading a:focus, +.panel-info .panel-heading a:hover, +.panel-info .panel-heading a:focus { + color: #fff; +} + + +/* 11.16 Component - Panel - Panel Expand */ + +.panel.panel-expand { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + overflow: hidden; + z-index: 1080; +} +.panel-expand .height-xs, +.panel-expand .height-sm, +.panel-expand .height-md, +.panel-expand .height-lg, +.panel-expand .height-full { + height: 100% !important; +} +@keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +@-webkit-keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +.panel.panel-expand > .panel-heading .fa.fa-expand:before { + content: '\f066'; +} +.panel.panel-expand, +.panel.panel-expand > .panel-heading, +.panel.panel-expand > .panel-body { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.panel.panel-expand > .panel-body { + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 40px; + overflow-y: scroll; + z-index: 1020; +} +.panel.panel-expand > .panel-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} + + +/* 11.17 Component - Panel - Panel loading */ + +.panel.panel-loading .panel-body { + position: relative; + z-index: 0; +} +.panel.panel-loading.panel-expand .panel-body { + position: absolute; +} +.panel.panel-loading .panel-body .panel-loader { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + opacity: 0.9; + filter: alpha(opacity=90); + animation: fadeIn .2s; + -webkit-animation: fadeIn .2s; + z-index: 1020; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + + +/* 11.18 Component - Modal Setting */ + +.modal-content { + border: none; + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.modal-header { + padding: 12px 15px; + border-bottom-color: #e2e7eb; +} +.modal-header .close { + margin-top: 2px; +} +.modal-body { + padding: 15px; +} +.modal-footer { + border-top-color: #e2e7eb; + padding: 14px 15px 15px; +} + +.modal-message .modal-dialog { + width: 100%; +} +.modal-message .modal-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.modal-message .modal-header, +.modal-message .modal-body, +.modal-message .modal-footer { + width: 60%; + border: none; + margin: 0 auto; +} + + +/* 11.19 Component - Media Object */ + +.media .media-object { + width: 128px; +} +.media.media-lg .media-object { + width: 256px; +} +.media.media-sm .media-object { + width: 64px; +} +.media.media-xs .media-object { + width: 32px; +} +.media > .pull-left { + margin-right: 15px; +} +.media > .pull-right { + margin-left: 15px; +} +.media a:hover, +.media a:focus, +.media a:hover .media-heading, +.media a:focus .media-heading, +.media a.media-heading:hover, +.media a.media-heading:focus { + color: #242a30; + text-decoration: none; +} +.media-list.media-list-with-divider > li + li { + border-top: 1px solid #eee; + padding-top: 20px; +} + + +/* 11.20 Component - Table */ + +.table { + border-color: #e2e7eb; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.table > thead > tr > th { + color: #242a30; + font-weight: 600; + border-bottom: 2px solid #e2e7eb !important; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + border-color: #e2e7eb; + padding: 10px 15px; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 7px 15px; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background: #e8ecf1 !important; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background: #f0f3f5; +} +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th, +.table.table-inverse > thead > tr > td, +.table.table-inverse > tbody > tr > td, +.table.table-inverse > tfoot > tr > td { + border-color: #999 !important; + border-color: rgba(0,0,0,0.2) !important; +} +.table.table-inverse, +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th { + color: #fff; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background: #dbf0f7; + border-color: #b6e2ef; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background: #cceeee; + border-color: #99dede; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background: #ffdedd; + border-color: #ffbdbc; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background: #fdebd1; + border-color: #fbd7a3; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background: #f0f3f5; + border-color: #e2e7e9; +} + + +/* 11.21 Component - Well */ + +.well { + padding: 15px; + background: #fff; + box-shadow: none; + -webkit-box-shadow: none; +} +.well-sm { + padding: 10px; +} +.well-lg { + padding: 30px; +} + + +/* 11.22 Component - Jumbotron */ + +.jumbotron { + background: #f0f3f4; +} +.jumbotron h1, +.jumbotron .h1 { + font-size: 56px; +} +.jumbotron p { + font-size: 18px; +} + + +/* 11.23 Component - List Group */ + +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + background: #348fe2; +} + + +/* 11.24 Component - Carousel */ + +.carousel .carousel-caption h1, +.carousel .carousel-caption h2, +.carousel .carousel-caption h3, +.carousel .carousel-caption h4, +.carousel .carousel-caption h5, +.carousel .carousel-caption h6 { + color: #fff; +} +.carousel .carousel-control .fa { + position: absolute; + top: 50%; + z-index: 5; + display: block; + width: 30px; + height: 30px; + margin-top: -15px; + text-align: center; + line-height: 30px; + margin-left: -15px; +} +.carousel .carousel-control.left .fa { + left: 50%; +} +.carousel .carousel-control.right .fa { + right: 50%; + margin-left: 0; + margin-right: -15px; +} + + +/* 11.25 Component - Theme Panel */ + +.theme-panel .theme-collapse-btn { + position: absolute; + left: -40px; + top: 50%; + margin-top: -20px; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; + color: #000; + background: #fff; + background: rgba(255,255,255,0.9); + border-radius: 4px 0 0 4px; + text-align: center; + text-decoration: none; + box-shadow: 0 0 2px rgba(0,0,0,.4); + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.4); +} +.theme-panel { + position: fixed; + right: -180px; + top: 200px; + z-index: 1020; + box-shadow: 0 0 2px rgba(0,0,0,.4); + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.4); + width: 180px; + -webkit-transition: right .2s linear; + -moz-transition: right .2s linear; + transition: right .2s linear; +} +.theme-panel .theme-panel-content { + padding: 5px; + background: #fff; + position: relative; + z-index: 1020; +} +.theme-panel .theme-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.theme-panel .theme-list > li { + float: left; +} +.theme-panel .theme-list > li + li { + margin-left: 5px; +} +.theme-panel .theme-list > li > a { + width: 30px; + height: 30px; + border-radius: 3px; + display: block; + text-decoration: none; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; + position: relative; +} +.theme-panel .theme-list > li.active > a:before { + content: '\f00c'; + font-family: FontAwesome; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + font-size: 14px; + color: #fff; + opacity: .4; + filter: alpha(opacity=40); + text-align: center; + line-height: 30px; + text-align: center; +} +.theme-panel.active { + right: 0; +} \ No newline at end of file diff --git a/public/assets/css/blog/style.min.css b/public/assets/css/blog/style.min.css new file mode 100755 index 0000000..ebd4f61 --- /dev/null +++ b/public/assets/css/blog/style.min.css @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/body{font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;color:#707478;background:#fff}a{color:#00acac}a:hover,a:focus{color:#008a8a}.header{padding:7px 0}.header.navbar-sm{padding:2px 0}.navbar{border:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.navbar .nav.navbar-nav > li > a{background:none;padding:15px 25px;font-size:13px;font-weight:700;letter-spacing:.5px;color:#333}.navbar .nav.navbar-nav > li > a:hover,.navbar .nav.navbar-nav > li > a:focus{background:none}.navbar .nav.navbar-nav > li.active > a,.navbar .nav.navbar-nav > li > a:hover,.navbar .nav.navbar-nav > li > a:focus{color:#00a3a3}.navbar-brand{line-height:30px;padding:10px 15px}.navbar-brand img{display:block;margin:-5px 0;height:40px}.brand-text{font-weight:700;letter-spacing:1px;font-size:16px;color:#333}.brand-logo{border:15px solid transparent;border-color:#4DCACA #31A3A3 #1D8888;float:left;margin-right:10px;border-radius:20px}.navbar-nav > li > .dropdown-menu{margin-top:7px;box-shadow:none;padding:0;border:none;font-size:12px;background:#f0f3f4;border-radius:0}.navbar-sm .navbar-nav > li > .dropdown-menu{margin-top:2px}.navbar-nav > li.open .dropdown-menu{background:#f0f3f4}.navbar-nav > li > .dropdown-menu > li + li{border-top:1px solid #ddd}.navbar-nav > li > .dropdown-menu > li > a{line-height:20px;padding:12px 20px}.navbar-nav > li > .dropdown-menu > li > a:hover,.navbar-nav > li > .dropdown-menu > li > a:focus{background:#e4e7e8}.navbar.navbar-default{background:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3)}.navbar-default .navbar-toggle{background:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{border-color:#ccc;background:#ccc}.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{background:#333}.navbar.navbar-transparent{background:none}.navbar.navbar-transparent.navbar-sm{background:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3)}.navbar-transparent .brand-text,.navbar-transparent .nav.navbar-nav > li > a{color:#fff}.navbar-transparent.navbar-sm .brand-text,.navbar-transparent.navbar-sm .nav.navbar-nav > li > a{color:#333}.navbar-transparent .navbar-toggle{border-color:transparent;background:rgba(255,255,255,0.2)}.navbar-transparent .navbar-toggle:hover,.navbar-transparent .navbar-toggle:focus{border-color:transparent;background:rgba(255,255,255,0.5)}.navbar-transparent .navbar-toggle .icon-bar,.navbar-transparent .navbar-toggle .icon-bar{background:#fff}.navbar-transparent .navbar-toggle:hover .icon-bar,.navbar-transparent .navbar-toggle:focus .icon-bar{background:#fff}.navbar-inverse .brand-text,.navbar-inverse .nav.navbar-nav > li > a{color:#fff}.navbar-inverse .navbar-toggle{border-color:transparent;background:rgba(255,255,255,0.2)}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{border-color:transparent;background:rgba(255,255,255,0.5)}.navbar-inverse .navbar-toggle .icon-bar,.navbar-inverse .navbar-toggle .icon-bar{background:#fff}.navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background:#fff}.page-title{padding:164px 0 100px;text-align:center}.page-title h1{margin:0 0 10px;color:#fff;font-weight:700;font-size:48px}.page-title p{display:block;font-size:21px;color:rgba(255,255,255,0.8);font-style:italic;font-weight:300;font-family:Times New Roman;margin:0}.section-title{font-size:14px;text-align:left;margin:0 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;color:#333;text-align:center}.section-title span{position:relative;z-index:1020;background:#fff;padding-left:10px;padding-right:10px}.section-title:before{content:'';position:absolute;left:0;right:0;height:2px;top:0;background:#222;top:50%;margin-top:-1px;z-index:0}.section-container{margin-bottom:50px}.content{margin:84px 0 60px}.page-title + .content{margin-top:60px}.breadcrumb{font-size:12px;background:none;padding:0;margin-bottom:5px}.has-bg{position:relative;overflow:hidden}.has-bg .bg-cover{position:absolute;left:0;right:0;top:0;bottom:0}.has-bg .bg-cover.bottom{top:auto}.has-bg .bg-cover:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(images/transparent/black-0.4.png)}.has-bg .bg-cover img{max-width:100%;min-height:100%}.has-bg .container{position:relative;z-index:1020}.sidebar-social-list{line-height:20px;list-style-type:none;margin:0;padding:10px 0}.sidebar-social-list > li{display:inline;font-size:18px;float:left}.sidebar-social-list > li a{color:#333;padding:0 10px}.sidebar-social-list > li a:hover,.sidebar-social-list > li a:focus{color:#00acac}.sidebar-recent-post{list-style-type:none;margin:0;padding:0}.sidebar-recent-post > li:before,.sidebar-recent-post > li:after{content:'';display:table;clear:boths}.sidebar-recent-post > li{padding:10px 0}.sidebar-recent-post > li + li{border-top:1px solid #ddd}.sidebar-recent-post > li .title{margin:0;font-size:13px;text-transform:initial;letter-spacing:0;line-height:20px}.sidebar-recent-post > li .title a{color:#333}.sidebar-recent-post > li .date{font-size:11px;color:#999}.sidebar-list{list-style-type:none;margin:0;padding:0;font-size:12px}.sidebar-list > li > a{line-height:20px;color:#333;border-bottom:1px solid #ddd;display:block;padding:10px 0}.post-list{list-style-type:none;margin:0;padding:0}.post-list > li:before,.post-list > li:after{content:'';display:table;clear:both}.post-list > li{padding:0}.post-list > li + li{margin-top:60px}.post-left-info{width:50px;float:left;margin-right:20px}.post-date{font-size:12px;line-height:1.1;margin:0 auto 2px;padding:10px;text-align:center;font-weight:700}.post-date .day{color:#333;font-size:24px;display:block}.post-date .month{display:block;font-size:10px;margin-top:5px;color:#333}.post-date + .post-likes{border-top:2px solid #ddd}.post-likes{padding:10px 0;text-align:center;font-size:12px}.post-left-info + .post-content{margin-left:70px}.post-image{padding-top:56%;overflow:hidden;position:relative;margin-bottom:25px}.post-image.post-image-with-carousel{padding-top:0}.post-image.post-image-with-carousel .item{padding-top:56%;overflow:hidden}.post-image img{position:absolute;left:0;right:0;top:0;max-width:100%}.post-video{margin-bottom:25px}.post-list blockquote{border:none;background:#e9edef;font-size:18px;padding:30px;color:#000;margin-bottom:25px}.post-title{margin:0 0 5px;font-size:24px;line-height:30px;color:#000}.post-title a{color:#000}.post-by{display:block;font-size:11px;color:#666;margin-bottom:15px;line-height:20px;padding:0}.post-by .divider{margin:0 5px;font-size:10px;color:#333;position:relative;top:-1px}.post-desc{line-height:20px;color:#696969;margin-bottom:20px;font-size:13px}.read-btn-container{text-align:right;font-size:12px}.read-btn-container a{color:#333}.post-grid{margin:-10px}.post-grid:before,.post-grid:after{content:'';display:table;clear:both}.post-grid > li,.post-li{width:33.33%;padding:10px}.post-grid.post-grid-2 > li,.post-grid.post-grid-2 > .post-li{width:50%}.post-grid.post-grid-3 > li,.post-grid.post-grid-3 > .post-li{width:33.33%}.post-grid.post-grid-4 > li,.post-grid.post-grid-4 > .post-li{width:25%}.post-grid .post-image,.post-grid .post-video{margin:-1px -1px 0}.post-grid blockquote{margin-bottom:0}.post-grid .post-title{font-size:20px;line-height:24px}.post-grid .post-content{border:1px solid rgba(0,0,0,0.125)}.post-grid .post-info{padding:15px}.post-detail .post-image{margin-bottom:15px}.post-detail .post-by{font-size:12px}.post-detail .post-desc{margin-bottom:30px}.post-detail .post-desc p{margin-bottom:0}.post-detail .post-desc p + p{margin-top:15px}.comment-list{list-style-type:none;margin:0 0 30px;padding:0;color:#2d353c}.comment-list > li{padding:20px}.comment-list > li + li{border-top:2px solid #eee}.comment-list > li:before,.comment-list > li:after{content:'';display:table;clear:both}.comment-list .comment-avatar{width:70px;height:70px;overflow:hidden;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;margin-right:20px;float:left;background:#d9e0e7;text-align:center;line-height:84px;font-size:62px;color:#929ba1}.comment-list .comment-avatar img{max-width:100%;display:block}.comment-list .comment-avatar + .comment-container{margin-left:90px}.comment-list .comment-author{font-size:16px;color:#2d353c;font-weight:600;margin-bottom:5px}.comment-list .comment-date{font-size:12px;font-weight:400;margin-left:5px;color:#999}.comment-list .comment-content{font-size:13px;line-height:20px;margin-bottom:10px}.comment-list .comment-rating{font-size:11px;text-align:right;font-weight:600;color:#999;margin-bottom:10px}.comment-list .comment-btn{font-size:11px;margin-bottom:10px}.comment-list .comment-list{border-bottom:none;margin-top:30px;margin-bottom:0;border-top:2px solid #eee}.comment-list .comment-list > li{padding-bottom:0}.about-me-desc{line-height:24px;margin-bottom:12px}.footer{background:#242a30;-webkit-box-shadow:inset 0 100px 80px -80px rgba(0,0,0,.7);box-shadow:inset 0 100px 80px -80px rgba(0,0,0,.7);padding:60px 0 0}.footer-section{margin-bottom:60px}.footer .footer-title{text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:.5px;color:#5A5E63;margin-bottom:20px;margin-top:0}.footer ul{font-size:13px;list-style-type:none;margin:0;padding:0;line-height:28px}.footer ul a{color:#919497}.footer ul.archives > li .total{font-size:12px;color:#5A5E63;margin-left:5px;font-weight:400}.footer ul.recent-post h4{font-size:13px}.footer ul.recent-post h4 .time{display:block;color:#5A5E63;font-size:12px;font-weight:400;margin-top:-2px;margin-bottom:15px}.footer ul.recent-post a{font-size:13px;line-height:28px}.footer address{color:#919497;line-height:20px;font-size:13px}.footer-copyright{background:#1a2229;padding:20px 0;font-size:13px;color:#919497}.footer-copyright:before,.footer-copyright:after{content:'';display:table;clear:both}.footer-copyright .social-media-list{list-style-type:none;margin:0;padding:0;float:right;font-size:14px}.footer-copyright .social-media-list > li{float:left}.footer-copyright .social-media-list > li + li{margin-left:15px}.pace-inactive{opacity:0;filter:alpha(opacity=0)}.pace{background:#2d353c;position:fixed;top:0;left:0;right:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;z-index:1050}.pace-progress{position:fixed;top:0;left:0;right:0;text-align:center;height:3px;background:#00acac;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s;z-index:2000}.pace:before{content:'';position:fixed;top:0;right:0;left:0;height:3px}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:20px;right:20px;width:20px;height:20px;border:solid 2px transparent;border-top-color:#00acac;border-left-color:#00acac;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite}@media (max-width: 767px){.pace .pace-activity{top:80px}}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}.row{margin:0 -10px}.row > [class*="col-"]{padding:0 10px}.row.row-space-0{margin:0}.row.row-space-2{margin:0 -1px}.row.row-space-4{margin:0 -2px}.row.row-space-6{margin:0 -3px}.row.row-space-8{margin:0 -4px}.row.row-space-10{margin:0 -5px}.row.row-space-12{margin:0 -6px}.row.row-space-14{margin:0 -7px}.row.row-space-16{margin:0 -8px}.row.row-space-18{margin:0 -9px;margin:0 -10px}.row.row-space-22{margin:0 -11px}.row.row-space-24{margin:0 -12px}.row.row-space-26{margin:0 -13px}.row.row-space-28{margin:0 -14px}.row.row-space-30{margin:0 -15px}.row.row-space-0 > [class*="col-"]{padding:0}.row.row-space-2 > [class*="col-"]{padding:0 1px}.row.row-space-4 > [class*="col-"]{padding:0 2px}.row.row-space-6 > [class*="col-"]{padding:0 3px}.row.row-space-8 > [class*="col-"]{padding:0 4px}.row.row-space-10 > [class*="col-"]{padding:0 5px}.row.row-space-12 > [class*="col-"]{padding:0 6px}.row.row-space-14 > [class*="col-"]{padding:0 7px}.row.row-space-16 > [class*="col-"]{padding:0 8px}.row.row-space-18 > [class*="col-"]{padding:0 9px}.row.row-space-20 > [class*="col-"]{padding:0 10px}.row.row-space-22 > [class*="col-"]{padding:0 11px}.row.row-space-24 > [class*="col-"]{padding:0 12px}.row.row-space-26 > [class*="col-"]{padding:0 13px}.row.row-space-28 > [class*="col-"]{padding:0 14px}.row.row-space-30 > [class*="col-"]{padding:0 15px}.semi-bold{font-weight:600}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.m-auto{margin:0 auto!important}.m-0{margin:0!important}.m-1{margin:1px!important}.m-2{margin:2px!important}.m-3{margin:3px!important}.m-4{margin:4px!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-25{margin:25px!important}.m-30{margin:30px!important}.m-35{margin:35px!important}.m-40{margin:40px!important}.m-t-0{margin-top:0!important}.m-t-1{margin-top:1px!important}.m-t-2{margin-top:2px!important}.m-t-3{margin-top:3px!important}.m-t-4{margin-top:4px!important}.m-t-5{margin-top:5px!important}.m-t-10{margin-top:10px!important}.m-t-15{margin-top:15px!important}.m-t-20{margin-top:20px!important}.m-t-25{margin-top:25px!important}.m-t-30{margin-top:30px!important}.m-t-35{margin-top:35px!important}.m-t-40{margin-top:40px!important}.m-r-0{margin-right:0!important}.m-r-1{margin-right:1px!important}.m-r-2{margin-right:2px!important}.m-r-3{margin-right:3px!important}.m-r-4{margin-right:4px!important}.m-r-5{margin-right:5px!important}.m-r-10{margin-right:10px!important}.m-r-15{margin-right:15px!important}.m-r-20{margin-right:20px!important}.m-r-25{margin-right:25px!important}.m-r-30{margin-right:30px!important}.m-r-35{margin-right:35px!important}.m-r-40{margin-right:40px!important}.m-b-0{margin-bottom:0!important}.m-b-1{margin-bottom:1px!important}.m-b-2{margin-bottom:2px!important}.m-b-3{margin-bottom:3px!important}.m-b-4{margin-bottom:4px!important}.m-b-5{margin-bottom:5px!important}.m-b-10{margin-bottom:10px!important}.m-b-15{margin-bottom:15px!important}.m-b-20{margin-bottom:20px!important}.m-b-25{margin-bottom:25px!important}.m-b-30{margin-bottom:30px!important}.m-b-35{margin-bottom:35px!important}.m-b-40{margin-bottom:40px!important}.m-l-0{margin-left:0!important}.m-l-1{margin-left:1px!important}.m-l-2{margin-left:2px!important}.m-l-3{margin-left:3px!important}.m-l-4{margin-left:4px!important}.m-l-5{margin-left:5px!important}.m-l-10{margin-left:10px!important}.m-l-15{margin-left:15px!important}.m-l-20{margin-left:20px!important}.m-l-25{margin-left:25px!important}.m-l-30{margin-left:30px!important}.m-l-35{margin-left:35px!important}.m-l-40{margin-left:40px!important}.p-0{padding:0!important}.p-1{padding:1px!important}.p-2{padding:2px!important}.p-3{padding:3px!important}.p-4{padding:4px!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15,.wrapper{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-t-0{padding-top:0!important}.p-t-1{padding-top:1px!important}.p-t-2{padding-top:2px!important}.p-t-3{padding-top:3px!important}.p-t-4{padding-top:4px!important}.p-t-5{padding-top:5px!important}.p-t-10{padding-top:10px!important}.p-t-15{padding-top:15px!important}.p-t-20{padding-top:20px!important}.p-t-25{padding-top:25px!important}.p-t-30{padding-top:30px!important}.p-t-35{padding-top:35px!important}.p-t-40{padding-top:40px!important}.p-r-0{padding-right:0!important}.p-r-1{padding-right:1px!important}.p-r-2{padding-right:2px!important}.p-r-3{padding-right:3px!important}.p-r-4{padding-right:4px!important}.p-r-5{padding-right:5px!important}.p-r-10{padding-right:10px!important}.p-r-15{padding-right:15px!important}.p-r-20{padding-right:20px!important}.p-r-25{padding-right:25px!important}.p-r-30{padding-right:30px!important}.p-r-35{padding-right:35px!important}.p-r-40{padding-right:40px!important}.p-b-0{padding-bottom:0!important}.p-b-1{padding-bottom:1px!important}.p-b-2{padding-bottom:2px!important}.p-b-3{padding-bottom:3px!important}.p-b-4{padding-bottom:4px!important}.p-b-5{padding-bottom:5px!important}.p-b-10{padding-bottom:10px!important}.p-b-15{padding-bottom:15px!important}.p-b-20{padding-bottom:20px!important}.p-b-25{padding-bottom:25px!important}.p-b-30{padding-bottom:30px!important}.p-b-35{padding-bottom:35px!important}.p-b-40{padding-bottom:40px!important}.p-l-0{padding-left:0!important}.p-l-1{padding-left:1px!important}.p-l-2{padding-left:2px!important}.p-l-3{padding-left:3px!important}.p-l-4{padding-left:4px!important}.p-l-5{padding-left:5px!important}.p-l-10{padding-left:10px!important}.p-l-15{padding-left:15px!important}.p-l-20{padding-left:20px!important}.p-l-25{padding-left:25px!important}.p-l-30{padding-left:30px!important}.p-l-35{padding-left:35px!important}.p-l-40{padding-left:40px!important}.f-s-8{font-size:8px!important}.f-s-9{font-size:9px!important}.f-s-10{font-size:10px!important}.f-s-11{font-size:11px!important}.f-s-12{font-size:12px!important}.f-s-13{font-size:13px!important}.f-s-14{font-size:14px!important}.f-s-15{font-size:15px!important}.f-s-16{font-size:16px!important}.f-s-17{font-size:17px!important}.f-s-18{font-size:18px!important}.f-s-19{font-size:19px!important}.f-s-20{font-size:20px!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.pull-left{float:left!important}.pull-right{float:right!important}.pull-none{float:none!important}.f-w-100{font-weight:100!important}.f-w-200{font-weight:200!important}.f-w-300{font-weight:300!important}.f-w-400{font-weight:400!important}.f-w-500{font-weight:500!important}.f-w-600{font-weight:600!important}.f-w-700{font-weight:700!important}.table-valign-middle th,.table-valign-middle td{vertical-align:middle!important}.table-th-valign-middle th,.table-td-valign-middle td{vertical-align:middle!important}.table-valign-top th,.table-valign-top td{vertical-align:top!important}.table-th-valign-top th,.table-td-valign-top td{vertical-align:top!important}.table-valign-bottom th,.table-valign-bottom td{vertical-align:bottom!important}.table-th-valign-bottom th,.table-td-valign-bottom td{vertical-align:bottom!important}.vertical-box{display:table;table-layout:fixed;border-spacing:0;height:100%;width:100%}.vertical-box-column{display:table-cell;vertical-align:top;height:100%}.vertical-box-row{display:table-row;height:100%}.vertical-box-row > .vertical-box-cell{position:relative;height:100%;width:100%;float:none}.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.panel-expand .vertical-box .vertical-box-column{display:table-cell}.page-content-full-height .content{position:absolute;left:0;top:54px;right:0;bottom:-1px;-webkit-transform:translateZ(0)}.no-rounded-corner{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.rounded-corner{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}.no-border{border:0!important}.border-top-1{border-top:1px solid #eee!important}.border-right-1{border-right:1px solid #eee!important}.border-bottom-1{border-bottom:1px solid #eee!important}.border-left-1{border-left:1px solid #eee!important}.no-box-shadow{-webkit-box-shadow:none!important;box-shadow:none!important}.text-inverse{color:#2d353c!important}a.text-inverse:hover,a.text-inverse:focus{color:#575d63!important}.text-success{color:#00acac!important}a.text-success:hover,a.text-success:focus{color:#33bdbd!important}.text-info{color:#49b6d6!important}a.text-info:hover,a.text-info:focus{color:#6dc5de!important}.text-primary{color:#348fe2!important}a.text-primary:hover,a.text-primary:focus{color:#5da5e8!important}.text-warning{color:#f59c1a!important}a.text-warning:hover,a.text-warning:focus{color:#f7b048!important}.text-danger{color:#ff5b57!important}a.text-danger:hover,a.text-danger:focus{color:#ff7c79!important}.text-white{color:#fff!important}a.text-white:hover,a.text-white:focus{color:#f0f3f4!important}.bg-white{background:#fff!important}.bg-silver-lighter{background:#f4f6f7!important}.bg-silver{background:#f0f3f4!important}.bg-silver-darker{background:#b4b6b7!important}.bg-black{background:#2d353c!important}.bg-black-darker{background:#242a30!important}.bg-black-lighter{background:#575d63!important}.bg-grey{background:#b6c2c9!important}.bg-grey-darker{background:#929ba1!important}.bg-grey-lighter{background:#c5ced4!important}.bg-red{background:#ff5b57!important}.bg-red-darker{background:#cc4946!important}.bg-red-lighter{background:#ff7c79!important}.bg-orange{background:#f59c1a!important}.bg-orange-darker{background:#c47d15!important}.bg-orange-lighter{background:#f7b048!important}.bg-yellow{background:#e3fa3e!important}.bg-yellow-darker{background:#b6c832!important}.bg-yellow-lighter{background:#e9fb65!important}.bg-green{background:#00acac!important}.bg-green-darker{background:#008a8a!important}.bg-green-lighter{background:#33bdbd!important}.bg-blue{background:#348fe2!important}.bg-blue-darker{background:#2a72b5!important}.bg-blue-lighter{background:#5da5e8!important}.bg-aqua{background:#49b6d6!important}.bg-aqua-darker{background:#3a92ab!important}.bg-aqua-lighter{background:#6dc5de!important}.bg-purple{background:#727cb6!important}.bg-purple-darker{background:#5b6392!important}.bg-purple-lighter{background:#8e96c5!important}.no-bg{background:none!important}.height-xs{height:150px!important}.height-sm{height:300px!important}.height-md{height:450px!important}.height-lg{height:600px!important}.height-full{height:100%!important}.height-50{height:50px!important}.height-100{height:100px!important}.height-150{height:150px!important}.height-200{height:200px!important}.height-250{height:250px!important}.height-300{height:300px!important}.height-350{height:350px!important}.height-400{height:400px!important}.height-450{height:450px!important}.height-500{height:500px!important}.height-550{height:550px!important}.height-600{height:600px!important}.width-xs{width:150px!important}.width-sm{width:300px!important}.width-md{width:450px!important}.width-lg{width:600px!important}.width-full{width:100%!important}.width-50{width:50px!important}.width-100{width:100px!important}.width-150{width:150px!important}.width-200{width:200px!important}.width-250{width:250px!important}.width-300{width:300px!important}.width-350{width:350px!important}.width-400{width:400px!important}.width-450{width:450px!important}.width-500{width:500px!important}.width-550{width:550px!important}.width-600{width:600px!important}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fade{opacity:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.text-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.underline{border-bottom:1px solid #e2e7eb!important}.btn{font-size:14px;font-weight:500;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn.btn-outline{color:#fff;border-width:2px;border-color:#8F8E8E;background:none}.btn.btn-outline:hover,.btn.btn-outline:focus{border-color:#fff}.btn:focus,.btn:active:focus,.btn.active:focus{outline:none}.btn-icon,.btn.btn-icon{display:inline-block;width:28px;height:28px;padding:0;border:none;line-height:28px;text-align:center;font-size:14px}.btn-circle,.btn.btn-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.btn-icon.btn-xs{width:16px;height:16px;font-size:8px;line-height:16px}.btn-icon.btn-sm{width:22px;height:22px;font-size:11px;line-height:22px}.btn-icon.btn-lg{width:34px;height:34px;font-size:17px;line-height:34px}.btn-scroll-to-top{position:fixed;bottom:20px;right:25px;z-index:1020}.page-with-right-sidebar .btn-scroll-to-top{left:25px;right:auto}.btn > .pull-left,.btn > .pull-right{line-height:1.428571429}.btn-block{padding-left:12px;padding-right:12px}.btn:active,.btn.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);box-shadow:inset 0 3px 5px rgba(0,0,0,0.1)}.btn.btn-default{color:#fff;background:#b6c2c9;border-color:#b6c2c9}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background:#929ba1;border-color:#929ba1}.btn-group .btn.btn-default:not(.active) + .btn.btn-default,.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default{border-left-color:#929ba1}.btn.btn-white{font-weight:400;color:#333;background:#fff;border-color:#e2e7eb}.btn.btn-white.btn-white-without-border{border-color:#fff}.btn.btn-white.btn-white-without-border.active,.btn.btn-white.btn-white-without-border.active:hover,.btn.btn-white.btn-white-without-border.active:focus{border-color:#ddd}.btn.btn-white.btn-white-without-border:hover,.btn.btn-white.btn-white-without-border:focus{border-color:#eee}.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{background:#e2e7eb;border-color:#d8dde1}.btn-group .btn.btn-white:not(.active) + .btn.btn-white,.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white{border-left-color:#eee}.btn.btn-inverse{color:#fff;background:#2d353c;border-color:#2d353c}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.open .dropdown-toggle.btn-inverse{background:#242a30;border-color:#242a30}.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse{border-left-color:#242a30}.btn.btn-primary{color:#fff;background:#348fe2;border-color:#348fe2}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background:#2a72b5;border-color:#2a72b5}.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary,.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary{border-left-color:#2a72b5}.btn.btn-success{color:#fff;background:#00acac;border-color:#00acac}.btn.btn-success:hover,.btn.btn-success:focus,.btn.btn-success:active,.btn.btn-success.active,.open .dropdown-toggle.btn-success{background:#008a8a;border-color:#008a8a}.btn-group .btn.btn-success:not(.active) + .btn.btn-success,.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success{border-left-color:#008a8a}.btn.btn-warning{color:#fff;background:#f59c1a;border-color:#f59c1a}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background:#c47d15;border-color:#c47d15}.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning,.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning{border-left-color:#c47d15}.btn.btn-danger{color:#fff;background:#ff5b57;border-color:#ff5b57}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background:#cc4946;border-color:#cc4946}.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger,.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger{border-left-color:#cc4946}.btn.btn-info{color:#fff;background:#49b6d6;border-color:#49b6d6}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background:#3a92ab;border-color:#3a92ab}.btn-group .btn.btn-info:not(.active) + .btn.btn-info,.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info{border-left-color:#3a92ab}.progress{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;height:15px;overflow:visible;background:#e2e7eb;-webkit-box-shadow:none;box-shadow:none}.progress .progress-bar{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;position:relative}.progress .progress-bar .progress-number{position:absolute;right:0;bottom:100%;background:#333;padding:2px 6px 1px;border-radius:4px;margin-bottom:5px;display:block;line-height:16px}.progress .progress-bar .progress-number:before{content:'';position:absolute;left:50%;margin-left:-5px;bottom:-10px;border:5px solid transparent;border-top-color:#333}.progress-bar.progress-bar-success{background:#00acac}.progress.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-xs{height:5px}.progress-xs .progress-bar{line-height:5px}.progress-sm{height:10px}.progress-sm .progress-bar{line-height:10px}.progress-lg{height:30px}.progress-lg .progress-bar{line-height:30px}.progress-bar{background:#348fe2;-webkit-box-shadow:none;box-shadow:none}.progress-bar.progress-bar-success{background-color:#00acac}.progress-bar.progress-bar-info{background-color:#49b6d6}.progress-bar.progress-bar-warning{background-color:#f59c1a}.progress-bar.progress-bar-danger{background-color:#ff5b57}.progress-bar.progress-bar-inverse{background-color:#2d353c}.progress-bar.progress-bar-purple{background-color:#727cb6}.form-control{border:2px solid #ccd0d4;-webkit-box-shadow:none;box-shadow:none;font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.form-control.input-white{background:#fff;border-color:#fff}.form-control.input-white:focus{box-shadow:none;-webkit-box-shadow:none}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background:#e5e9ed;opacity:.6;filter:alpha(opacity=60)}.form-control[disabled]:focus,.form-control[readonly]:focus,fieldset[disabled] .form-control:focus{box-shadow:none;-webkit-box-shadow:none;border:1px solid #ccd0d4}.form-control:focus{border-color:#9fa2a5;-webkit-box-shadow:none;box-shadow:none}.form-horizontal.form-bordered .form-group{border-bottom:1px solid #eee;margin:0}.form-horizontal.form-bordered .form-group:last-child{border-bottom:0}.form-horizontal.form-bordered .form-group > .control-label{padding:22px 15px 15px}.form-horizontal.form-bordered .form-group > div{padding:15px;border-left:1px solid #eee}.form-horizontal.form-bordered .form-group > .control-label{border-right:1px solid #eee;margin-right:-1px}.form-horizontal.form-bordered .has-feedback .form-control-feedback{top:15px}label{font-weight:500}.has-success .form-control,.has-success .form-control:focus,.has-warning .form-control,.has-warning .form-control:focus,.has-error .form-control,.has-error .form-control:focus{-webkit-box-shadow:none;box-shadow:none}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success .form-control-feedback{color:#00acac}.has-success .form-control{border-color:#00acac}.has-success .form-control:focus{border-color:#008a8a}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning .form-control-feedback{color:#f59c1a}.has-warning .form-control{border-color:#f59c1a}.has-warning .form-control:focus{border-color:#c47d15}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error .form-control-feedback{color:#ff5b57}.has-error .form-control{border-color:#ff5b57}.has-error .form-control:focus{border-color:#cc4946}.form-control-feedback{line-height:34px}select.form-control{border-color:#ccd0d4}select[multiple].form-control{border-color:#ccd0d4}.input-group-addon{background:#e2e7eb;border:none}legend{padding-bottom:3px;border-bottom:1px solid #e2e7eb}.dropdown-menu{border:none;-webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,0.2);box-shadow:0 2px 5px -1px rgba(0,0,0,0.2);font-size:12px}.dropdown-menu > li > a{padding:5px 15px}.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background:#edf0f5}.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{background:#348fe2}.dropdown-menu .divider{border-color:#eee}.dropdown-menu.media-list{max-width:280px;padding:0}.dropdown-menu.media-list p{text-overflow:ellipsis;overflow:hidden}.dropdown-menu.media-list .dropdown-header{padding:10px 20px!important;background:#fafafa}.dropdown-menu.media-list > .media{margin-top:0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:-1px}.dropdown-menu.media-list > .media > a{display:block;padding:10px 20px!important}.dropdown-menu.media-list > .media .media-object{height:36px;width:36px;line-height:36px;font-size:14px;color:#fff;text-align:center;margin-right:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.dropdown-footer{padding:10px 20px}.dropdown-menu > li.dropdown-footer > a{padding:0!important;display:inline!important}.dropdown-menu > li.dropdown-footer > a:hover,.dropdown-menu > li.dropdown-footer > a:focus{background:none!important;text-decoration:underline!important}.tooltip-inner{padding:4px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.alert{border:none}.alert.alert-success{background:#7cdda7}.alert.alert-info{background:#93cfe5}.alert.alert-danger{background:#f8b2b2}.alert.alert-warning{background:#ffead0}.note{margin-bottom:20px;padding:15px;border-left:3px solid}.note.note-success{border-color:#4a8564;background:#b0ebca;color:#3c763d}.note.note-success h1,.note.note-success h2,.note.note-success h3,.note.note-success h4,.note.note-success h5,.note.note-success h6{color:#3c763d}.note.note-danger{border-color:#986e6e;background:#fbd1d1;color:#a94442}.note.note-danger h1,.note.note-danger h2,.note.note-danger h3,.note.note-danger h4,.note.note-danger h5,.note.note-danger h6{color:#a94442}.note.note-info{border-color:#587c89;background:#bee2ef;color:#31708f}.note.note-info h1,.note.note-info h2,.note.note-info h3,.note.note-info h4,.note.note-info h5,.note.note-info h6{color:#31708f}.note.note-warning{border-color:#9d9080;background:#fff2e3;color:#8a6d3b}.note.note-warning h1,.note.note-warning h2,.note.note-warning h3,.note.note-warning h4,.note.note-warning h5,.note.note-warning h6{color:#8a6d3b}.badge{font-size:75%;line-height:1.25;font-weight:600}.label{font-size:75%;font-weight:600}.badge.badge-square{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.badge.badge-default,.label.label-default{background:#b6c2c9}.badge.badge-danger,.label.label-danger{background:#ff5b57}.badge.badge-warning,.label.label-warning{background:#f59c1a}.badge.badge-success,.label.label-success{background:#00acac}.badge.badge-info,.label.label-info{background:#49b6d6}.badge.badge-primary,.label.label-primary{background:#348fe2}.badge.badge-inverse,.label.label-inverse{background:#2d353c}.pager li > a,.pager li > span,.pagination > li > a{border-color:#e2e7eb;color:#242a30}.pager.pager-without-border li > a,.pager.pager-without-border li > span,.pagination.pagination-without-border > li > a{border-color:#fff}.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus,.pager > .disabled > span,.pager > .disabled > a{opacity:.6;filter:alpha(opacity=60);border-color:#ddd}.pagination > li > a{color:#242a30;margin-left:5px;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;border-radius:3px!important}.pagination > li:first-child > a{margin-left:0}.pagination-sm > li > a,.pagination-sm > li > span{font-size:10px;margin-left:4px}.pagination-lg > li > a,.pagination-lg > li > span{font-size:14px;margin-left:6px}.pager li > a:hover,.pager li > a:focus,.pager li > span:hover,.pager li > span:focus,.pagination > li > a:hover,.pagination > li > a:focus{color:#242a30;background:#e2e7eb;border-color:#d8dde1}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background:#242a30!important;border-color:#242a30!important}.pagination-container{margin:40px 0 0;border-top:2px solid #ddd;padding-top:40px}.pagination > li > a,.pagination > li > span{border:2px solid #ddd;-webkit-border-radius:50px!important;-moz-border-radius:50px!important;border-radius:50px!important;color:#333;padding:5px 11px}.pagination > li > a:hover,.pagination > li > a:focus{color:#333}.pagination > li + li a,.pagination > li + li span{margin-left:5px}.pagination > li.active > a,.pagination > li.active > a:hover,.pagination > li.active > a:focus{background:#333;border-color:#333}.pagination .text{border:none;padding-left:5px;padding-right:5px}.pagination .text:hover,.pagination .text:focus{background:none}.nav > li > a{color:#6e7179}.nav > li > a:hover,.nav > li > a:focus{color:#333;background:#fafafa}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus,.nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:focus{color:#242a30}.nav-tabs.nav-tabs-inverse{background:#242a30}.nav-tabs.nav-justified > li > a{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.nav-tabs.nav-tabs-inverse > li.active > a,.nav-tabs.nav-tabs-inverse > li.active > a:hover,.nav-tabs.nav-tabs-inverse > li.active > a:focus{background:#fff}.nav-tabs.nav-tabs-inverse > li > a:hover,.nav-tabs.nav-tabs-inverse > li > a:focus{color:#fff;background:none}.nav-tabs > li > a{margin-right:5px;line-height:20px}.nav-pills{margin-bottom:10px}.nav-pills > li + li{margin-left:5px}.nav-pills > li > a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus{background:#242a30}.nav-stacked > li + li{margin-left:0;margin-top:5px}.tab-content{padding:15px;margin-bottom:20px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-tabs + .tab-content{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.panel-title a{display:block}.panel-title > a:hover,.panel-title > a:focus{text-decoration:none}.panel{-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.panel.panel-no-rounded-corner .panel-heading,.panel.panel-no-rounded-corner .panel-body,.panel.panel-no-rounded-corner .panel-footer{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.panel-heading{padding:10px 15px;border:none;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.panel-heading + .table,.panel-heading + .slimScrollDiv{border-top:1px solid #ddd}.panel-heading-btn{float:right}.panel-heading-btn > a{margin-left:8px}.panel-heading .btn-group .btn{margin-top:-7px}.panel-heading .btn-group .btn.btn-sm{margin-top:-5px}.panel-heading .btn-group .btn.btn-xs{margin-top:-1px}.panel-heading .label.pull-left,.panel-heading .label.pull-right{line-height:15px}.panel-heading .progress.pull-right,.panel-heading .progress.pull-left{width:40%;min-width:120px}.panel-heading + .alert{margin-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel-with-tabs .panel-heading{background:#c1ccd1!important;color:#333!important}.panel-heading .nav-tabs{margin-top:-10px;margin-right:-15px}.panel-heading .nav-tabs > li > a{padding:10px 15px;line-height:20px}.panel-title{line-height:20px;font-size:12px}.panel-title .accordion-toggle{margin:-10px -15px;padding:10px 15px}.panel-title .accordion-toggle.accordion-toggle-styled .fa:before{content:'\f056'}.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before{content:'\f055'}.panel-title .pull-right{line-height:20px}.panel-toolbar{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 15px;background:#fff}.panel-toolbar + .form-control{margin:-1px 0 0;border-right:none;border-left:none}.panel-group .panel{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.form-control + .panel-footer{border-top:none}.panel-body{padding:15px}.panel-body.no-border{border:none!important}.panel-body.panel-table,.panel-body.panel-form,.panel-body.no-padding,.panel-body.panel-full-width{padding:0!important}.panel-body.with-table > .table{border:0;margin:0}.panel-body.with-table > .table tr:last-child th,.panel-body.with-table > .table tr:last-child td{border-bottom:0}.panel-default > .panel-heading + .panel-collapse .panel-body{border-top:1px solid #ddd}.panel-footer{background:#fff;border-top:1px solid #ddd}.panel .tab-content{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.panel-default > .panel-heading{background:#fafafa}.panel-inverse > .panel-heading,.panel-success > .panel-heading,.panel-warning > .panel-heading,.panel-danger > .panel-heading,.panel-primary > .panel-heading,.panel-info > .panel-heading{color:#fff}.panel-inverse{border-color:#242a30}.panel-inverse > .panel-heading{background:#242a30}.panel-success{border-color:#008a8a}.panel-success > .panel-heading{background:#008a8a}.panel-warning{border-color:#c47d15}.panel-warning > .panel-heading{background:#c47d15}.panel-danger{border-color:#cc4946}.panel-danger > .panel-heading{background:#cc4946}.panel-primary{border-color:#2a72b5}.panel-primary > .panel-heading{background:#2a72b5}.panel-info{border-color:#3a92ab}.panel-info > .panel-heading{background:#3a92ab}.panel-inverse .panel-heading a:hover,.panel-inverse .panel-heading a:focus,.panel-success .panel-heading a:hover,.panel-success .panel-heading a:focus,.panel-warning .panel-heading a:hover,.panel-warning .panel-heading a:focus,.panel-danger .panel-heading a:hover,.panel-danger .panel-heading a:focus,.panel-primary .panel-heading a:hover,.panel-primary .panel-heading a:focus,.panel-info .panel-heading a:hover,.panel-info .panel-heading a:focus{color:#fff}.panel.panel-expand{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;overflow:hidden;z-index:1080}.panel-expand .height-xs,.panel-expand .height-sm,.panel-expand .height-md,.panel-expand .height-lg,.panel-expand .height-full{height:100%!important}@keyframes panelExpand{from{top:50%;left:50%;right:50%;bottom:50%}to{top:0;left:0;right:0;bottom:0}}@-webkit-keyframes panelExpand{from{top:50%;left:50%;right:50%;bottom:50%}to{top:0;left:0;right:0;bottom:0}}.panel.panel-expand > .panel-heading .fa.fa-expand:before{content:'\f066'}.panel.panel-expand,.panel.panel-expand > .panel-heading,.panel.panel-expand > .panel-body{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel.panel-expand > .panel-body{position:absolute;right:0;left:0;bottom:0;top:40px;overflow-y:scroll;z-index:1020}.panel.panel-expand > .panel-footer{position:absolute;left:0;right:0;bottom:0}.panel.panel-loading .panel-body{position:relative;z-index:0}.panel.panel-loading.panel-expand .panel-body{position:absolute}.panel.panel-loading .panel-body .panel-loader{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.9;filter:alpha(opacity=90);animation:fadeIn .2s;-webkit-animation:fadeIn .2s;z-index:1020;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{border:none;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.3);box-shadow:0 5px 15px rgba(0,0,0,0.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.modal-header{padding:12px 15px;border-bottom-color:#e2e7eb}.modal-header .close{margin-top:2px}.modal-body{padding:15px}.modal-footer{border-top-color:#e2e7eb;padding:14px 15px 15px}.modal-message .modal-dialog{width:100%}.modal-message .modal-content{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.modal-message .modal-header,.modal-message .modal-body,.modal-message .modal-footer{width:60%;border:none;margin:0 auto}.media .media-object{width:128px}.media.media-lg .media-object{width:256px}.media.media-sm .media-object{width:64px}.media.media-xs .media-object{width:32px}.media > .pull-left{margin-right:15px}.media > .pull-right{margin-left:15px}.media a:hover,.media a:focus,.media a:hover .media-heading,.media a:focus .media-heading,.media a.media-heading:hover,.media a.media-heading:focus{color:#242a30;text-decoration:none}.media-list.media-list-with-divider > li + li{border-top:1px solid #eee;padding-top:20px}.table{border-color:#e2e7eb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.table > thead > tr > th{color:#242a30;font-weight:600;border-bottom:2px solid #e2e7eb!important}.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{border-color:#e2e7eb;padding:10px 15px}.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:7px 15px}.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th{background:#e8ecf1!important}.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th{background:#f0f3f5}.table.table-inverse > thead > tr > th,.table.table-inverse > tbody > tr > th,.table.table-inverse > tfoot > tr > th,.table.table-inverse > thead > tr > td,.table.table-inverse > tbody > tr > td,.table.table-inverse > tfoot > tr > td{border-color:#999!important;border-color:rgba(0,0,0,0.2)!important}.table.table-inverse,.table.table-inverse > thead > tr > th,.table.table-inverse > tbody > tr > th,.table.table-inverse > tfoot > tr > th{color:#fff}.table > thead > tr > td.info,.table > tbody > tr > td.info,.table > tfoot > tr > td.info,.table > thead > tr > th.info,.table > tbody > tr > th.info,.table > tfoot > tr > th.info,.table > thead > tr.info > td,.table > tbody > tr.info > td,.table > tfoot > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr.info > th,.table > tfoot > tr.info > th{background:#dbf0f7;border-color:#b6e2ef}.table > thead > tr > td.success,.table > tbody > tr > td.success,.table > tfoot > tr > td.success,.table > thead > tr > th.success,.table > tbody > tr > th.success,.table > tfoot > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,.table > tfoot > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th,.table > tfoot > tr.success > th{background:#cee;border-color:#99dede}.table > thead > tr > td.danger,.table > tbody > tr > td.danger,.table > tfoot > tr > td.danger,.table > thead > tr > th.danger,.table > tbody > tr > th.danger,.table > tfoot > tr > th.danger,.table > thead > tr.danger > td,.table > tbody > tr.danger > td,.table > tfoot > tr.danger > td,.table > thead > tr.danger > th,.table > tbody > tr.danger > th,.table > tfoot > tr.danger > th{background:#ffdedd;border-color:#ffbdbc}.table > thead > tr > td.warning,.table > tbody > tr > td.warning,.table > tfoot > tr > td.warning,.table > thead > tr > th.warning,.table > tbody > tr > th.warning,.table > tfoot > tr > th.warning,.table > thead > tr.warning > td,.table > tbody > tr.warning > td,.table > tfoot > tr.warning > td,.table > thead > tr.warning > th,.table > tbody > tr.warning > th,.table > tfoot > tr.warning > th{background:#fdebd1;border-color:#fbd7a3}.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th{background:#f0f3f5;border-color:#e2e7e9}.well{padding:15px;background:#fff;box-shadow:none;-webkit-box-shadow:none}.well-sm{padding:10px}.well-lg{padding:30px}.jumbotron{background:#f0f3f4}.jumbotron h1,.jumbotron .h1{font-size:56px}.jumbotron p{font-size:18px}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{background:#348fe2}.carousel .carousel-caption h1,.carousel .carousel-caption h2,.carousel .carousel-caption h3,.carousel .carousel-caption h4,.carousel .carousel-caption h5,.carousel .carousel-caption h6{color:#fff}.carousel .carousel-control .fa{position:absolute;top:50%;z-index:5;display:block;width:30px;height:30px;margin-top:-15px;text-align:center;line-height:30px;margin-left:-15px}.carousel .carousel-control.left .fa{left:50%}.carousel .carousel-control.right .fa{right:50%;margin-left:0;margin-right:-15px}.theme-panel .theme-collapse-btn{position:absolute;left:-40px;top:50%;margin-top:-20px;width:40px;height:40px;line-height:40px;font-size:18px;color:#000;background:#fff;background:rgba(255,255,255,0.9);border-radius:4px 0 0 4px;text-align:center;text-decoration:none;box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4)}.theme-panel{position:fixed;right:-180px;top:200px;z-index:1020;box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);width:180px;-webkit-transition:right .2s linear;-moz-transition:right .2s linear;transition:right .2s linear}.theme-panel .theme-panel-content{padding:5px;background:#fff;position:relative;z-index:1020}.theme-panel .theme-list{list-style-type:none;margin:0;padding:0}.theme-panel .theme-list > li{float:left}.theme-panel .theme-list > li + li{margin-left:5px}.theme-panel .theme-list > li > a{width:30px;height:30px;border-radius:3px;display:block;text-decoration:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;position:relative}.theme-panel .theme-list > li.active > a:before{content:'\f00c';font-family:FontAwesome;position:absolute;left:0;right:0;top:0;bottom:0;font-size:14px;color:#fff;opacity:.4;filter:alpha(opacity=40);text-align:center;line-height:30px;text-align:center}.theme-panel.active{right:0} \ No newline at end of file diff --git a/public/assets/css/blog/theme/blue.css b/public/assets/css/blog/theme/blue.css new file mode 100755 index 0000000..54b5e59 --- /dev/null +++ b/public/assets/css/blog/theme/blue.css @@ -0,0 +1,28 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/ +.brand-logo { + border-color: #2F83CF #2a72b5 #1f5688; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: #348fe2; +} +a:hover, +a:focus { + color: #2a72b5; +} +.pace-progress { + background: #348fe2; +} +.pace .pace-activity { + border-top-color: #348fe2; + border-left-color: #348fe2; +} \ No newline at end of file diff --git a/public/assets/css/blog/theme/default.css b/public/assets/css/blog/theme/default.css new file mode 100755 index 0000000..98c7562 --- /dev/null +++ b/public/assets/css/blog/theme/default.css @@ -0,0 +1,28 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/ +.brand-logo { + border-color: #4DCACA #31A3A3 #1D8888; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: #00acac; +} +a:hover, +a:focus { + color: #008a8a; +} +.pace-progress { + background: #00acac; +} +.pace .pace-activity { + border-top-color: #00acac; + border-left-color: #00acac; +} \ No newline at end of file diff --git a/public/assets/css/blog/theme/orange.css b/public/assets/css/blog/theme/orange.css new file mode 100755 index 0000000..e34fc09 --- /dev/null +++ b/public/assets/css/blog/theme/orange.css @@ -0,0 +1,28 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/ +.brand-logo { + border-color: #DF8F19 #c47d15 #935e10; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: #f59c1a; +} +a:hover, +a:focus { + color: #c47d15; +} +.pace-progress { + background: #f59c1a; +} +.pace .pace-activity { + border-top-color: #f59c1a; + border-left-color: #f59c1a; +} \ No newline at end of file diff --git a/public/assets/css/blog/theme/purple.css b/public/assets/css/blog/theme/purple.css new file mode 100755 index 0000000..765cde3 --- /dev/null +++ b/public/assets/css/blog/theme/purple.css @@ -0,0 +1,28 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/ +.brand-logo { + border-color: #6670AC #5b6392 #444a6d; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: #727cb6; +} +a:hover, +a:focus { + color: #5b6392; +} +.pace-progress { + background: #727cb6; +} +.pace .pace-activity { + border-top-color: #727cb6; + border-left-color: #727cb6; +} \ No newline at end of file diff --git a/public/assets/css/blog/theme/red.css b/public/assets/css/blog/theme/red.css new file mode 100755 index 0000000..8748639 --- /dev/null +++ b/public/assets/css/blog/theme/red.css @@ -0,0 +1,28 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/ +.brand-logo { + border-color: #F8504B #cc4946 #993734; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: #ff5b57; +} +a:hover, +a:focus { + color: #cc4946; +} +.pace-progress { + background: #ff5b57; +} +.pace .pace-activity { + border-top-color: #ff5b57; + border-left-color: #ff5b57; +} \ No newline at end of file diff --git a/public/assets/css/e-commerce/style-responsive.css b/public/assets/css/e-commerce/style-responsive.css new file mode 100755 index 0000000..a95e8d1 --- /dev/null +++ b/public/assets/css/e-commerce/style-responsive.css @@ -0,0 +1,1129 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/ + +@media (min-width: 1920px) { + body { + font-size: 16px; + } + .container { + width: 1360px; + } + .top-nav .dropdown-menu > li > a, + .top-nav .nav > li > a { + font-size: 16px; + line-height: 28px; + } + .top-nav .nav > li > a .f-s-14 { + font-size: 18px !important; + } + .top-nav .flag-img { + height: 16px; + margin-right: 10px; + } + .header-logo { + height: 100px; + width: 300px; + } + .header-logo a { + font-size: 26px; + } + .header-logo a small { + font-size: 15px; + } + .header-nav .nav > li > a { + line-height: 80px; + } + .header-logo .brand { + border-width: 20px; + margin: 5px 15px 5px 10px; + } + .header-nav { + font-size: 18px; + } + .header-cart i { + font-size: 28px; + line-height: 80px; + } + .header-cart .total { + font-size: 14px; + width: 24px; + height: 24px; + line-height: 24px; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + border-radius: 24px; + } + .header .user-img { + width: 46px; + height: 46px; + margin: 17px 10px 17px 0; + } + .header-nav .nav > li.divider { + height: 40px; + margin: 30px 0; + } + .dropdown-menu { + font-size: 16px; + } + .header .dropdown-menu { + min-width: 280px; + padding: 0 20px; + } + .header .dropdown-menu > li > a { + padding: 12px 0; + line-height: 28px; + } + .dropdown-menu-container .title { + font-size: 18px; + } + .dropdown-menu-list > li > a { + line-height: 28px; + font-size: 18px; + } + .dropdown-brand-list > li a { + height: 80px; + line-height: 80px; + max-width: 150px; + } + + .theme-panel { + width: 248px; + right: -248px; + } + .theme-panel .theme-list > li + li { + margin-left: 7px; + } + .theme-panel .theme-list > li > a { + width: 40px; + height: 40px; + } + .theme-panel .theme-panel-content { + padding: 10px; + } + .theme-panel .theme-collapse-btn { + width: 60px; + height: 60px; + left: -60px; + margin-top: -30px; + font-size: 24px; + line-height: 60px; + } + .theme-panel .theme-list > li.active > a:before { + font-size: 20px; + line-height: 40px; + } + .tooltip { + font-size: 16px; + } + .form-control { + font-size: 16px; + height: 44px; + } + .btn { + font-size: 16px; + padding: 10px 15px; + } + .dropdown-menu.dropdown-menu-cart { + margin-right: -172px; + width: 420px; + } + .cart-title { + font-size: 16px; + } + .cart-item-image { + width: 100px; + height: 80px; + line-height: 64px; + } + .cart-item > li h4 { + line-height: 24px; + font-size: 18px; + } + .cart-item > li .price { + font-size: 18px; + } + .cart-item > li + li { + padding-top: 15px; + margin-top: 15px; + } + .carousel .carousel-inner, + .carousel .carousel-inner .item, + .slider .carousel { + min-height: 600px; + } + .carousel .product-img { + top: 60px; + max-height: 480px; + } + .carousel-caption .title { + font-size: 84px; + } + .carousel-caption p { + font-size: 36px; + } + .carousel-caption .price { + font-size: 48px; + } + .carousel-caption .btn { + font-size: 24px; + padding: 15px 45px; + } + .carousel-control { + height: 80px; + width: 60px; + margin-top: -40px; + } + .carousel-control .glyphicon, .carousel-control i { + height: 80px; + line-height: 80px; + font-size: 42px; + } + .section-title { + font-size: 28px; + } + .section-title small { + font-size: 18px; + } + .section-title a.pull-right { + font-size: 14px; + padding: 12px 20px; + margin: -6px 0; + } + .promotion-lg .promotion-title { + font-size: 48px; + } + .promotion-lg .promotion-price { + font-size: 32px; + } + .promotion-lg .promotion-desc { + font-size: 16px; + } + .promotion-lg .promotion-btn { + font-size: 16px; + } + .promotion { + padding-top: 200px; + } + .promotion.promotion-lg { + padding-top: 410px; + } + .promotion-caption { + padding: 25px; + } + .promotion-lg .promotion-caption { + padding: 40px; + } + .promotion-title { + font-size: 24px; + } + .promotion-price { + font-size: 22px; + } + .promotion-price small { + font-size: 14px; + } + .promotion-desc { + font-size: 14px; + } + .promotion-btn { + padding: 7px 15px; + font-size: 14px; + } + .item.item-thumbnail .item-title, + .item.item-thumbnail .item-title a { + font-size: 16px; + line-height: 22px; + max-height: 44px; + } + .item.item-thumbnail .item-image { + line-height: 130px; + height: 160px; + } + .item.item-thumbnail .item-desc { + font-size: 14px; + } + .item.item-thumbnail .item-price { + font-size: 18px; + } + .item.item-thumbnail .item-discount-price { + font-size: 14px; + } + .category-container .category-sidebar { + width: 280px; + padding: 25px; + } + .category-container .category-sidebar + .category-detail { + margin-left: 280px; + } + .category-item.full { + width: 340px; + } + .category-item.full + .category-item { + margin-left: 340px; + } + .category-sidebar .category-list > li > a { + line-height: 26px; + } + .category-sidebar .category-list > li.list-header { + font-size: 14px; + } + .category-item.full { + height: 618px; + } + .category-item.full .item .item-cover img { + height: 100%; + } + .category-item.full .item .item-title { + line-height: 28px; + font-size: 20px; + } + .category-item.full .item .item-desc { + font-size: 16px; + } + .category-item.full .item .item-price { + font-size: 32px; + } + .policy .policy-info h4 { + font-size: 18px; + line-height: 28px; + } + .policy .policy-info p { + font-size: 16px; + } + .policy .policy-icon { + font-size: 48px; + } + .social .social-intro h4, + .subscription .subscription-intro h4 { + font-size: 20px; + } + .social .social-list a { + font-size: 28px; + } + .footer { + font-size: 16px; + padding: 45px 0; + } + .footer-header { + font-size: 18px; + } + .footer .fa-li, .footer p, .footer ul { + line-height: 28px; + } + .footer .list-product .info .info-title { + font-size: 16px; + margin: 5px 0 0; + } + .footer .list-product .info { + margin-left: 85px; + } + .footer .list-product .image { + width: 72px; + height: 54px; + line-height: 54px; + } + .footer-copyright { + font-size: 16px; + padding: 20px 0; + } + .footer-copyright .copyright { + line-height: 40px; + } + .footer-copyright .payment-method img { + max-height: 40px; + } + .breadcrumb { + font-size: 16px !important; + } + .product-thumbnail { + width: 120px; + padding: 25px; + max-height: 600px; + } + .product-main-image { + max-height: 600px; + margin-left: 120px; + height: 600px; + padding: 25px; + width: 500px; + } + .product-thumbnail-list > li a { + height: 80px; + padding: 10px; + line-height: 58px; + } + .product-title { + font-size: 26px; + line-height: 40px; + } + .product-title .label { + max-width: 80px; + padding: 6px; + font-size: 14px; + margin-bottom: 5px; + } + .product-info { + padding: 25px; + font-size: 16px; + } + .product-info-list { + line-height: 28px; + } + .product-social ul > li > a { + width: 46px; + height: 46px; + line-height: 46px; + font-size: 24px; + } + .product-price .price { + font-size: 46px; + } + .product-discount .discount { + font-size: 24px; + } + .btn-group-lg > .btn, + .btn-lg { + font-size: 24px; + padding: 14px 25px; + } + .product-tab .nav.nav-tabs { + font-size: 20px; + } + .product-tab .nav.nav-tabs > li > a { + padding: 15px 25px; + } + .product-desc .desc p { + font-size: 18px; + line-height: 30px; + } + .search-toolbar { + padding: 20px; + } + .search-toolbar .sort-list, .search-toolbar h4 { + font-size: 16px; + line-height: 24px; + } + .search-container .search-sidebar { + padding: 20px; + font-size: 16px; + } + .search-container .search-sidebar .title { + padding: 15px 20px; + font-size: 16px; + margin-left: -20px; + margin-right: -20px; + } + .search-category-list > li > a { + line-height: 28px; + } + .pagination > li > a, + .pagination > li > span { + padding: 9px 15px; + } + .step .title { + font-size: 18px; + } + .step .desc { + font-size: 16px; + } + .step .number { + font-size: 30px; + width: 40px; + height: 30px; + line-height: 30px; + } + .step .info { + margin-left: 50px; + } + .table.table-cart th { + font-size: 18px; + padding-bottom: 10px; + } + .table.table-cart .cart-product .product-img { + width: 160px; + } + .table.table-cart .cart-product .product-info { + margin-left: 170px; + padding: 5px 25px; + } + .table.table-cart .cart-product .product-info .title { + font-size: 20px; + } + .table.table-cart .cart-product .product-info .desc { + font-size: 16px; + } + .table.table-cart .cart-price, + .table.table-cart .cart-total, + .summary-container .field, + .summary-container .value { + font-size: 18px; + } + .cart-qty .qty-desc { + font-size: 16px; + } + .checkout-info-list { + font-size: 16px; + } + .checkout-title { + font-size: 18px; + } + .checkout .payment-type { + font-size: 44px; + } + .checkout-message h1 { + font-size: 44px; + } + .checkout-message h1 small { + font-size: 24px; + } + .table.table-payment-summary td, .table.table-payment-summary th { + font-size: 18px; + padding: 15px; + } + .table.table-payment-summary .product-summary .product-summary-info .title { + font-size: 18px; + } + .table.table-payment-summary .product-summary .product-summary-info .desc { + font-size: 16px; + } + .account-container .account-body h4 { + font-size: 24px; + line-height: 34px; + } + .account-container .account-sidebar .account-sidebar-content h4 { + font-size: 28px; + } + .h4, h4 { + font-size: 28px; + } + .f-s-13 { + font-size: 16px !important; + } + .btn-icon, .btn.btn-icon { + font-size: 18px; + width: 36px; + height: 36px; + line-height: 36px; + } + .about-us p { + font-size: 36px; + } + .about-us-content > .desc { + font-size: 24px; + } + .about-us-content .service .title { + font-size: 28px; + } + .about-us-content .service .desc { + font-size: 18px; + } + .panel-heading { + padding: 15px 20px; + } + .panel-body { + padding: 20px; + } + .panel-title { + font-size: 16px; + line-height: 28px; + } +} + +@media (max-width: 1199px) and (min-width: 992px) { + .header-nav .nav > li > a { + padding: 10px; + } +} + +@media (max-width: 991px) { + .header-nav .nav > li > a { + padding: 10px; + font-size: 12px; + } + .header-nav .nav.pull-right { + margin-right: -15px; + } + .header-logo { + width: auto; + } + .header-logo .brand { + border-width: 13px; + margin-top: 5px; + margin-bottom: 5px; + margin-right: 10px; + } + .header-logo a { + font-size: 18px; + } + .header-logo a small { + font-size: 11px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .header .user-img { + margin-right: 0; + } + .footer .row > [class*="col-"] + [class*="col-"] { + margin-top: 30px; + } + .footer { + padding: 20px 0; + } + .category-container .category-sidebar + .category-detail, + .category-item.full + .category-item { + margin-left: 0; + } + .category-item.full { + float: none; + width: auto; + } + .category-item.list { + border-top: 1px solid #ccc; + } + .category-detail .item { + margin-bottom: 0; + } + .account-container .account-sidebar { + width: 240px; + } + .account-container .account-body { + margin-left: 240px; + } + .product-thumbnail { + width: 80px; + padding: 10px; + } + .product-image { + width: 380px; + } + .product-main-image { + margin-left: 80px; + width: 300px; + } +} + +@media (max-width: 768px) { + .promotion { + margin-bottom: 10px; + } + .item.item-thumbnail { + margin-bottom: 10px; + } + .social .social-list, + .social .social-intro, + .subscription .subscription-intro, + .subscription .subscription-form { + display: block; + width: auto; + padding: 0 30px 0 0; + text-align: left; + } + .social .social-intro, + .subscription .subscription-intro { + margin-bottom: 15px; + } + .account-container .account-sidebar { + width: auto; + position: relative; + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; + } + .account-container .account-sidebar .account-sidebar-cover img { + max-height: inherit; + max-width: 100%; + } + .account-container .account-body { + margin: 0; + } + .breadcrumb > li { + line-height: 20px; + } + .product-image:before, + .product-image:after { + content: ''; + display: table; + clear: both; + } + .product-image { + position: relative; + border-bottom: 1px solid #D8E0E4; + } + .product-image, .product-info { + display: block; + width: auto; + } + .product-thumbnail { + position: absolute; + left: 0; + top: 0; + bottom: 0; + overflow: scroll; + border-right: 1px solid #D8E0E4; + } + .product-main-image { + width: auto; + } + .product-info { + padding: 20px; + } + .product-tab { + margin: 0; + } + .product-tab .nav.nav-tabs { + border-top: 1px solid #D8E0E4; + font-size: 14px; + white-space: nowrap; + overflow: scroll; + } + .product-tab .tab-content { + padding: 20px; + } + .product-desc { + padding: 0; + } + .product-desc .image, + .product-desc.right .image, + .product-desc .desc, + .product-desc.right .desc { + padding: 0; + float: none; + width: auto; + text-align: center; + } + .product-desc .image { + margin-bottom: 15px; + } + .product-desc .desc p { + font-size: 14px; + line-height: 20px; + } + .product-desc .desc h4 { + margin: 0 0 10px; + font-size: 28px; + } + .table.table-product { + font-size: 12px; + } + .table.table-product.table-striped th, .table.table-product.table-striped td { + padding: 10px 15px; + } + .table.table-product th, + .table.table-product .field { + width: auto; + font-size: 16px; + } + .review-form { + margin: 20px -20px -20px; + padding: 20px; + border-top: 1px solid #c5ced4; + font-size: 12px; + } + .review-form h2 { + font-size: 18px; + margin-bottom: 15px; + } + .product-purchase-container { + position: fixed; + left: 0; + bottom: 0; + right: 0; + padding: 20px; + background: #fff; + z-index: 1020; + border-top: 1px solid rgba(0,0,0,0.25); + } + .product-purchase-container .product-discount, + .product-purchase-container .product-price { + position: absolute; + left: 20px; + top: 15px; + } + .product-purchase-container .product-discount + .product-price { + top: 30px; + } + .product-purchase-container .btn { + float: right; + } +} + +@media (max-width: 767px) { + .header-logo .brand { + margin-left: 15px; + border-width: 10px; + } + .header-logo { + height: 60px; + } + .header-nav .nav > li > a { + line-height: 40px; + padding: 10px; + } + .header-logo .brand { + margin-left: 10px; + margin-right: 7px; + } + .header-logo a { + font-size: 16px; + } + .header-nav .nav > li.divider { + margin: 18px 0; + } + .navbar-toggle { + float: left; + } + .header .user-img { + margin: 0; + float: none; + } + .header-cart i { + line-height: 40px; + } + .header-cart .total { + position: absolute; + right: 5px; + } + .header .dropdown.dropdown-hover:hover .dropdown-menu, + .header .dropdown.dropdown-hover:focus .dropdown-menu, + .header .dropdown.dropdown-hover:hover .arrow, + .header .dropdown.dropdown-hover:focus .arrow { + display: none; + } + .header .dropdown.dropdown-hover.open .dropdown-menu, + .header .dropdown.dropdown-hover.open .arrow { + display: block; + } + .navbar-collapse { + position: absolute; + left: 0; + right: 0; + top: 60px; + background: #fff; + padding: 0; + border-top: 1px solid #eee; + -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15); + box-shadow: 0 2px 2px rgba(0,0,0,.15); + } + .navbar-collapse .nav > li { + float: none; + } + .navbar-collapse .nav > li > a { + line-height: 30px; + padding: 10px 15px; + } + .navbar-collapse .nav > li + li { + border-top: 1px solid #eee; + } + .navbar-collapse .dropdown-menu { + max-width: inherit; + width: 100%; + background: #f9f9f9; + border-bottom: 1px solid #eee; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + margin-bottom: 10px; + } + .dropdown-menu-sidebar { + display: block; + width: auto; + max-width: inherit; + } + .dropdown-menu-container { + min-width: inherit; + display: block; + } + .dropdown-menu-sidebar + .dropdown-menu-content { + border-top: 1px solid #CCD0D4; + border-left: none; + padding-left: 20px; + } + .dropdown-menu-content { + padding: 20px; + display: block; + } + .dropdown-brand-list { + white-space: initial; + } + .dropdown-menu.dropdown-menu-cart { + margin-right: 0; + width: 320px; + margin-top: 10px; + } + .dropdown .header-cart .arrow.top:before, + .dropdown .header-cart .arrow.top:after { + top: 36px; + } + .slider .carousel, + .carousel .carousel-inner, + .carousel .carousel-inner .item { + min-height: 300px; + } + .carousel .product-img.left, + .carousel .product-img.right { + left: 10%; + right: 10%; + max-width: 80%; + } + .carousel .carousel-caption, + .carousel .carousel-caption.carousel-caption-left, + .carousel .carousel-caption.carousel-caption-right { + text-align: center; + top: 0; + bottom: 0; + background: rgba(0,0,0,0.35); + } + .footer-copyright .copyright, + .footer-copyright .payment-method { + float: none; + text-align: center; + } + .footer-copyright .payment-method { + padding: 10px 0; + } + .section-container { + padding: 20px 0; + } + .page-header-container .page-header { + font-size: 18px; + } + .search-container .search-sidebar, + .search-container .search-content { + float: none; + width: auto; + margin: 0; + } + .search-container .search-sidebar { + margin-bottom: 10px; + } + .search-container .search-content { + padding: 0; + } + .search-item-container { + border: none; + } + .search-item-container .item-row .item { + float: none; + width: 100%; + border: 1px solid #c5ced4; + } + .search-toolbar .sort-list { + float: left; + text-align: left; + margin-top: 10px; + } + .search-toolbar .sort-list .text { + display: block; + } + .search-toolbar .sort-list > li { + margin-right: 10px; + } + .search-toolbar .sort-list > li + li { + margin-left: 0; + } + .about-us h1 { + font-size: 48px; + margin: 0 0 15px; + } + .about-us p { + font-size: 18px; + margin: 0; + } + .about-us-content { + margin-top: 15px; + } + .about-us-content > .title { + font-size: 28px; + } + .about-us-content > .desc { + font-size: 14px; + font-weight: normal; + } + .about-us-content .service { + padding: 10px; + } + .section-container.has-bg .cover-bg img { + max-width: inherit; + max-height: 100%; + } + .product-detail { + display: block; + } + .header.header-inverse .navbar-collapse { + background: #363D44; + } + .header.header-inverse .navbar-collapse, + .header.header-inverse .navbar-collapse .nav > li + li { + border-top: 1px solid rgba(0,0,0,0.25); + } + .header.header-inverse .navbar-toggle { + border-right-color: rgba(0,0,0,0.25); + } + .header.header-inverse .navbar-toggle .icon-bar { + background: rgba(255,255,255,0.25); + } +} + +@media (max-width: 480px) { + .carousel-caption .price { + margin-bottom: 0 !important; + } + .carousel-caption .title { + font-size: 48px; + } + .carousel-caption p, + .carousel-caption .price small { + font-size: 18px; + } + .carousel-caption .price { + font-size: 28px; + } + .carousel-caption .container { + padding: 0; + } + .section-title { + font-size: 18px; + } + .section-title a.pull-right { + padding: 6px 10px; + margin: 0 0 0 10px; + } + .section-title small { + display: block; + line-height: 18px; + margin: 3px 0 0 0; + font-size: 13px; + } + body .category-container { + border: none; + background: none; + } + .category-container .category-sidebar { + display: none; + } + body .category-container .category-sidebar + .category-detail, + body .category-item.full + .category-item { + margin: 0; + } + body .category-item.full { + float: none; + width: auto; + height: auto; + margin: 0 0 10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + body .category-item.full .item .item-info { + position: relative; + } + body .category-item.full .item .item-cover img { + max-height: inherit; + max-width: 100%; + } + body .category-item.list .item { + float: none; + width: auto; + height: auto; + border: 1px solid #c5ced4; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + #policy .row > div + div { + border-top: 1px solid #ddd; + padding-top: 30px; + margin-top: 30px; + } + #subscribe .row > div + div { + border-top: 1px solid #ddd; + padding-top: 30px; + margin-top: 30px; + } + .category-item.list { + border-top: none; + } + .category-detail .item { + margin-bottom: 10px; + } + .category-detail .full .item { + margin: 0; + } + .checkout-footer { + text-align: center; + } + .checkout-footer .pull-left, + .checkout-footer .pull-right { + float: none !important; + } + .checkout-footer .btn { + max-width: 200px; + margin-left: auto !important; + margin-right: auto !important; + display: block; + } + .checkout-footer .btn + .btn { + margin-top: 10px; + } + .checkout-header .row > div + div { + border: none; + border-top: 1px solid #3E4A52; + padding-top: 10px; + margin-top: 10px; + } + .product-main-image { + height: 300px; + width: auto; + } +} + +@media (max-width: 400px) { + .dropdown-menu.dropdown-menu-cart { + margin-right: -57px; + } + .checkout-body { + padding: 20px; + } + .checkout-message { + padding: 0; + } + .table.table-payment-summary { + margin-bottom: 15px; + } + .table.table-payment-summary th, + .table.table-payment-summary td { + font-size: 14px; + display: block; + width: 100% !important; + text-align: left !important; + padding-left: 0; + padding-right: 0; + } + .table.table-payment-summary td:before, + .table.table-payment-summary td:after { + content: ''; + display: table; + clear: both; + } + .table.table-payment-summary .product .product-img { + width: 80px; + } + .table.table-payment-summary .product .product-info { + margin-left: 90px; + } + .table.table-payment-summary .field { + padding-bottom: 0; + } + .table.table-payment-summary .value { + border-top: none; + padding-top: 0px; + } + .table.table-payment-summary .product { + padding-top: 5px; + } +} \ No newline at end of file diff --git a/public/assets/css/e-commerce/style-responsive.min.css b/public/assets/css/e-commerce/style-responsive.min.css new file mode 100755 index 0000000..c22acc5 --- /dev/null +++ b/public/assets/css/e-commerce/style-responsive.min.css @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/@media (min-width: 1920px){body{font-size:16px}.container{width:1360px}.top-nav .dropdown-menu > li > a,.top-nav .nav > li > a{font-size:16px;line-height:28px}.top-nav .nav > li > a .f-s-14{font-size:18px!important}.top-nav .flag-img{height:16px;margin-right:10px}.header-logo{height:100px;width:300px}.header-logo a{font-size:26px}.header-logo a small{font-size:15px}.header-nav .nav > li > a{line-height:80px}.header-logo .brand{border-width:20px;margin:5px 15px 5px 10px}.header-nav{font-size:18px}.header-cart i{font-size:28px;line-height:80px}.header-cart .total{font-size:14px;width:24px;height:24px;line-height:24px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.header .user-img{width:46px;height:46px;margin:17px 10px 17px 0}.header-nav .nav>li.divider{height:40px;margin:30px 0}.dropdown-menu{font-size:16px}.header .dropdown-menu{min-width:280px;padding:0 20px}.header .dropdown-menu > li > a{padding:12px 0;line-height:28px}.dropdown-menu-container .title{font-size:18px}.dropdown-menu-list > li > a{line-height:28px;font-size:18px}.dropdown-brand-list>li a{height:80px;line-height:80px;max-width:150px}.theme-panel{width:248px;right:-248px}.theme-panel .theme-list > li + li{margin-left:7px}.theme-panel .theme-list > li > a{width:40px;height:40px}.theme-panel .theme-panel-content{padding:10px}.theme-panel .theme-collapse-btn{width:60px;height:60px;left:-60px;margin-top:-30px;font-size:24px;line-height:60px}.theme-panel .theme-list > li.active > a:before{font-size:20px;line-height:40px}.tooltip{font-size:16px}.form-control{font-size:16px;height:44px}.btn{font-size:16px;padding:10px 15px}.dropdown-menu.dropdown-menu-cart{margin-right:-172px;width:420px}.cart-title{font-size:16px}.cart-item-image{width:100px;height:80px;line-height:64px}.cart-item > li h4{line-height:24px;font-size:18px}.cart-item > li .price{font-size:18px}.cart-item > li + li{padding-top:15px;margin-top:15px}.carousel .carousel-inner,.carousel .carousel-inner .item,.slider .carousel{min-height:600px}.carousel .product-img{top:60px;max-height:480px}.carousel-caption .title{font-size:84px}.carousel-caption p{font-size:36px}.carousel-caption .price{font-size:48px}.carousel-caption .btn{font-size:24px;padding:15px 45px}.carousel-control{height:80px;width:60px;margin-top:-40px}.carousel-control .glyphicon,.carousel-control i{height:80px;line-height:80px;font-size:42px}.section-title{font-size:28px}.section-title small{font-size:18px}.section-title a.pull-right{font-size:14px;padding:12px 20px;margin:-6px 0}.promotion-lg .promotion-title{font-size:48px}.promotion-lg .promotion-price{font-size:32px}.promotion-lg .promotion-desc{font-size:16px}.promotion-lg .promotion-btn{font-size:16px}.promotion{padding-top:200px}.promotion.promotion-lg{padding-top:410px}.promotion-caption{padding:25px}.promotion-lg .promotion-caption{padding:40px}.promotion-title{font-size:24px}.promotion-price{font-size:22px}.promotion-price small{font-size:14px}.promotion-desc{font-size:14px}.promotion-btn{padding:7px 15px;font-size:14px}.item.item-thumbnail .item-title,.item.item-thumbnail .item-title a{font-size:16px;line-height:22px;max-height:44px}.item.item-thumbnail .item-image{line-height:130px;height:160px}.item.item-thumbnail .item-desc{font-size:14px}.item.item-thumbnail .item-price{font-size:18px}.item.item-thumbnail .item-discount-price{font-size:14px}.category-container .category-sidebar{width:280px;padding:25px}.category-container .category-sidebar + .category-detail{margin-left:280px}.category-item.full{width:340px}.category-item.full + .category-item{margin-left:340px}.category-sidebar .category-list > li > a{line-height:26px}.category-sidebar .category-list > li.list-header{font-size:14px}.category-item.full{height:618px}.category-item.full .item .item-cover img{height:100%}.category-item.full .item .item-title{line-height:28px;font-size:20px}.category-item.full .item .item-desc{font-size:16px}.category-item.full .item .item-price{font-size:32px}.policy .policy-info h4{font-size:18px;line-height:28px}.policy .policy-info p{font-size:16px}.policy .policy-icon{font-size:48px}.social .social-intro h4,.subscription .subscription-intro h4{font-size:20px}.social .social-list a{font-size:28px}.footer{font-size:16px;padding:45px 0}.footer-header{font-size:18px}.footer .fa-li,.footer p,.footer ul{line-height:28px}.footer .list-product .info .info-title{font-size:16px;margin:5px 0 0}.footer .list-product .info{margin-left:85px}.footer .list-product .image{width:72px;height:54px;line-height:54px}.footer-copyright{font-size:16px;padding:20px 0}.footer-copyright .copyright{line-height:40px}.footer-copyright .payment-method img{max-height:40px}.breadcrumb{font-size:16px!important}.product-thumbnail{width:120px;padding:25px;max-height:600px}.product-main-image{max-height:600px;margin-left:120px;height:600px;padding:25px;width:500px}.product-thumbnail-list > li a{height:80px;padding:10px;line-height:58px}.product-title{font-size:26px;line-height:40px}.product-title .label{max-width:80px;padding:6px;font-size:14px;margin-bottom:5px}.product-info{padding:25px;font-size:16px}.product-info-list{line-height:28px}.product-social ul > li > a{width:46px;height:46px;line-height:46px;font-size:24px}.product-price .price{font-size:46px}.product-discount .discount{font-size:24px}.btn-group-lg > .btn,.btn-lg{font-size:24px;padding:14px 25px}.product-tab .nav.nav-tabs{font-size:20px}.product-tab .nav.nav-tabs > li > a{padding:15px 25px}.product-desc .desc p{font-size:18px;line-height:30px}.search-toolbar{padding:20px}.search-toolbar .sort-list,.search-toolbar h4{font-size:16px;line-height:24px}.search-container .search-sidebar{padding:20px;font-size:16px}.search-container .search-sidebar .title{padding:15px 20px;font-size:16px;margin-left:-20px;margin-right:-20px}.search-category-list > li > a{line-height:28px}.pagination > li > a,.pagination > li > span{padding:9px 15px}.step .title{font-size:18px}.step .desc{font-size:16px}.step .number{font-size:30px;width:40px;height:30px;line-height:30px}.step .info{margin-left:50px}.table.table-cart th{font-size:18px;padding-bottom:10px}.table.table-cart .cart-product .product-img{width:160px}.table.table-cart .cart-product .product-info{margin-left:170px;padding:5px 25px}.table.table-cart .cart-product .product-info .title{font-size:20px}.table.table-cart .cart-product .product-info .desc{font-size:16px}.table.table-cart .cart-price,.table.table-cart .cart-total,.summary-container .field,.summary-container .value{font-size:18px}.cart-qty .qty-desc{font-size:16px}.checkout-info-list{font-size:16px}.checkout-title{font-size:18px}.checkout .payment-type{font-size:44px}.checkout-message h1{font-size:44px}.checkout-message h1 small{font-size:24px}.table.table-payment-summary td,.table.table-payment-summary th{font-size:18px;padding:15px}.table.table-payment-summary .product-summary .product-summary-info .title{font-size:18px}.table.table-payment-summary .product-summary .product-summary-info .desc{font-size:16px}.account-container .account-body h4{font-size:24px;line-height:34px}.account-container .account-sidebar .account-sidebar-content h4{font-size:28px}.h4,h4{font-size:28px}.f-s-13{font-size:16px!important}.btn-icon,.btn.btn-icon{font-size:18px;width:36px;height:36px;line-height:36px}.about-us p{font-size:36px}.about-us-content > .desc{font-size:24px}.about-us-content .service .title{font-size:28px}.about-us-content .service .desc{font-size:18px}.panel-heading{padding:15px 20px}.panel-body{padding:20px}.panel-title{font-size:16px;line-height:28px}}@media (max-width: 1199px) and (min-width: 992px){.header-nav .nav > li > a{padding:10px}}@media (max-width: 991px){.header-nav .nav > li > a{padding:10px;font-size:12px}.header-nav .nav.pull-right{margin-right:-15px}.header-logo{width:auto}.header-logo .brand{border-width:13px;margin-top:5px;margin-bottom:5px;margin-right:10px}.header-logo a{font-size:18px}.header-logo a small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .user-img{margin-right:0}.footer .row > [class*="col-"] + [class*="col-"]{margin-top:30px}.footer{padding:20px 0}.category-container .category-sidebar + .category-detail,.category-item.full + .category-item{margin-left:0}.category-item.full{float:none;width:auto}.category-item.list{border-top:1px solid #ccc}.category-detail .item{margin-bottom:0}.account-container .account-sidebar{width:240px}.account-container .account-body{margin-left:240px}.product-thumbnail{width:80px;padding:10px}.product-image{width:380px}.product-main-image{margin-left:80px;width:300px}}@media (max-width: 768px){.promotion{margin-bottom:10px}.item.item-thumbnail{margin-bottom:10px}.social .social-list,.social .social-intro,.subscription .subscription-intro,.subscription .subscription-form{display:block;width:auto;padding:0 30px 0 0;text-align:left}.social .social-intro,.subscription .subscription-intro{margin-bottom:15px}.account-container .account-sidebar{width:auto;position:relative;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.account-container .account-sidebar .account-sidebar-cover img{max-height:inherit;max-width:100%}.account-container .account-body{margin:0}.breadcrumb > li{line-height:20px}.product-image:before,.product-image:after{content:'';display:table;clear:both}.product-image{position:relative;border-bottom:1px solid #D8E0E4}.product-image,.product-info{display:block;width:auto}.product-thumbnail{position:absolute;left:0;top:0;bottom:0;overflow:scroll;border-right:1px solid #D8E0E4}.product-main-image{width:auto}.product-info{padding:20px}.product-tab{margin:0}.product-tab .nav.nav-tabs{border-top:1px solid #D8E0E4;font-size:14px;white-space:nowrap;overflow:scroll}.product-tab .tab-content{padding:20px}.product-desc{padding:0}.product-desc .image,.product-desc.right .image,.product-desc .desc,.product-desc.right .desc{padding:0;float:none;width:auto;text-align:center}.product-desc .image{margin-bottom:15px}.product-desc .desc p{font-size:14px;line-height:20px}.product-desc .desc h4{margin:0 0 10px;font-size:28px}.table.table-product{font-size:12px}.table.table-product.table-striped th,.table.table-product.table-striped td{padding:10px 15px}.table.table-product th,.table.table-product .field{width:auto;font-size:16px}.review-form{margin:20px -20px -20px;padding:20px;border-top:1px solid #c5ced4;font-size:12px}.review-form h2{font-size:18px;margin-bottom:15px}.product-purchase-container{position:fixed;left:0;bottom:0;right:0;padding:20px;background:#fff;z-index:1020;border-top:1px solid rgba(0,0,0,0.25)}.product-purchase-container .product-discount,.product-purchase-container .product-price{position:absolute;left:20px;top:15px}.product-purchase-container .product-discount + .product-price{top:30px}.product-purchase-container .btn{float:right}}@media (max-width: 767px){.header-logo .brand{margin-left:15px;border-width:10px}.header-logo{height:60px}.header-nav .nav > li > a{line-height:40px;padding:10px}.header-logo .brand{margin-left:10px;margin-right:7px}.header-logo a{font-size:16px}.header-nav .nav > li.divider{margin:18px 0}.navbar-toggle{float:left}.header .user-img{margin:0;float:none}.header-cart i{line-height:40px}.header-cart .total{position:absolute;right:5px}.header .dropdown.dropdown-hover:hover .dropdown-menu,.header .dropdown.dropdown-hover:focus .dropdown-menu,.header .dropdown.dropdown-hover:hover .arrow,.header .dropdown.dropdown-hover:focus .arrow{display:none}.header .dropdown.dropdown-hover.open .dropdown-menu,.header .dropdown.dropdown-hover.open .arrow{display:block}.navbar-collapse{position:absolute;left:0;right:0;top:60px;background:#fff;padding:0;border-top:1px solid #eee;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.15);box-shadow:0 2px 2px rgba(0,0,0,.15)}.navbar-collapse .nav > li{float:none}.navbar-collapse .nav > li > a{line-height:30px;padding:10px 15px}.navbar-collapse .nav > li + li{border-top:1px solid #eee}.navbar-collapse .dropdown-menu{max-width:inherit;width:100%;background:#f9f9f9;border-bottom:1px solid #eee;position:relative;-webkit-box-shadow:none;box-shadow:none;margin-bottom:10px}.dropdown-menu-sidebar{display:block;width:auto;max-width:inherit}.dropdown-menu-container{min-width:inherit;display:block}.dropdown-menu-sidebar + .dropdown-menu-content{border-top:1px solid #CCD0D4;border-left:none;padding-left:20px}.dropdown-menu-content{padding:20px;display:block}.dropdown-brand-list{white-space:initial}.dropdown-menu.dropdown-menu-cart{margin-right:0;width:320px;margin-top:10px}.dropdown .header-cart .arrow.top:before,.dropdown .header-cart .arrow.top:after{top:36px}.slider .carousel,.carousel .carousel-inner,.carousel .carousel-inner .item{min-height:300px}.carousel .product-img.left,.carousel .product-img.right{left:10%;right:10%;max-width:80%}.carousel .carousel-caption,.carousel .carousel-caption.carousel-caption-left,.carousel .carousel-caption.carousel-caption-right{text-align:center;top:0;bottom:0;background:rgba(0,0,0,0.35)}.footer-copyright .copyright,.footer-copyright .payment-method{float:none;text-align:center}.footer-copyright .payment-method{padding:10px 0}.section-container{padding:20px 0}.page-header-container .page-header{font-size:18px}.search-container .search-sidebar,.search-container .search-content{float:none;width:auto;margin:0}.search-container .search-sidebar{margin-bottom:10px}.search-container .search-content{padding:0}.search-item-container{border:none}.search-item-container .item-row .item{float:none;width:100%;border:1px solid #c5ced4}.search-toolbar .sort-list{float:left;text-align:left;margin-top:10px}.search-toolbar .sort-list .text{display:block}.search-toolbar .sort-list > li{margin-right:10px}.search-toolbar .sort-list > li + li{margin-left:0}.about-us h1{font-size:48px;margin:0 0 15px}.about-us p{font-size:18px;margin:0}.about-us-content{margin-top:15px}.about-us-content > .title{font-size:28px}.about-us-content > .desc{font-size:14px;font-weight:400}.about-us-content .service{padding:10px}.section-container.has-bg .cover-bg img{max-width:inherit;max-height:100%}.product-detail{display:block}.header.header-inverse .navbar-collapse{background:#363D44}.header.header-inverse .navbar-collapse,.header.header-inverse .navbar-collapse .nav > li + li{border-top:1px solid rgba(0,0,0,0.25)}.header.header-inverse .navbar-toggle{border-right-color:rgba(0,0,0,0.25)}.header.header-inverse .navbar-toggle .icon-bar{background:rgba(255,255,255,0.25)}}@media (max-width: 480px){.carousel-caption .price{margin-bottom:0!important}.carousel-caption .title{font-size:48px}.carousel-caption p,.carousel-caption .price small{font-size:18px}.carousel-caption .price{font-size:28px}.carousel-caption .container{padding:0}.section-title{font-size:18px}.section-title a.pull-right{padding:6px 10px;margin:0 0 0 10px}.section-title small{display:block;line-height:18px;margin:3px 0 0;font-size:13px}body .category-container{border:none;background:none}.category-container .category-sidebar{display:none}body .category-container .category-sidebar + .category-detail,body .category-item.full + .category-item{margin:0}body .category-item.full{float:none;width:auto;height:auto;margin:0 0 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}body .category-item.full .item .item-info{position:relative}body .category-item.full .item .item-cover img{max-height:inherit;max-width:100%}body .category-item.list .item{float:none;width:auto;height:auto;border:1px solid #c5ced4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#policy .row > div + div{border-top:1px solid #ddd;padding-top:30px;margin-top:30px}#subscribe .row > div + div{border-top:1px solid #ddd;padding-top:30px;margin-top:30px}.category-item.list{border-top:none}.category-detail .item{margin-bottom:10px}.category-detail .full .item{margin:0}.checkout-footer{text-align:center}.checkout-footer .pull-left,.checkout-footer .pull-right{float:none!important}.checkout-footer .btn{max-width:200px;margin-left:auto!important;margin-right:auto!important;display:block}.checkout-footer .btn + .btn{margin-top:10px}.checkout-header .row > div + div{border:none;border-top:1px solid #3E4A52;padding-top:10px;margin-top:10px}.product-main-image{height:300px;width:auto}}@media (max-width: 400px){.dropdown-menu.dropdown-menu-cart{margin-right:-57px}.checkout-body{padding:20px}.checkout-message{padding:0}.table.table-payment-summary{margin-bottom:15px}.table.table-payment-summary th,.table.table-payment-summary td{font-size:14px;display:block;width:100%!important;text-align:left!important;padding-left:0;padding-right:0}.table.table-payment-summary td:before,.table.table-payment-summary td:after{content:'';display:table;clear:both}.table.table-payment-summary .product .product-img{width:80px}.table.table-payment-summary .product .product-info{margin-left:90px}.table.table-payment-summary .field{padding-bottom:0}.table.table-payment-summary .value{border-top:none;padding-top:0}.table.table-payment-summary .product{padding-top:5px}} \ No newline at end of file diff --git a/public/assets/css/e-commerce/style.css b/public/assets/css/e-commerce/style.css new file mode 100755 index 0000000..d58764e --- /dev/null +++ b/public/assets/css/e-commerce/style.css @@ -0,0 +1,3869 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ + +:: 1.0 General Reset & Setup +------------------------------------------- + 1.1 Reset and overrides + +:: 2.0 Top Navbar +------------------------------------------- + 2.1 Top Navbar Element Setting + +:: 3.0 Header +------------------------------------------- + 3.1 Header Element Setting + 3.2 Header Logo Setting + 3.3 Header Nav Setting + 3.4 Header Cart Setting + 3.5 Header Dropdown Setting + 3.6 Header Inverse Setting + 3.7 Navbar Toggle Setting + 3.8 Header Cart Setting + +:: 4.0 Footer +------------------------------------------- + 4.1 Footer Setting + +:: 5.0 Footer Copyright +------------------------------------------- + 5.1 Footer Copyright Setting + +:: 6.0 Footer Policy, Social & Subscription +------------------------------------------- + 6.1 Footer Policy Element Setting + 6.2 Social & Subscription Element Setting + +:: 7.0 Page Element Setting +------------------------------------------- + 7.1 Section Container Setting + 7.2 Breadcrumb Setting + 7.3 Page Header Setting + +:: 8.0 Pace Page Loader Setting +------------------------------------------- + 8.1 Pace Loader Element Setting + +:: 9.0 Home Page Element Setting +------------------------------------------- + 9.1 Carousel Element Setting + 9.2 Item Element Setting + 9.3 Promotion Element Setting + 9.4 Category Element Setting + +:: 10.0 Search Results Page +------------------------------------------- + 10.1 Search Container Element Setting + 10.2 Search Toolbar Setting + 10.3 Search Item Container Setting + +:: 11.0 Checkout Page +------------------------------------------- + 11.1 Checkout Element Setting + 11.2 Checkout Payment Type Setting + 11.3 Checkout Question List Setting + 11.4 Checkout Step Setting + 11.5 Checkout Table Cart Setting + 11.6 Checkout Cart Qty Setting + 11.7 Checkout Summary Setting + 11.8 Checkout Message Setting + +:: 12.0 Product Page +------------------------------------------- + 12.1 Product Element Setting + 12.2 Product Thumbnail Setting + 12.3 Product Image Setting + 12.4 Product Info Setting + 12.5 Product Availability Setting + 12.6 Product Info List Setting + 12.7 Product Category Setting + 12.8 Product Price Setting + 12.9 Product Warranty Setting + 12.10 Product Discount Setting + 12.11 Product Social Setting + 12.12 Product Tab Setting + 12.13 Product Desc Setting + 12.14 Product Table Setting + 12.15 Product Review Setting + +:: 13.0 About Us Page +------------------------------------------- + 13.1 About Us Element Setting + 13.2 About Us Content Setting + +:: 14.0 My Account Page +------------------------------------------- + 14.1 My Account Page Element Setting + +:: 15.0 Bootstrap Component Setting +------------------------------------------- + 15.1 Component - Panel + 15.2 Component - Panel - Panel Expand + 15.3 Component - Panel - Panel loading + 15.3.1 Component - Button - Default + 15.3.2 Component - Button - White + 15.3.3 Component - Button - Inverse + 15.3.4 Component - Button - Primary + 15.3.5 Component - Button - Success + 15.3.6 Component - Button - Warning + 15.3.7 Component - Button - Danger + 15.3.8 Component - Button - Info + 15.4 Component - Modal Setting + 15.5 Component - Button + 15.6 Component - Form Label Setting + 15.7 Component - Form Control Setting + 15.8 Component - Badge & Label Setting + 15.9 Component - Pagination & pager + 15.10 Component - Dropdown Menu Setting + 15.11 Component - Dropdown Menu Container Setting + 15.12 Component - Dropdown Brand List Setting + 15.13 Component - Theme Panel + +:: 16.0 Predefined CSS Setting +------------------------------------------- + 16.1 Predefined Classes +*/ + + +/* ------------------------------- + 1.0 General Reset & Setup +------------------------------- */ + +/* 1.1 Reset and Overrides */ + +body { + background: #fff; + font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; + -webkit-font-smoothing: antialiased; +} +.dropdown.dropdown-hover:hover .dropdown-menu, +.dropdown.dropdown-hover:focus .dropdown-menu { + display: block +} +a { + color: #00acac; + -webkit-transition: all 0.2s cubic-bezier(0.6, 0.045, 0.4, 1); + -moz-transition: all 0.2s cubic-bezier(0.6, 0.045, 0.4, 1); + transition: all 0.2s cubic-bezier(0.6, 0.045, 0.4, 1); +} +a:hover, +a:focus, +a:active { + color: #008a8a; +} +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + font-weight: 600; +} + + + +/* ------------------------------- + 2.0 Top Navbar +------------------------------- */ + +/* 2.1 Top Navbar Element Setting */ + +.top-nav { + background: #242A30; + z-index: 1040; + position: relative; +} +.top-nav .nav > li > a { + font-size: 12px; + line-height: 20px; + padding: 10px; + color: #fff; + -webkit-transition: opacity 0.2s cubic-bezier(0.6, 0.045, 0.4, 1); + -moz-transition: opacity 0.2s cubic-bezier(0.6, 0.045, 0.4, 1); + transition: opacity 0.2s cubic-bezier(0.6, 0.045, 0.4, 1); +} +.top-nav .nav:first-child { + margin-left: -15px; +} +.top-nav .nav > li > a:hover, +.top-nav .nav > li > a:focus { + background: none; + color: #fff; + opacity: 0.65; +} +.top-nav .flag-img { + float: left; + margin-top: 4px; + margin-right: 5px; + height: 12px; +} +.top-nav .dropdown-menu .flag-img { + margin-right: 10px; + margin-left: -5px; + width: 20px; +} +.top-nav .dropdown-menu { + background: #2d353c; +} +.top-nav .dropdown-menu > li > a { + line-height: 20px; + color: #fff; +} +.top-nav .dropdown-menu > li > a:hover, +.top-nav .dropdown-menu > li > a:focus { + background: #242A30; +} + + + +/* ------------------------------- + 3.0 Header +------------------------------- */ + +/* 3.1 Header Element Setting */ + +.header { + background: #fff; + padding: 0; + box-shadow: 0 0 2px rgba(0,0,0,.3); + position: relative; + z-index: 1030; +} +.header.header-fixed { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1040; +} +.header .container { + position: relative; +} +.header .header-container { + display: table; + width: 100%; +} +.header-logo, +.header-nav { + display: table-cell; + vertical-align: middle; +} + + +/* 3.2 Header Logo Setting */ + +.header-logo { + width: 240px; + height: 76px; +} +.header-logo img { + max-height: 40px; + max-width: 240px; + display: block; +} +.header-logo a { + color: #212121; + text-decoration: none; + font-size: 20px; +} +.header-logo a span { + color: #009688; +} +.header-logo a small { + display: block; + font-size: 12px; + font-weight: normal; + margin-top: -3px; + color: #666; +} +.header-logo .brand { + float: left; + border: 15px solid transparent; + border-color: #33bdbd #009688 #008a8a; + margin: 6px 12px 6px 10px; + border-radius: 6px; + box-shadow: 0 5px 5px -4px #000; +} + + +/* 3.3 Header Nav Setting */ + +.header-nav .nav > li { + float: left; +} +.header-nav .nav > li > a { + color: #212121; + line-height: 56px; +} +.header-nav .nav > li.divider { + width: 1px; + height: 24px; + margin: 26px 0; + background: #e5e5e5; +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:hover, +.header-nav .nav > li.active > a:focus { + color: #009688; +} +.header-nav .nav > li > a:hover, +.header-nav .nav > li > a:focus, +.header-nav .nav > li.open > a, +.header-nav .nav > li.open > a:hover, +.header-nav .nav > li.open > a:focus { + background: none; + color: #707478; +} + + +/* 3.4 Header Cart Setting */ + +.header-cart { + display: block; + color: #212121; +} +.header-cart .header-cart-icon { + float: right; + font-size: 28px; + height: 48px; + width: 48px; + text-align: center; + line-height: 48px; + position: relative; + margin: -18px -15px -18px 0; +} +.header-cart .header-cart-icon .total { + position: absolute; + top: 12px; + right: 7px; + font-size: 9px; + background: #ff5b57; + color: #fff; + font-weight: bold; + border-radius: 14px; + line-height: 14px; + padding-left: 4px; + padding-right: 4px; +} +.header-cart .header-cart-text { + margin-right: 35px; + line-height: 20px; +} +.header-cart i { + font-size: 20px; + float: left; + line-height: 56px; + margin-right: 5px; +} +.header-cart .total { + font-size: 12px; + color: #fff; + font-weight: bold; + background: #00acac; + display: inline-block; + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + border-radius: 20px; +} + + +/* 3.5 Header Dropdown Setting */ + +.header .dropdown-menu { + margin: 0; + padding: 0 15px; + border-top: 3px solid #00acac; + border-radius: 0 0 4px 4px; + min-width: 240px; +} +.header .dropdown-menu > li > a { + padding: 10px 0; + line-height: 20px; +} +.header .dropdown-menu > li > a:hover, +.header .dropdown-menu > li > a:focus { + background: none; + color: #009688; +} +.header .dropdown-menu > li.arrow + li { + border-top: none; +} +.header .dropdown-menu > li + li { + border-top: 1px solid #e5e5e5; +} +.header .navbar-header + .navbar-collapse { + margin-left: 240px; +} +.header .dropdown-title { + margin: 0 0 15px; + color: #242a30; +} +.header .user-img { + float: left; + width: 36px; + height: 36px; + border-radius: 40px; + margin: 10px 10px 10px 0; +} + + +/* 3.6 Header Inverse Setting */ + +.header.header-inverse { + background: #363D44; +} +.header.header-inverse .header-logo a, +.header.header-inverse .header-nav .nav > li > a { + color: #fff; +} +.header.header-inverse .header-nav .nav > li.active > a, +.header.header-inverse .header-nav .nav > li.active > a:hover, +.header.header-inverse .header-nav .nav > li.active > a:focus { + color: #00acac; +} + + +/* 3.7 Navbar Toggle Setting */ + +.navbar-toggle { + background: none; + float: left; + margin: 0 0 0 -15px; + padding: 22px 15px; + border-right: 1px solid #eee; + border-radius: 0; +} +.navbar-toggle .icon-bar { + background: #333; +} + + +/* 3.8 Header Cart Setting */ + +.cart-header, +.cart-body, +.cart-footer { + padding: 15px; +} +.cart-header + .cart-body, +.cart-body + .cart-footer { + border-top: 1px solid #e5e5e5; +} +.cart-item { + list-style-type: none; + margin: 0; + padding: 0; +} +.cart-item > li { + display: table; + width: 100%; +} +.cart-item > li > div { + display: table-cell; + vertical-align: middle; +} +.cart-item > li + li { + padding-top: 10px; + border-top: 1px solid #e5e5e5; + margin-top: 10px; +} +.cart-item > li h4 { + font-size: 14px; + line-height: 18px; + margin: 3px 0; +} +.cart-item > li .price { + color: #777; + font-size: 14px; + font-weight: 600; + margin: 0; +} +.cart-title { + font-size: 12px; + font-weight: bold; + margin: 0; +} +.cart-item-image { + float: left; + width: 80px; + height: 60px; + padding: 7px; + overflow: hidden; + text-align: center; + line-height: 44px; + border: 1px solid #e5e5e5; +} +.cart-item-image img { + max-width: 100%; + max-height: 100%; +} +.cart-item-info { + width: 80%; +} +.cart-item-image + .cart-item-info, +.cart-item-info + .cart-item-close { + padding-left: 15px; +} +.cart-item-close a { + font-size: 18px; + color: #999; + height: 24px; + width: 24px; + text-align: center; + line-height: 24px; + display: block; + text-decoration: none; + border-radius: 24px; + background: #f9f9f9; +} +.cart-item-close a:hover, +.cart-item-close a:focus { + background: #b6c2c9; + color: #fff; +} +.dropdown-menu.dropdown-menu-cart { + left: auto; + right: 0; + margin-right: -142px; + width: 360px; +} + + + +/* ------------------------------- + 4.0 Footer +------------------------------- */ + +/* 4.1 Footer Setting */ + +.footer { + padding: 30px 0; + background: #eee; + font-size: 12px; + color: #a8acb1; + background: #242a30; + box-shadow: inset 0 100px 80px -80px rgba(0,0,0,.7); + -webkit-box-shadow: inset 0 100px 80px -80px rgba(0,0,0,.7); +} +.footer-header { + font-size: 12px; + color: #fff; + font-weight: bold; + margin: 10px 0 20px; + letter-spacing: 1px; +} +.footer a { + color: #616D72; + color: rgba(255,255,255,.5); +} +.footer p { + line-height: 20px; +} +.footer abbr[data-original-title], +.footer abbr[title] { + text-decoration: none; +} +.footer ul { + line-height: 20px; +} +.footer .fa-li { + line-height: 20px; + font-size: 14px; + top: -1px; +} +.footer .list-product > li + li { + margin-top: 15px; +} +.footer .list-product > li:before, +.footer .list-product > li:after { + content: ''; + display: table; + clear: both; +} +.footer .list-product .image { + float: left; + width: 60px; + height: 40px; + background: #fff; + line-height: 40px; +} +.footer .list-product .image img { + max-width: 100%; +} +.footer .list-product .info { + margin-left: 70px; +} +.footer .list-product .info .info-title { + font-size: 14px; + color: #fff; + font-weight: 600; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 2px 0 3px; +} +.footer .list-product .info .price { + color: #616D72; + color: rgba(255,255,255,.5); + font-weight: 600; +} + + + +/* ------------------------------- + 5.0 Footer Copyright +------------------------------- */ + +/* 5.1 Footer Copyright Setting */ + +.footer-copyright { + font-size: 12px; + color: #a8acb1; + background: #1d2226; + padding: 15px 0; +} +.footer-copyright:before, +.footer-copyright:after { + content: ''; + display: table; + clear: both; +} +.footer-copyright .copyright { + float: left; + line-height: 30px; +} +.footer-copyright .payment-method { + float: right; + text-align: right; +} +.footer-copyright .payment-method img { + max-height: 30px; +} + + + +/* ------------------------------- + 6.0 Footer Policy, Social & Subscription +------------------------------- */ + +/* 6.1 Footer Policy Element Setting */ + +.policy .policy-icon { + float: left; + width: 50px; + font-size: 38px; + line-height: 50px; + color: #999; + text-align: center; +} +.policy .policy-icon + .policy-info { + margin-left: 65px; +} +.policy .policy-info h4 { + margin: 0; + font-size: 14px; + line-height: 20px; + font-weight: 600; +} +.policy .policy-info p { + font-size: 12px; + color: #777; + margin: 0; +} + + +/* 6.2 Social & Subscription Element Setting */ + +.social, +.subscription { + display: table; + width: 100%; +} +.social .social-list, +.social .social-intro, +.subscription .subscription-intro, +.subscription .subscription-form { + display: table-cell; + vertical-align: middle; + width: 50%; +} +.subscription .subscription-form { + padding: 0 30px; +} +.social .social-intro h4, +.subscription .subscription-intro h4 { + margin: 0; + font-weight: 600; +} +.social .social-intro p, +.subscription .subscription-intro p { + color: #666; + margin: 0; +} +.social .social-list { + text-align: center; +} +.social .social-list a { + color: #999; + font-size: 24px; +} +.social .social-list a:hover, +.social .social-list a:focus { + color: #212221; + text-decoration: none; +} +.social .social-list a + a { + margin-left: 20px; +} + + + +/* ------------------------------- + 7.0 Page Element Setting +------------------------------- */ + +/* 7.1 Section Container Setting */ + +.section-container { + padding: 45px 0; +} +.section-container:before, +.section-container:after { + content: ''; + display: table; + clear: both; +} +.section-container.has-bg { + position: relative; +} +.section-container.has-bg .cover-bg { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; +} +.section-container.has-bg .cover-bg img { + max-width: 100%; +} +.section-container.has-bg .cover-bg:before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(36, 42, 48, 0.8); +} +.section-container.has-bg { + color: #fff; +} +.section-container.has-bg .container { + position: relative; + z-index: 1020; +} +.section-container.has-bg .breadcrumb a { + color: #fff; +} +.section-title { + font-size: 20px; + font-weight: 600; + margin: -5px 0 25px; + color: #212121; +} +.section-title a.pull-right { + font-size: 12px; + font-weight: bold; + color: #666; + border: 1px solid #ccc; + padding: 8px 15px; + line-height: 16px; + margin: -7px 0; + border-radius: 3px; +} +.section-title a.pull-right:hover, +.section-title a.pull-right:focus { + text-decoration: none; + background: #fff; + color: #212121; +} +.section-title small { + margin-left: 5px; + font-weight: 400; + font-size: 14px; + color: #999; +} + + +/* 7.2 Breadcrumb Setting */ + +.breadcrumb { + padding: 0; + margin: 0; + background: none; +} +.breadcrumb > li { + line-height: 28px; +} +.ie8 .breadcrumb > li { + display: inline; +} +.breadcrumb > li a { + color: #333; +} + + +/* 7.3 Page Header Setting */ + +.page-header-container { + position: relative; +} +.page-header-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; +} +.page-header-cover:before { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(36, 42, 48, 0.8); +} +.page-header-cover img { + max-width: 100%; +} +.page-header-container .container { + position: relative; +} +.page-header-container .page-header { + border: none; + color: #fff; + margin: 0; + font-size: 28px; + padding: 0; + text-align: center; +} + + + +/* ------------------------------- + 8.0 Pace Page Loader Setting +------------------------------- */ + +/* 8.1 Pace Loader Element Setting */ + +.pace-inactive { + opacity: 0; + filter: alpha(opacity=0); +} +.pace { + background: #2d353c; + position: fixed; + top: 0; + left: 0; + right: 0; + -webkit-transition: opacity 1s; + -moz-transition: opacity 1s; + -o-transition: opacity 1s; + transition: opacity 1s; + z-index: 1050; +} +.pace-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 3px; + background: #00acac; + -webkit-transition: width 1s; + -moz-transition: width 1s; + -o-transition: width 1s; + transition: width 1s; + z-index: 2000; +} +.pace:before { + content: ''; + position: fixed; + top: 0; + right: 0; + left: 0; + height: 3px; +} +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 10px; + right: 20px; + width: 20px; + height: 20px; + border: solid 2px transparent; + border-top-color: #00acac; + border-left-color: #00acac; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; +} +@media (max-width: 767px) { + .pace .pace-activity { + top: 80px; + } +} +@-webkit-keyframes pace-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes pace-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes pace-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes pace-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes pace-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} + + + +/* ------------------------------- + 9.0 Home Page Element Setting +------------------------------- */ + +/* 9.1 Carousel Element Setting */ + +.carousel .container { + position: relative; +} +.carousel-control { + background: rgba(0,0,0,0.55) !important; + height: 60px; + width: 40px; + top: 50%; + margin-top: -30px; +} +.carousel-control i, +.carousel-control .glyphicon { + display: block; + margin: 0; + text-align: center; + line-height: 60px; + position: initial; + height: 60px; + font-size: 32px; +} +.carousel-caption-right { + text-align: right; +} +.carousel-caption-left { + text-align: left; +} +.carousel-caption { + text-shadow: none; + right: 0; + left: 0; + bottom: auto; + top: 60px; + bottom: 60px; + font-weight: 300; +} +.carousel-caption .container { + padding: 0 60px; +} +.carousel-caption .title { + font-size: 64px; + margin: 0; +} +.carousel-caption .price { + font-size: 36px; + margin: 0; + font-weight: 600; +} +.carousel-caption .price small { + font-size: 24px; +} +.carousel-caption .price span { + background: rgba(0,0,0,0.5); + color: #fff; + padding-left: 10px; + padding-right: 10px; +} +.carousel-caption .btn { + border: 2px solid #fff; + color: #fff; + padding-left: 30px; + padding-right: 30px; + margin-top: 30px; + border-radius: 6px; +} +.carousel-caption .btn:hover, +.carousel-caption .btn:focus { + background: rgba(255,255,255,0.25); +} +.carousel-caption p { + margin-bottom: 0; + font-size: 26px; +} +.carousel-caption.text-inverse .btn { + border-color: #333; + color: #333; + font-weight: 600; +} +.carousel .product-img { + position: absolute; + top: 40px; + max-height: 370px; +} +.carousel .product-img.left { + left: 60px; +} +.carousel .product-img.right { + right: 60px; +} +.carousel .product-img.bottom { + bottom: 0; +} +.carousel .bg-cover-img { + max-width: 100%; + position: absolute; + min-height: 100%; +} +.slider .carousel, +.carousel .carousel-inner, +.carousel .carousel-inner .item { + min-height: 450px; +} +.carousel-indicators li { + border-width: 2px; +} + + +/* 9.2 Item Element Setting */ + +.item { + background: #fff; +} +.item.item-thumbnail { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border: 1px solid #c5ced4; +} +.item.item-thumbnail a, +.item.item-thumbnail a:hover, +.item.item-thumbnail a:focus { + text-decoration: none; +} +.item.item-thumbnail .item-image { + height: 130px; + text-align: center; + padding: 15px; + line-height: 100px; + display: block; + position: relative; +} +.item.item-thumbnail .item-image .discount { + position: absolute; + bottom: 0; + right: 15px; + line-height: 20px; + padding: 2px 10px; + color: #fff; + background: #2d353c; + font-weight: 600; + font-size: 13px; +} +.item.item-thumbnail .item-image img { + max-width: 100%; + max-height: 100%; +} +.item.item-thumbnail .item-info { + padding: 15px; + text-align: center; +} +.item.item-thumbnail .item-title { + margin: 0 0 3px; +} +.item.item-thumbnail .item-title, +.item.item-thumbnail .item-title a { + font-weight: 600; + color: #212121; + font-size: 14px; + line-height: 18px; + max-height: 36px; + overflow: hidden; +} +.item.item-thumbnail .item-title a:hover, +.item.item-thumbnail .item-title a:focus { + color: #009688; +} +.item.item-thumbnail .item-desc { + margin: 0; + font-size: 12px; + color: #707478; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.item.item-thumbnail .item-discount-price { + font-size: 12px; + color: #999; + text-decoration: line-through; +} +.item.item-thumbnail .item-price { + margin: 3px 0; + font-size: 16px; + color: #009688; + font-weight: 600; +} + + +/* 9.3 Promotion Element Setting */ + +.promotion { + position: relative; + padding-top: 165px; + overflow: hidden; +} +.promotion + .promotion { + margin-top: 10px; +} +.promotion.promotion-lg { + padding-top: 340px; +} +.promotion-image { + position: absolute; + left: 15px; + top: 15px; + bottom: 15px; + right: 15px; +} +.promotion-lg .promotion-image { + left: 30px; + top: 30px; + bottom: 30px; + right: 30px; +} +.promotion-image.promotion-image-overflow-bottom { + top: auto; + bottom: -30px; +} +.promotion-image.promotion-image-overflow-top { + bottom: auto; + top: -30px; +} +.promotion-image.promotion-image-overflow-left { + left: -30px; +} +.promotion-image.promotion-image-overflow-right { + right: -30px; +} +.promotion-image.promotion-image-overflow-top.promotion-image-overflow-bottom { + top: -30px; + bottom: -30px; +} +.promotion-image img { + max-width: 100%; + max-height: 100%; +} +.promotion-caption { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; +} +.promotion-lg .promotion-caption { + padding: 30px; +} +.promotion-title { + color: #212121; + margin: 0 0 5px; + font-size: 20px; +} +.promotion-lg .promotion-title { + font-size: 36px; + margin: 0 0 10px; +} +.promotion-desc { + font-size: 12px; + margin-bottom: 15px; + color: #666; +} +.promotion-lg .promotion-desc { + font-size: 14px; + margin-bottom: 30px; +} +.promotion-btn { + padding: 5px 10px; + border: 1px solid #212121; + color: #212121; + border-radius: 4px; + display: inline-block; + font-size: 12px; +} +.promotion-lg .promotion-btn { + padding: 10px 20px; + font-size: 14px; + border: 2px solid #212121; +} +.promotion-btn:hover, +.promotion-btn:focus, +.promotion-caption-inverse .promotion-btn:hover, +.promotion-caption-inverse .promotion-btn:focus { + border-color: #fff; + color: #212121; + text-decoration: none; + background: #fff; +} +.promotion-price { + font-size: 16px; + margin-bottom: 5px; +} +.promotion-lg .promotion-price { + font-size: 24px; + margin-bottom: 10px; +} +.promotion-price small { + font-size: 12px; +} +.promotion-lg .promotion-price small { + font-size: 14px; +} +.promotion-caption-inverse { + color: #fff; +} +.promotion-caption-inverse .promotion-title, +.promotion-caption-inverse .promotion-price, +.promotion-caption-inverse .promotion-desc { + color: #fff; +} +.promotion-lg .promotion-caption-inverse .promotion-desc { + color: rgba(255,255,255,0.5); +} +.promotion-caption-inverse .promotion-btn { + border-color: rgba(255,255,255,0.25); + color: rgba(255,255,255,0.75); +} + + +/* 9.4 Category Element Setting */ + +.category-container { + border: 1px solid #ccc; + background: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.category-container:before, +.category-container:after { + content: ''; + display: table; + clear: both; +} +.category-container .category-sidebar { + width: 250px; + float: left; + padding: 20px; +} +.category-sidebar .category-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.category-sidebar .category-list > li + li { + border-top: 1px solid #eee; +} +.category-sidebar .category-list > li.list-header { + font-size: 12px; + color: #ccc; + font-weight: bold; + padding-bottom: 10px; + text-transform: uppercase; +} +.category-sidebar .category-list > li > a { + color: #444; + font-weight: 600; + display: block; + padding: 8px 0px; + line-height: 20px; +} +.category-sidebar .category-list > li > a:hover, +.category-sidebar .category-list > li > a:focus { + color: #212121; + text-decoration: none; +} +.category-container .category-sidebar + .category-detail { + margin-left: 250px; +} +.category-item.full { + float: left; + height: 525px; + overflow: hidden; + width: 300px; + margin: -1px 0; + display: block; +} +.category-item.full + .category-item { + margin-left: 300px; +} +.category-item.full .item { + height: 100%; + position: relative; +} +.category-item.full .item .item-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1000; +} +.category-item.full .item .item-cover img { + max-height: 100%; +} +.category-item.full .item .item-info { + padding: 20px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1020; +} +.category-item.full .item .item-info.top { + bottom: auto; + top: 0; +} +.category-item.full .item .item-info.bottom { + top: auto; + bottom: 0; +} +.category-item.full .item:before { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0,0,0,0.5); + z-index: 1010; +} +.category-item.full .item .item-info { + color: rgba(255,255,255,0.75); +} +.category-item.full .item .item-title { + margin: 0 0 5px; + font-size: 16px; + line-height: 22px; +} +.category-item.full .item .item-desc { + font-size: 13px; + margin: 0 0 5px; +} +.category-item.full .item .item-price { + font-size: 24px; + color: #fff; +} +.category-item.full .item .item-info a { + color: #fff; +} +.category-item.list .item-row + .item-row .item { + border-top: 1px solid #ccc; +} +.category-item.list .item { + float: left; + width: 33.33%; + border: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.category-item.list .item + .item { + border-left: 1px solid #ccc; +} + + + +/* ------------------------------- + 10.0 Search Results Page +------------------------------- */ + +/* 10.1 Search Container Element Setting */ + +.search-container:before, +.search-container:after { + content: ''; + display: table; + clear: both; +} +.search-container .search-sidebar { + float: left; + width: 25%; + padding: 15px; + border: 1px solid #ccd0d4; + background: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + font-size: 12px; + color: #707478; +} +.search-container .search-sidebar .title { + margin: -15px -15px 15px; + padding: 10px 15px; + border-bottom: 1px solid #ccd0d4; + font-size: 14px; + font-weight: 600; + color: #212121; +} +.search-container .search-content { + float: right; + width: 75%; + padding-left: 30px; +} +.control-label { + font-weight: 500; +} +.search-category-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.search-category-list > li > a { + color: #444; + font-weight: 600; + display: block; + padding: 8px 0px; + line-height: 20px; +} +.search-category-list > li > a:hover, +.search-category-list > li > a:focus { + text-decoration: none; +} +.search-category-list > li + li { + border-top: 1px solid #eee; +} + + +/* 10.2 Search Toolbar Setting */ + +.search-toolbar { + background: #fff; + border: 1px solid #ccd0d4; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 15px; + margin-bottom: 15px; +} +.search-toolbar:before, +.search-toolbar:after { + content: ''; + display: table; + clear: both; +} +.search-toolbar h4 { + font-size: 12px; + line-height: 20px; + margin: 0; +} +.search-toolbar .sort-list { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 12px; + line-height: 20px; +} +.search-toolbar .sort-list > li { + display: inline; +} +.search-toolbar .sort-list > li.text { + font-weight: bold; +} +.search-toolbar .sort-list > li + li { + margin-left: 10px; +} +.search-toolbar .sort-list > li a { + color: #999; + text-decoration: none; +} +.search-toolbar .sort-list > li a:hover, +.search-toolbar .sort-list > li a:focus { + color: #444; +} +.search-toolbar .sort-list > li.active a, +.search-toolbar .sort-list > li.active a:hover, +.search-toolbar .sort-list > li.active a:focus { + color: #212121; +} + + +/* 10.3 Search Item Container Setting */ + +.search-item-container { + border: 1px solid #ccd0d4; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + margin-bottom: 15px; +} +.search-item-container:before, +.search-item-container:after, +.search-item-container .item-row:before, +.search-item-container .item-row:after { + content: ''; + display: table; + clear: both; +} +.search-item-container .item-row .item { + float: left; + width: 33.33%; + border: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.search-item-container .item-row .item:first-child { + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; +} +.search-item-container .item-row .item:last-child { + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; +} +.search-item-container .item-row:last-child .item:first-child { + -webkit-border-radius: 0 0 0 3px; + -moz-border-radius: 0 0 0 3px; + border-radius: 0 0 0 3px; +} +.search-item-container .item-row:last-child .item:last-child { + -webkit-border-radius: 0 0 3px 0; + -moz-border-radius: 0 0 3px 0; + border-radius: 0 0 3px 0; +} +.search-item-container .item-row + .item-row { + border-top: 1px solid #ccd0d4; +} +.search-item-container .item-row .item + .item { + border-left: 1px solid #ccd0d4; +} + + + +/* ------------------------------- + 11.0 Checkout Page +------------------------------- */ + +/* 11.1 Checkout Element Setting */ + +.checkout { + background: #fff; + border-radius: 6px; +} +.checkout-header { + padding: 25px 30px; + background: #586269; + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.checkout-header .row > div + div { + border-left: 1px solid #3E4A52; +} +.checkout-body { + padding: 25px 30px; +} +.checkout-footer { + padding: 25px 30px; + text-align: right; + background: #85878A; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} +.checkout-footer .btn.btn-white { + border-color: #fff; +} +.checkout-title { + font-size: 14px; + margin: 0 0 30px; + font-weight: bold; +} +.checkout-title small { + display: block; + font-size: 14px; + line-height: 20px; + margin-top: 2px; +} +.checkout-info-list { + font-size: 12px; + padding-left: 20px; + margin: 0; +} + + +/* 11.2 Checkout Payment Type Setting */ + +.checkout .payment-type { + font-size: 28px; + margin: 0; +} +.checkout .payment-type > li { + float: left; + line-height: 34px; + padding: 0; +} +.checkout .payment-type > li a { + color: #9c9c9c; +} +.checkout .payment-type > li.active a { + color: #212121; +} +.checkout .payment-type > li + li { + margin-left: 10px; +} + + +/* 11.3 Checkout Question List Setting */ + +.checkout-question-list { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 14px; +} +.checkout-question-list > li + li { + margin-top: 10px; +} +.checkout-question-list .question a { + display: block; + text-decoration: none; + line-height: 20px; +} +.checkout-question-list .question, +.checkout-question-list .question a { + color: #212121; +} +.checkout-question-list .answer { + font-size: 13px; + padding-left: 20px; + color: #7D7E80; +} +.checkout-question-list .dash { + width: 20px; + float: left; + text-align: center; +} + + +/* 11.4 Checkout Step Setting */ + +.step:before, +.step:after { + content: ''; + display: table; + clear: both; +} +.step a { + color: #AEB7BD; + display: block; + text-decoration: none; +} +.step a:hover, +.step a:focus { + color: #fff; +} +.step .number { + float: left; + font-size: 24px; + font-weight: 300; + width: 30px; + height: 24px; + text-align: center; + line-height: 24px; + margin-top: 5px; + margin-bottom: 5px; + position: relative; +} +.step .number:before { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: -8px; + height: 2px; + background: #AEB7BD; +} +.step.active .number:before { + background: #00acac; +} +.step .info { + margin-left: 40px; +} +.step .desc { + font-size: 13px; + color: #AEB7BD; +} +.step .title { + font-size: 16px; +} +.step.active .number, +.step.active .title { + color: #fff; +} + + +/* 11.5 Checkout Table Cart Setting */ + +.table.table-cart th { + border: none; + font-size: 14px; + font-weight: 600; +} +.table.table-cart th { + padding: 10px 20px 5px; +} +.table.table-cart td { + padding: 15px 20px; +} +.table.table-cart .cart-product .product-img { + float: left; + width: 120px; +} +.table.table-cart .cart-product .product-img img { + max-width: 100%; +} +.table.table-cart .cart-product .product-info { + margin-left: 130px; +} +.table.table-cart .cart-product .product-info .title { + font-weight: 600; +} +.table.table-cart .cart-product .product-info .desc { + color: #666; + font-size: 12px; +} + + +/* 11.6 Checkout Cart Qty Setting */ + +.cart-qty { + width: 160px; +} +.cart-total, +.cart-control { + width: 100px; +} +.cart-qty .qty-desc { + font-size: 12px; + color: #9c9c9c; + margin-top: 5px; +} +.cart-qty-input { + display: table; + width: 100%; +} +.cart-qty-input .qty-control, +.cart-qty-input .form-control { + display: table-cell; + float: none; + width: auto; +} +.cart-qty-input .form-control { + width: 34px; + margin: 0 5px; + padding-left: 5px; + padding-right: 5px; + text-align: center; +} +.cart-qty-input .qty-control { + color: #212121; + width: 34px; + border-radius: 34px; +} +.cart-qty-input .qty-control:hover, +.cart-qty-input .qty-control:focus { + background: #f3f4f5; +} + + +/* 11.7 Checkout Summary Setting */ + +.summary-container { + float: right; + width: 360px; + text-align: right; +} +.summary-container .summary-row { + display: table; + width: 100%; +} +.summary-container .field, +.summary-container .value { + display: table-cell; + width: 40%; +} +.summary-container .value { + width: 60%; +} +.summary-container .summary-row + .summary-row { + margin-top: 5px; +} +.summary-container .summary-row.total { + border-top: 1px solid #c5ced4; + margin-top: 10px; + font-size: 16px; + font-weight: 600; + margin-bottom: -20px; +} +.summary-container .summary-row.total .field, +.summary-container .summary-row.total .value { + padding-top: 10px; +} + + +/* 11.8 Checkout Message Setting */ + +.checkout-message { + padding: 20px 40px; +} +.checkout-message h1 { + margin: 0 0 30px; + font-size: 36px; + font-weight: 300; + text-align: center; +} +.checkout-message h1 small { + display: block; + font-size: 18px; + line-height: 24px; + font-weight: 300; + margin-top: 5px; +} +.table.table-payment-summary { + border-bottom: 1px solid #ddd; + margin-bottom: 30px; +} +.table.table-payment-summary th, +.table.table-payment-summary td { + padding: 10px 15px; + font-size: 16px; +} +.table.table-payment-summary .field { + font-weight: 600; + text-align: right; + width: 50%; +} +.table.table-payment-summary .product-summary .product-summary-img { + float: left; + width: 120px; + margin-right: 10px; +} +.table.table-payment-summary .product-summary .product-summary-img img { + max-width: 100%; +} +.table.table-payment-summary .product-summary .product-summary-info .title { + font-weight: 600; + font-size: 16px; +} +.table.table-payment-summary .product-summary .product-summary-info .desc { + font-size: 14px; + color: #9c9c9c; +} + + + +/* ------------------------------- + 12.0 Product Page +------------------------------- */ + +/* 12.1 Product Element Setting */ + +.product { + background: #fff; + border: 1px solid #c5ced4; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.product:before, +.product:after { + content: ''; + display: table; + clear: both; +} +.product-detail { + display: table; + width: 100%; +} + + +/* 12.2 Product Thumbnail Setting */ + +.product-image, +.product-info { + display: table-cell; + vertical-align: top; +} +.product-main-image { + margin-left: 100px; + padding: 20px; + height: 525px; + width: 450px; + text-align: center; +} +.product-thumbnail { + width: 100px; + float: left; + padding: 20px; + max-height: 525px; + overflow: scroll; +} +.product-thumbnail-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.product-thumbnail-list > li a { + display: block; + text-decoration: none; + border: 1px solid #c5ced4; + background: #fff; + height: 60px; + line-height: 50px; + padding: 4px; + text-align: center; +} +.product-thumbnail-list > li + li { + margin-top: 10px; +} +.product-thumbnail-list > li.active a { + border-color: #212121; +} +.product-thumbnail-list > li a img { + max-width: 100%; + max-height: 100%; + position: relative; +} + + +/* 12.3 Product Image Setting */ + +.product-image { + width: 530px; +} +.product-image img { + max-width: 100%; +} +.product-main-image img { + max-height: 100%; +} + + +/* 12.4 Product Info Setting */ + +.product-info { + padding: 20px 30px; + margin-bottom: 20px; + font-size: 13px; +} +.product-info-header { + padding-bottom: 15px; + margin-bottom: 15px; + border-bottom: 1px solid #D8E0E4; +} +.product-title { + margin: 0; + font-size: 20px; + font-weight: 600; + line-height: 24px; +} +.product-title .label { + padding: 5px 6px; + font-size: 12px; + display: block; + max-width: 70px; + margin-bottom: 7px; +} + + +/* 12.5 Product Availability Setting */ + +.product-availability { + font-size: 18px; +} + + +/* 12.6 Product Info List Setting */ + +.product-info-list { + color: #636363; + list-style-type: none; + margin: 0 0 15px; + padding: 0 0 15px; + line-height: 20px; + border-bottom: 1px solid #D8E0E4; +} +.product-info-list > li { + position: relative; + padding-left: 20px; +} +.product-info-list > li + li { + margin-top: 3px; +} +.product-info-list > li .fa { + position: absolute; + left: 0; + top: 50%; + margin-top: -10px; + line-height: 20px; + width: 15px; + text-align: center; +} +.product-info-list > li .fa.fa-circle { + font-size: 5px; +} + + +/* 12.7 Product Category Setting */ + +.product-category { + list-style-type: none; + margin: 0; + padding: 0; + font-weight: 500; +} +.product-category > li { + display: inline; +} +.product-category > li + li { + margin-left: 5px; +} +.product-category > li a { + color: #707478; +} + + +/* 12.8 Product Price Setting */ + +.product-price { + margin: 0 0 15px; +} +.product-price:before, +.product-price:after { + content: ''; + display: table; + clear: both; +} +.product-price .price { + font-size: 32px; + font-weight: 600; +} + + +/* 12.9 Product Warranty Setting */ + +.product-warranty { + padding-bottom: 15px; + margin-bottom: 15px; + border-bottom: 1px solid #D8E0E4; +} + + +/* 12.10 Product Discount Setting */ + +.product-discount .discount { + font-size: 16px; + font-weight: 600; + text-decoration: line-through; + color: #707478; +} +.product-discount .save { + margin-left: 10px; + color: #707478; + position: relative; + top: -1px; +} + + +/* 12.11 Product Social Setting */ + +.product-social { + margin: 0 0 15px; + padding: 0 0 15px; + border-bottom: 1px solid #D8E0E4; +} +.product-social:before, +.product-social:after { + content: ''; + display: table; + clear: both; +} +.product-social ul { + list-style-type: none; + margin: 0; + padding: 0; +} +.product-social ul > li { + float: left; +} +.product-social ul > li + li { + margin-left: 10px; +} +.product-social ul > li > a { + width: 30px; + height: 30px; + line-height: 30px; + background: #ddd; + color: #fff; + display: inline-block; + text-align: center; + font-size: 16px; + border-radius: 3px; +} +.product-social ul > li > a.facebook { + background: #3b5998; +} +.product-social ul > li > a.twitter { + background: #00aced; +} +.product-social ul > li > a.google-plus { + background: #d34836; +} +.product-social ul > li > a.whatsapp { + background: #6CC964; +} +.product-social ul > li > a.tumblr { + background: #36465d; +} + + +/* 12.12 Product Tab Setting */ + +.product-tab { + margin-top: 40px; +} +.product-tab .nav.nav-tabs { + background: #fff; + border-bottom: 1px solid #D8E0E4; + text-align: center; + font-size: 16px; +} +.product-tab .nav.nav-tabs > li { + float: none; + display: inline-block; +} +.product-tab .nav.nav-tabs > li + li { + margin-left: 5px; +} +.product-tab .nav.nav-tabs > li > a { + position: relative; + color: #A3A8AD; + border: 1px solid transparent; +} +.product-tab .nav.nav-tabs > li > a:hover, +.product-tab .nav.nav-tabs > li > a:focus { + border-bottom: 1px solid #666; + background: none; +} +.product-tab .nav-tabs > li.active > a, +.product-tab .nav-tabs > li.active > a:focus, +.product-tab .nav-tabs > li.active > a:hover { + border-color: transparent; + border-bottom: 1px solid #212121; + color: #212121; +} +.product-tab .tab-content { + padding: 40px; +} + + +/* 12.13 Product Desc Setting */ + +.product-desc { + padding: 20px; +} +.product-desc:before, +.product-desc:after { + content: ''; + display: table; + clear: both; +} +.product-desc .image { + float: left; + width: 50%; + padding-right: 40px; +} +.product-desc .image img { + max-width: 100%; +} +.product-desc .desc { + float: left; + width: 50%; + padding-left: 40px; +} +.product-desc .desc h4 { + margin: 0 0 15px; + font-size: 36px; + font-weight: 600; +} +.product-desc .desc p { + font-size: 16px; + font-weight: normal; + color: #929292; + line-height: 26px; +} +.product-desc + .product-desc { + margin-top: 20px; + padding-top: 40px; + border-top: 1px solid #D8E0E4; +} +.product-desc.right .image { + float: right; + padding-left: 20px; + padding-right: 0; +} +.product-desc.right .desc { + float: left; + text-align: right; + padding-right: 20px; + padding-left: 0; +} + + +/* 12.14 Product Table Setting */ + +.table.table-product .field { + width: 30%; + font-size: 18px; + font-weight: 300; +} +.table.table-product th, +.table.table-product td { + padding: 20px 25px 20px 0; +} +.table.table-product.table-striped th, +.table.table-product.table-striped td { + padding: 20px 25px; +} +.table.table-product th { + font-size: 18px; + font-weight: 600; + border: none; +} + + +/* 12.15 Product Review Setting */ + +.review + .review { + margin-top: 25px; + padding-top: 25px; + border-top: 1px solid #D8E0E4; +} +.review:before, +.review:after, +.review-info:before, +.review-info:after { + content: ''; + display: table; + clear: both; +} +.review .review-icon { + height: 36px; + width: 36px; + background: #f4f5f6; + color: #999; + text-align: center; + overflow: hidden; + float: left; + margin-right: 12px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.review .review-icon img { + max-width: 100%; +} +.review .review-icon i { + line-height: 48px; + font-size: 36px; +} +.review .review-info { + margin-bottom: 10px; +} +.review .review-info .review-rate { + float: right; + text-align: center; + font-weight: 600; + font-size: 12px; +} +.review .review-rate .review-star { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 14px; +} +.review .review-rate .review-star > li { + float: left; +} +.review .review-rate .review-star > li + li { + margin-left: 3px; +} +.review .review-rate .review-star > li.active { + color: #f59c1a; +} +.review .review-name { + font-weight: 600; + font-size: 14px; +} +.review .review-date { + font-size: 12px; + color: #999; +} +.review .review-title { + margin: 0; + font-weight: 600; + font-size: 14px; +} +.review-form { + display: block; + background: #f4f5f6; + padding: 30px; +} +.review-form h2 { + font-size: 24px; + border-bottom: 1px solid #D8E0E4; + margin: 0 0 20px; + padding-bottom: 10px; +} + + + +/* ------------------------------- + 13.0 About Us Page +------------------------------- */ + +/* 13.1 About Us Element Setting */ + +.about-us { + padding: 60px 0; +} +.about-us h1 { + font-size: 72px; + font-weight: 300; + margin: 30px 0; +} +.about-us p { + font-size: 28px; + font-weight: 300; + margin: 0 0 30px; +} + + +/* 13.2 About Us Content Setting */ + +.about-us-content > .title { + font-size: 48px; + font-weight: 300; + margin: 0 0 15px; +} +.about-us-content > .desc { + font-size: 18px; + font-weight: 300; + margin: 0 0 30px; +} +.about-us-content .service { + text-align: center; + padding: 20px; +} +.about-us-content .service .icon { + font-size: 72px; +} +.about-us-content .service .title { + margin: 5px 0; + font-size: 24px; + font-weight: normal; +} +.about-us-content .service .desc { + font-size: 12px; + color: #999; +} + + + +/* ------------------------------- + 14.0 My Account Page +------------------------------- */ + +/* 14.1 My Account Page Element Setting */ + +.account-container { + background: #fff; + border-radius: 6px; + position: relative; +} +.account-container .account-sidebar { + width: 300px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + padding: 20px 30px; + overflow: hidden; + -webkit-border-radius: 6px 0 0 6px; + -moz-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; +} +.account-container .account-sidebar .account-sidebar-cover { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.account-container .account-sidebar .account-sidebar-cover img { + max-height: 100%; +} +.account-container .account-sidebar .account-sidebar-cover:before { + content: ''; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(36, 42, 48, 0.8); +} +.account-container .account-sidebar .account-sidebar-content { + position: relative; + color: #fff; +} +.account-container .account-sidebar .account-sidebar-content h4 { + font-size: 24px; + font-weight: 500; +} +.account-container .account-sidebar .account-sidebar-content p { + color: rgba(255,255,255,0.75); +} +.account-container .account-body { + margin-left: 300px; + padding: 20px 30px; +} +.account-container .account-body h4 { + font-weight: 500; + font-size: 20px; + line-height: 26px; + margin-bottom: 5px; +} +.account-container .account-body .nav.nav-list { + margin-bottom: 30px; +} +.account-container .account-body .nav.nav-list > li > a { + padding: 0; + color: #777; +} +.account-container .account-body .nav.nav-list > li + li { + margin-top: 5px; +} +.account-container .account-body .nav.nav-list > li > a:hover, +.account-container .account-body .nav.nav-list > li > a:focus { + background: none; + color: #212121; +} + + + +/* ------------------------------- + 15.0 Bootstrap Component Setting +------------------------------- */ + +/* 15.1 Component - Panel */ + +.panel { + border: none; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.panel.panel-no-rounded-corner .panel-heading, +.panel.panel-no-rounded-corner .panel-body, +.panel.panel-no-rounded-corner .panel-footer { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.panel-heading { + padding: 10px 15px; + border: none; +} +.panel-heading + .table, +.panel-heading + .slimScrollDiv { + border-top: 1px solid #eee; +} +.panel-heading-btn { + float: right; +} +.panel-heading-btn > a { + margin-left: 8px; +} +.panel-heading .btn-group .btn { + margin-top: -7px; +} +.panel-heading .btn-group .btn.btn-sm { + margin-top: -5px; +} +.panel-heading .btn-group .btn.btn-xs { + margin-top: -1px; +} +.panel-heading .label.pull-left, +.panel-heading .label.pull-right { + line-height: 15px; +} +.panel-heading .progress.pull-right, +.panel-heading .progress.pull-left { + width: 40%; + min-width: 120px; +} +.panel-heading + .alert { + margin-bottom: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.panel-with-tabs.panel-default .panel-heading { + background: #c1ccd1; + color: #333; +} +.panel-heading .nav-tabs { + margin-top: -10px; + margin-right: -15px; +} +.panel-heading .nav-tabs > li > a { + padding: 10px 15px; + line-height: 20px; +} +.panel-title { + line-height: 20px; + font-size: 14px; +} +.panel-title a { + display: block; + margin: -10px -15px; + padding: 10px 15px; +} +.panel-title > a:hover, +.panel-title > a:focus { + text-decoration: none; +} +.panel-inverse .panel-title > a:hover, +.panel-inverse .panel-title > a:focus { + color: #999; +} +.panel-title .accordion-toggle { + margin: -10px -15px; + padding: 10px 15px; +} +.panel-title .accordion-toggle.accordion-toggle-styled .fa:before { + content: '\f056'; +} +.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before { + content: '\f055'; +} +.panel-title .pull-right { + line-height: 20px; +} +.panel-toolbar { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + padding: 10px 15px; + background: #fff; +} +.panel-toolbar + .form-control { + margin: -1px 0 0; + border-right: none; + border-left: none; +} +.panel-group .panel { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.form-control + .panel-footer { + border-top: none; +} +.panel-body { + padding: 15px; +} +.panel-body.no-border { + border: none !important; +} +.panel-body.panel-table, +.panel-body.panel-form, +.panel-body.no-padding, +.panel-body.panel-full-width { + padding: 0 !important; +} +.panel-body.with-table > .table { + border: 0; + margin: 0; +} +.panel-body.with-table > .table tr:last-child th, +.panel-body.with-table > .table tr:last-child td{ + border-bottom: 0; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #eee; +} +.panel-footer { + background: #fff; + border-top: 1px solid #eee; +} +.panel .tab-content { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.panel-default > .panel-heading { + background: #fafafa; +} +.panel-inverse > .panel-heading, +.panel-success > .panel-heading, +.panel-warning > .panel-heading, +.panel-danger > .panel-heading, +.panel-primary > .panel-heading, +.panel-info > .panel-heading { + color: #fff; +} +.panel-inverse > .panel-heading { background: #242a30; } +.panel-success > .panel-heading { background: #008a8a; } +.panel-warning > .panel-heading { background: #c47d15; } +.panel-danger > .panel-heading { background: #cc4946; } +.panel-primary > .panel-heading { background: #2a72b5; } +.panel-info > .panel-heading { background: #3a92ab; } + + +/* 15.2 Component - Panel - Panel Expand */ + +.panel.panel-expand { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + overflow: hidden; + z-index: 1080; +} +.panel-expand .height-xs, +.panel-expand .height-sm, +.panel-expand .height-md, +.panel-expand .height-lg, +.panel-expand .height-full { + height: 100% !important; +} +@keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +@-webkit-keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +.panel.panel-expand > .panel-heading .fa.fa-expand:before { + content: '\f066'; +} +.panel.panel-expand, +.panel.panel-expand > .panel-heading, +.panel.panel-expand > .panel-body { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.panel.panel-expand > .panel-body { + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 40px; + overflow-y: scroll; + z-index: 1020; +} +.panel.panel-expand > .panel-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} + + +/* 15.3 Component - Panel - Panel loading */ + +.panel.panel-loading .panel-body { + position: relative; + z-index: 0; +} +.panel.panel-loading.panel-expand .panel-body { + position: absolute; +} +.panel.panel-loading .panel-body .panel-loader { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + opacity: 0.9; + filter: alpha(opacity=90); + animation: fadeIn .2s; + -webkit-animation: fadeIn .2s; + z-index: 1020; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + + +/* 15.3.1 Component - Button - Default */ + +.btn.btn-default { + color: #fff; + background: #b6c2c9; + border-color: #b6c2c9; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background: #929ba1; + border-color: #929ba1; +} +.btn-group .btn.btn-default:not(.active) + .btn.btn-default, +.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default { + border-left-color: #929ba1; +} + + +/* 15.3.2 Component - Button - White */ + +.btn.btn-white { + font-weight: normal; + color: #333; + background: #fff; + border-color: #e2e7eb; +} +.btn.btn-white.btn-white-without-border { + border-color: #fff; +} +.btn.btn-white.btn-white-without-border.active, +.btn.btn-white.btn-white-without-border.active:hover, +.btn.btn-white.btn-white-without-border.active:focus { + border-color: #ddd; +} +.btn.btn-white.btn-white-without-border:hover, +.btn.btn-white.btn-white-without-border:focus { + border-color: #eee; +} +.btn-white:hover, +.btn-white:focus, +.btn-white:active, +.btn-white.active, +.open .dropdown-toggle.btn-white { + background: #e2e7eb; + border-color: #d8dde1; +} +.btn-group .btn.btn-white:not(.active) + .btn.btn-white, +.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { + border-left-color: #eee; +} + + +/* 15.3.3 Component - Button - Inverse */ + +.btn.btn-inverse { + color: #fff; + background: #2d353c; + border-color: #2d353c; +} +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse:active, +.btn-inverse.active, +.open .dropdown-toggle.btn-inverse { + background: #242a30; + border-color: #242a30; +} +.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse, +.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse { + border-left-color: #242a30; +} + + +/* 15.3.4 Component - Button - Primary */ + +.btn.btn-primary { + color: #fff; + background: #348fe2; + border-color: #348fe2; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background: #2a72b5; + border-color: #2a72b5; +} +.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary, +.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary { + border-left-color: #2a72b5; +} + + +/* 15.3.5 Component - Button - Success */ + +.btn.btn-success { + color: #fff; + background: #00acac; + border-color: #00acac; +} +.btn.btn-success:hover, +.btn.btn-success:focus, +.btn.btn-success:active, +.btn.btn-success.active, +.open .dropdown-toggle.btn-success { + background: #008a8a; + border-color: #008a8a; +} +.btn-group .btn.btn-success:not(.active) + .btn.btn-success, +.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success { + border-left-color: #008a8a; +} + + +/* 15.3.6 Component - Button - Warning */ + +.btn.btn-warning { + color: #fff; + background: #f59c1a; + border-color: #f59c1a; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background: #c47d15; + border-color: #c47d15; +} +.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning, +.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning { + border-left-color: #c47d15; +} + + +/* 15.3.7 Component - Button - Danger */ + +.btn.btn-danger { + color: #fff; + background: #ff5b57; + border-color: #ff5b57; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background: #cc4946; + border-color: #cc4946; +} +.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger, +.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger { + border-left-color: #cc4946; +} + + +/* 15.3.8 Component - Button - Info */ + +.btn.btn-info { + color: #fff; + background: #49b6d6; + border-color: #49b6d6; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background: #3a92ab; + border-color: #3a92ab; +} +.btn-group .btn.btn-info:not(.active) + .btn.btn-info, +.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info { + border-left-color: #3a92ab; +} + + +/* 15.4 Component - Modal Setting */ + +.modal-content { + border: none; + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.modal-header { + padding: 12px 15px; + border-bottom-color: #e2e7eb; +} +.modal-header .close { + margin-top: 2px; +} +.modal-body { + padding: 15px; +} +.modal-footer { + border-top-color: #e2e7eb; + padding: 14px 15px 15px; +} +.modal-message .modal-dialog { + width: 100%; +} +.modal-message .modal-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.modal-message .modal-header, +.modal-message .modal-body, +.modal-message .modal-footer { + width: 60%; + border: none; + margin: 0 auto; +} +.modal-backdrop.fade.in { + opacity: 0.5; + filter: alpha(opacity=50); +} + + +/* 15.5 Component - Button */ + +.btn { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: none; +} +.btn-icon, +.btn.btn-icon { + display: inline-block; + width: 28px; + height: 28px; + padding: 0; + border: none; + line-height: 28px; + text-align: center; + font-size: 14px; +} +.btn-circle, +.btn.btn-circle { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} +.btn-icon.btn-xs { + width: 16px; + height: 16px; + font-size: 8px; + line-height: 16px; +} +.btn-icon.btn-sm { + width: 22px; + height: 22px; + font-size: 11px; + line-height: 22px; +} +.btn-icon.btn-lg { + width: 34px; + height: 34px; + font-size: 17px; + line-height: 34px; +} +.btn-scroll-to-top { + position: fixed; + bottom: 20px; + right: 25px; + z-index: 1020; +} +.page-with-right-sidebar .btn-scroll-to-top { + left: 25px; + right: auto; +} +.btn > .pull-left, +.btn > .pull-right { + line-height: 1.428571429; +} +.btn-block { + padding-left: 12px; + padding-right: 12px; +} +.btn:active, +.btn.active { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); +} + + +/* 15.6 Form Label Setting */ + +label { + font-weight: 600; +} + + +/* 15.7 Form Control Setting */ + +.form-control { + border: 1px solid #ccd0d4; + -webkit-box-shadow: none; + box-shadow: none; +} +.form-control:focus { + border-color: #9fa2a5; + -webkit-box-shadow: none; + box-shadow: none; +} + + +/* 15.8 Component - Badge & Label Setting */ + +.badge { + font-size: 75%; + line-height: 1.25; + font-weight: 600; +} +.label { + font-size: 75%; + font-weight: 600; +} +.badge.badge-square { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.badge.badge-default, +.label.label-default { + background: #b6c2c9 ; +} +.badge.badge-danger, +.label.label-danger { + background: #ff5b57 ; +} +.badge.badge-warning, +.label.label-warning { + background: #f59c1a ; +} +.badge.badge-success, +.label.label-success { + background: #00acac ; +} +.badge.badge-info, +.label.label-info { + background: #49b6d6 ; +} +.badge.badge-primary, +.label.label-primary { + background: #348fe2 ; +} +.badge.badge-inverse, +.label.label-inverse { + background: #2d353c ; +} + + +/* 15.9 Component - Pagination & pager */ + +.pager li > a, +.pager li > span, +.pagination > li > a { + border-color: #e2e7eb; + color: #242a30; +} +.pager.pager-without-border li > a, +.pager.pager-without-border li > span, +.pagination.pagination-without-border > li > a { + border-color: #fff; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus, +.pager > .disabled > span, +.pager > .disabled > a { + opacity: 0.6; + filter: alpha(opacity=60); + border-color: #ddd; +} +.pagination > li > a { + color: #242a30; + margin-left: 5px; + -webkit-border-radius: 3px !important; + -moz-border-radius: 3px !important; + border-radius: 3px !important; +} +.pagination > li:first-child > a { + margin-left: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + font-size: 10px; + margin-left: 4px; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + font-size: 14px; + margin-left: 6px; +} +.pager li > a:hover, +.pager li > a:focus, +.pager li > span:hover, +.pager li > span:focus, +.pagination > li > a:hover, +.pagination > li > a:focus { + color: #242a30; + background: #e2e7eb; + border-color: #d8dde1; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + background: #242a30 !important; + border-color: #242a30 !important; +} + + +/* 15.10 Dropdown Menu Setting */ + +.dropdown-menu { + font-size: 12px; + border: none; + box-shadow: 0 2px 2px rgba(0,0,0,0.15); +} +.dropdown .arrow { + display: none; + position: relative; + z-index: 1020; +} +.dropdown.dropdown-hover:hover .arrow, +.dropdown.dropdown-hover:focus .arrow, +.dropdown.open .arrow { + display: block; +} +.dropdown .arrow:before, +.dropdown .arrow:after { + content: ''; + position: absolute; + left: 50%; + margin-left: -7px; +} +.dropdown .arrow.top:before, +.dropdown .arrow.top:after { + border: 7px solid transparent; + border-bottom-color: #00acac; + top: -2px; +} +.dropdown .arrow.top:before { + border-bottom-color: #00acac; + top: -3px; +} +.dropdown.dropdown-full-width { + position: initial; +} +.dropdown.dropdown-full-width .dropdown-menu { + left: 0; + right: 0; + top: 100%; +} + + +/* 15.11 Dropdown Menu Container Setting */ + +.dropdown-menu-container { + display: table; + width: 100%; + min-width: 700px; + padding: 25px 10px; +} +.dropdown-menu-sidebar { + display: table-cell; + width: 240px; + min-width: 240px; + vertical-align: top; + padding: 5px 20px; +} +.dropdown-menu-content { + display: table-cell; + padding: 5px 20px; + vertical-align: top; +} +.dropdown-menu-sidebar + .dropdown-menu-content { + border-left: 1px solid #CCD0D4; + padding-left: 30px; +} +.dropdown-menu-list { + list-style-type: none; + margin: 0 0 15px; + padding: 0; +} +.dropdown-menu-list > li > a { + display: block; + line-height: 20px; + padding: 5px 0; + color: #212121; + font-size: 14px; +} +.dropdown-menu-list > li.active > a, +.dropdown-menu-list > li.active > a:hover, +.dropdown-menu-list > li.active > a:focus { + opacity: 0.5; + color: #575d63; +} +.dropdown-menu-list > li > a:hover, +.dropdown-menu-list > li > a:focus { + text-decoration: none; + color: #00acac; +} +.dropdown-menu-list > li > a i.pull-right { + font-size: 14px; + line-height: 20px; + display: none; +} +.dropdown-menu-container .title { + font-weight: 600; + margin: 0 0 15px; + font-size: 14px; +} +.dropdown-menu-list .dropdown-header { + padding: 5px 0; + line-height: 20px; + margin-bottom: 10px; + border-bottom: 1px solid #ddd; +} + + +/* 15.12 Dropdown Brand List Setting */ + +.dropdown-brand-list { + list-style-type: none; + margin: 0 0 15px; + padding: 0; + white-space: nowrap; +} +.dropdown-brand-list > li { + display: inline-block; + padding: 0; +} +dropdown-brand-list > li + li { + padding-left: 30px; +} +.dropdown-brand-list > li a { + display: block; + height: 60px; + padding: 0 10px; + max-width: 120px; + line-height: 60px; + text-align: center; +} +.dropdown-brand-list > li img { + max-height: 100%; + max-width: 100%; + filter: url("data:image/svg+xml;utf8,#grayscale"); + filter: gray; + -webkit-filter: grayscale(100%); + opacity: 0.5; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.dropdown-brand-list > li:hover img, +.dropdown-brand-list > li:focus img { + filter: none; + -webkit-filter: none; + opacity: 1.0; +} + + +/* 15.13 Theme Panel */ + +.theme-panel .theme-collapse-btn { + position: absolute; + left: -40px; + top: 50%; + margin-top: -20px; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; + color: #000; + background: #fff; + background: rgba(255,255,255,0.9); + border-radius: 4px 0 0 4px; + text-align: center; + text-decoration: none; + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.4); + box-shadow: 0 0 2px rgba(0,0,0,.4); +} +.theme-panel { + position: fixed; + right: -180px; + top: 200px; + z-index: 1020; + box-shadow: 0 0 2px rgba(0,0,0,.4); + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.4); + width: 180px; + -webkit-transition: right .2s linear; + -moz-transition: right .2s linear; + transition: right .2s linear; +} +.theme-panel .theme-panel-content { + padding: 5px; + background: #fff; + position: relative; + z-index: 1020; +} +.theme-panel .theme-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.theme-panel .theme-list > li { + float: left; +} +.theme-panel .theme-list > li + li { + margin-left: 5px; +} +.theme-panel .theme-list > li > a { + width: 30px; + height: 30px; + border-radius: 3px; + display: block; + text-decoration: none; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; + position: relative; +} +.theme-panel .theme-list > li.active > a:before { + content: '\f00c'; + font-family: FontAwesome; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + font-size: 14px; + color: #fff; + opacity: .4; + filter: alpha(opacity=40); + text-align: center; + line-height: 30px; + text-align: center; +} +.theme-panel.active { + right: 0; +} + + +/* ------------------------------- + 16.0 Predefined CSS Setting +------------------------------- */ + +/* 16.1 Predefined Classes */ + +.row { margin: 0 -10px; } +.row > [class*="col-"] { padding: 0 10px; } + +.row.row-space-0 { margin: 0; } +.row.row-space-2 { margin: 0 -1px; } +.row.row-space-4 { margin: 0 -2px; } +.row.row-space-6 { margin: 0 -3px; } +.row.row-space-8 { margin: 0 -4px; } +.row.row-space-10 { margin: 0 -5px; } +.row.row-space-12 { margin: 0 -6px; } +.row.row-space-14 { margin: 0 -7px; } +.row.row-space-16 { margin: 0 -8px; } +.row.row-space-18 { margin: 0 -9px; } +.row.row-space-18 { margin: 0 -10px; } +.row.row-space-22 { margin: 0 -11px; } +.row.row-space-24 { margin: 0 -12px; } +.row.row-space-26 { margin: 0 -13px; } +.row.row-space-28 { margin: 0 -14px; } +.row.row-space-30 { margin: 0 -15px; } +.row.row-space-0 > [class*="col-"] { padding: 0; } +.row.row-space-2 > [class*="col-"] { padding: 0 1px; } +.row.row-space-4 > [class*="col-"] { padding: 0 2px; } +.row.row-space-6 > [class*="col-"] { padding: 0 3px; } +.row.row-space-8 > [class*="col-"] { padding: 0 4px; } +.row.row-space-10 > [class*="col-"] { padding: 0 5px; } +.row.row-space-12 > [class*="col-"] { padding: 0 6px; } +.row.row-space-14 > [class*="col-"] { padding: 0 7px; } +.row.row-space-16 > [class*="col-"] { padding: 0 8px; } +.row.row-space-18 > [class*="col-"] { padding: 0 9px; } +.row.row-space-20 > [class*="col-"] { padding: 0 10px; } +.row.row-space-22 > [class*="col-"] { padding: 0 11px; } +.row.row-space-24 > [class*="col-"] { padding: 0 12px; } +.row.row-space-26 > [class*="col-"] { padding: 0 13px; } +.row.row-space-28 > [class*="col-"] { padding: 0 14px; } +.row.row-space-30 > [class*="col-"] { padding: 0 15px; } + +.semi-bold { font-weight: 600; } + +.overflow-auto { overflow: auto !important; } +.overflow-hidden { overflow: hidden !important; } +.overflow-visible { overflow: visible !important; } +.overflow-scroll { overflow: scroll !important; } +.overflow-x-hidden { overflow-x: hidden !important; } +.overflow-x-visible { overflow-x: visible !important; } +.overflow-x-scroll { overflow-x: scroll !important; } +.overflow-y-hidden { overflow-y: hidden !important; } +.overflow-y-visible { overflow-y: visible !important; } +.overflow-y-scroll { overflow-y: scroll !important; } + +.m-auto { margin: 0 auto !important; } +.m-0 { margin: 0px !important; } +.m-1 { margin: 1px !important; } +.m-2 { margin: 2px !important; } +.m-3 { margin: 3px !important; } +.m-4 { margin: 4px !important; } +.m-5 { margin: 5px !important; } +.m-10 { margin: 10px !important; } +.m-15 { margin: 15px !important; } +.m-20 { margin: 20px !important; } +.m-25 { margin: 25px !important; } +.m-30 { margin: 30px !important; } +.m-35 { margin: 35px !important; } +.m-40 { margin: 40px !important; } + +.m-t-0 { margin-top: 0px !important; } +.m-t-1 { margin-top: 1px !important; } +.m-t-2 { margin-top: 2px !important; } +.m-t-3 { margin-top: 3px !important; } +.m-t-4 { margin-top: 4px !important; } +.m-t-5 { margin-top: 5px !important; } +.m-t-10 { margin-top: 10px !important; } +.m-t-15 { margin-top: 15px !important; } +.m-t-20 { margin-top: 20px !important; } +.m-t-25 { margin-top: 25px !important; } +.m-t-30 { margin-top: 30px !important; } +.m-t-35 { margin-top: 35px !important; } +.m-t-40 { margin-top: 40px !important; } + +.m-r-0 { margin-right: 0px !important; } +.m-r-1 { margin-right: 1px !important; } +.m-r-2 { margin-right: 2px !important; } +.m-r-3 { margin-right: 3px !important; } +.m-r-4 { margin-right: 4px !important; } +.m-r-5 { margin-right: 5px !important; } +.m-r-10 { margin-right: 10px !important; } +.m-r-15 { margin-right: 15px !important; } +.m-r-20 { margin-right: 20px !important; } +.m-r-25 { margin-right: 25px !important; } +.m-r-30 { margin-right: 30px !important; } +.m-r-35 { margin-right: 35px !important; } +.m-r-40 { margin-right: 40px !important; } + +.m-b-0 { margin-bottom: 0px !important; } +.m-b-1 { margin-bottom: 1px !important; } +.m-b-2 { margin-bottom: 2px !important; } +.m-b-3 { margin-bottom: 3px !important; } +.m-b-4 { margin-bottom: 4px !important; } +.m-b-5 { margin-bottom: 5px !important; } +.m-b-10 { margin-bottom: 10px !important; } +.m-b-15 { margin-bottom: 15px !important; } +.m-b-20 { margin-bottom: 20px !important; } +.m-b-25 { margin-bottom: 25px !important; } +.m-b-30 { margin-bottom: 30px !important; } +.m-b-35 { margin-bottom: 35px !important; } +.m-b-40 { margin-bottom: 40px !important; } + +.m-l-0 { margin-left: 0px !important; } +.m-l-1 { margin-left: 1px !important; } +.m-l-2 { margin-left: 2px !important; } +.m-l-3 { margin-left: 3px !important; } +.m-l-4 { margin-left: 4px !important; } +.m-l-5 { margin-left: 5px !important; } +.m-l-10 { margin-left: 10px !important; } +.m-l-15 { margin-left: 15px !important; } +.m-l-20 { margin-left: 20px !important; } +.m-l-25 { margin-left: 25px !important; } +.m-l-30 { margin-left: 30px !important; } +.m-l-35 { margin-left: 35px !important; } +.m-l-40 { margin-left: 40px !important; } + +.p-0 { padding: 0px !important; } +.p-1 { padding: 1px !important; } +.p-2 { padding: 2px !important; } +.p-3 { padding: 3px !important; } +.p-4 { padding: 4px !important; } +.p-5 { padding: 5px !important; } +.p-10 { padding: 10px !important; } +.p-15, .wrapper { padding: 15px !important; } +.p-20 { padding: 20px !important; } +.p-25 { padding: 25px !important; } +.p-30 { padding: 30px !important; } +.p-35 { padding: 35px !important; } +.p-40 { padding: 40px !important; } + +.p-t-0 { padding-top: 0px !important; } +.p-t-1 { padding-top: 1px !important; } +.p-t-2 { padding-top: 2px !important; } +.p-t-3 { padding-top: 3px !important; } +.p-t-4 { padding-top: 4px !important; } +.p-t-5 { padding-top: 5px !important; } +.p-t-10 { padding-top: 10px !important; } +.p-t-15 { padding-top: 15px !important; } +.p-t-20 { padding-top: 20px !important; } +.p-t-25 { padding-top: 25px !important; } +.p-t-30 { padding-top: 30px !important; } +.p-t-35 { padding-top: 35px !important; } +.p-t-40 { padding-top: 40px !important; } + +.p-r-0 { padding-right: 0px !important; } +.p-r-1 { padding-right: 1px !important; } +.p-r-2 { padding-right: 2px !important; } +.p-r-3 { padding-right: 3px !important; } +.p-r-4 { padding-right: 4px !important; } +.p-r-5 { padding-right: 5px !important; } +.p-r-10 { padding-right: 10px !important; } +.p-r-15 { padding-right: 15px !important; } +.p-r-20 { padding-right: 20px !important; } +.p-r-25 { padding-right: 25px !important; } +.p-r-30 { padding-right: 30px !important; } +.p-r-35 { padding-right: 35px !important; } +.p-r-40 { padding-right: 40px !important; } + +.p-b-0 { padding-bottom: 0px !important; } +.p-b-1 { padding-bottom: 1px !important; } +.p-b-2 { padding-bottom: 2px !important; } +.p-b-3 { padding-bottom: 3px !important; } +.p-b-4 { padding-bottom: 4px !important; } +.p-b-5 { padding-bottom: 5px !important; } +.p-b-10 { padding-bottom: 10px !important; } +.p-b-15 { padding-bottom: 15px !important; } +.p-b-20 { padding-bottom: 20px !important; } +.p-b-25 { padding-bottom: 25px !important; } +.p-b-30 { padding-bottom: 30px !important; } +.p-b-35 { padding-bottom: 35px !important; } +.p-b-40 { padding-bottom: 40px !important; } + +.p-l-0 { padding-left: 0px !important; } +.p-l-1 { padding-left: 1px !important; } +.p-l-2 { padding-left: 2px !important; } +.p-l-3 { padding-left: 3px !important; } +.p-l-4 { padding-left: 4px !important; } +.p-l-5 { padding-left: 5px !important; } +.p-l-10 { padding-left: 10px !important; } +.p-l-15 { padding-left: 15px !important; } +.p-l-20 { padding-left: 20px !important; } +.p-l-25 { padding-left: 25px !important; } +.p-l-30 { padding-left: 30px !important; } +.p-l-35 { padding-left: 35px !important; } +.p-l-40 { padding-left: 40px !important; } + +.f-s-8 { font-size: 8px !important; } +.f-s-9 { font-size: 9px !important; } +.f-s-10 { font-size: 10px !important; } +.f-s-11 { font-size: 11px !important; } +.f-s-12 { font-size: 12px !important; } +.f-s-13 { font-size: 13px !important; } +.f-s-14 { font-size: 14px !important; } +.f-s-15 { font-size: 15px !important; } +.f-s-16 { font-size: 16px !important; } +.f-s-17 { font-size: 17px !important; } +.f-s-18 { font-size: 18px !important; } +.f-s-19 { font-size: 19px !important; } +.f-s-20 { font-size: 20px !important; } + +.text-center { text-align: center !important; } +.text-left { text-align: left !important; } +.text-right { text-align: right !important; } + +.pull-left { float: left !important; } +.pull-right { float: right !important; } +.pull-none { float: none !important; } + +.f-w-100 { font-weight: 100 !important; } +.f-w-200 { font-weight: 200 !important; } +.f-w-300 { font-weight: 300 !important; } +.f-w-400 { font-weight: 400 !important; } +.f-w-500 { font-weight: 500 !important; } +.f-w-600 { font-weight: 600 !important; } +.f-w-700 { font-weight: 700 !important; } + +.table-valign-middle th, +.table-valign-middle td { + vertical-align: middle !important; +} +.table-th-valign-middle th, +.table-td-valign-middle td { + vertical-align: middle !important; +} +.table-valign-top th, +.table-valign-top td { + vertical-align: top !important; +} +.table-th-valign-top th, +.table-td-valign-top td { + vertical-align: top !important; +} +.table-valign-bottom th, +.table-valign-bottom td { + vertical-align: bottom !important; +} +.table-th-valign-bottom th, +.table-td-valign-bottom td { + vertical-align: bottom !important; +} +.vertical-box { + display: table; + table-layout: fixed; + border-spacing: 0; + height: 100%; + width: 100%; +} +.vertical-box-column { + display: table-cell; + vertical-align: top; + height: 100%; +} +.vertical-box-row { + display: table-row; + height: 100%; +} +.vertical-box-row > .vertical-box-cell { + position: relative; + height: 100%; + width: 100%; + float: none; +} +.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} +.panel-expand .vertical-box .vertical-box-column { + display: table-cell; +} +.page-content-full-height .content { + position: absolute; + left: 0; + top: 54px; + right: 0; + bottom: 0; + -webkit-transform: translateZ(0); +} +.panel-expand .page-content-full-height .content { + -webkit-transform: none; +} +.no-rounded-corner { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.rounded-corner { + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} +.no-border { border: 0 !important; } +.border-top-1 { border-top: 1px solid #eee !important; } +.border-right-1 { border-right: 1px solid #eee !important; } +.border-bottom-1 { border-bottom: 1px solid #eee !important; } +.border-left-1 { border-left: 1px solid #eee !important; } +.no-box-shadow { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.text-inverse { color: #2d353c !important; } +a.text-inverse:hover, +a.text-inverse:focus { + color: #575d63 !important; +} +.text-success { color: #00acac !important; } +a.text-success:hover, +a.text-success:focus { + color: #33bdbd !important; +} +.text-info { color: #49b6d6 !important; } +a.text-info:hover, +a.text-info:focus { + color: #6dc5de !important; +} +.text-primary { color: #348fe2 !important; } +a.text-primary:hover, +a.text-primary:focus { + color: #5da5e8 !important; +} +.text-warning { color: #f59c1a !important; } +a.text-warning:hover, +a.text-warning:focus { + color: #f7b048 !important; +} +.text-danger { color: #ff5b57 !important; } +a.text-danger:hover, +a.text-danger:focus { + color: #ff7c79 !important; +} +.text-white { color: #fff !important; } +a.text-white:hover, +a.text-white:focus { + color: #f0f3f4 !important; +} + +.bg-white { background: #ffffff !important; } +.bg-silver-lighter { background: #f4f6f7 !important; } +.bg-silver { background: #f0f3f4 !important; } +.bg-silver-darker { background: #b4b6b7 !important; } + +.bg-black { background: #2d353c !important; } +.bg-black-darker { background: #242a30 !important; } +.bg-black-lighter { background: #575d63 !important; } + +.bg-grey { background: #b6c2c9 !important; } +.bg-grey-darker { background: #929ba1 !important; } +.bg-grey-lighter { background: #c5ced4 !important; } + +.bg-red { background: #ff5b57 !important; } +.bg-red-darker { background: #cc4946 !important; } +.bg-red-lighter { background: #ff7c79 !important; } + +.bg-orange { background: #f59c1a !important; } +.bg-orange-darker { background: #c47d15 !important; } +.bg-orange-lighter { background: #f7b048 !important; } + +.bg-yellow { background: #e3fa3e !important; } +.bg-yellow-darker { background: #b6c832 !important; } +.bg-yellow-lighter { background: #e9fb65 !important; } + +.bg-green { background: #00acac !important; } +.bg-green-darker { background: #008a8a !important; } +.bg-green-lighter { background: #33bdbd !important; } + +.bg-blue { background: #348fe2 !important; } +.bg-blue-darker { background: #2a72b5 !important; } +.bg-blue-lighter { background: #5da5e8 !important; } + +.bg-aqua { background: #49b6d6 !important; } +.bg-aqua-darker { background: #3a92ab !important; } +.bg-aqua-lighter { background: #6dc5de !important; } + +.bg-purple { background: #727cb6 !important; } +.bg-purple-darker { background: #5b6392 !important; } +.bg-purple-lighter { background: #8e96c5 !important; } + +.no-bg { background: none !important; } + +.height-xs { height: 150px !important; } +.height-sm { height: 300px !important; } +.height-md { height: 450px !important; } +.height-lg { height: 600px !important; } +.height-full { height: 100% !important; } +.height-50 { height: 50px !important; } +.height-100 { height: 100px !important; } +.height-150 { height: 150px !important; } +.height-200 { height: 200px !important; } +.height-250 { height: 250px !important; } +.height-300 { height: 300px !important; } +.height-350 { height: 350px !important; } +.height-400 { height: 400px !important; } +.height-450 { height: 450px !important; } +.height-500 { height: 500px !important; } +.height-550 { height: 550px !important; } +.height-600 { height: 600px !important; } + +.width-xs { width: 150px !important; } +.width-sm { width: 300px !important; } +.width-md { width: 450px !important; } +.width-lg { width: 600px !important; } +.width-full { width: 100% !important; } +.width-50 { width: 50px !important; } +.width-100 { width: 100px !important; } +.width-150 { width: 150px !important; } +.width-200 { width: 200px !important; } +.width-250 { width: 250px !important; } +.width-300 { width: 300px !important; } +.width-350 { width: 350px !important; } +.width-400 { width: 400px !important; } +.width-450 { width: 450px !important; } +.width-500 { width: 500px !important; } +.width-550 { width: 550px !important; } +.width-600 { width: 600px !important; } + +.animated { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.fade { + opacity: 0; + -webkit-transition: opacity .3s linear; + transition: opacity .3s linear; +} +.text-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; +} +.underline { + border-bottom: 1px solid #e2e7eb !important; +} \ No newline at end of file diff --git a/public/assets/css/e-commerce/style.min.css b/public/assets/css/e-commerce/style.min.css new file mode 100755 index 0000000..3d37581 --- /dev/null +++ b/public/assets/css/e-commerce/style.min.css @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/.top-nav .dropdown-menu>li>a,.top-nav .nav>li>a{line-height:20px;color:#fff}.header,.top-nav{position:relative}.carousel .bg-cover-img,.cart-item-image img,.footer .list-product .image img,.page-header-cover img,.product-image img,.product-thumbnail-list>li a img,.promotion-image img,.section-container.has-bg .cover-bg img,.table.table-cart .cart-product .product-img img,.table.table-payment-summary .product-summary .product-summary-img img{max-width:100%}body{background:#fff;font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.dropdown.dropdown-hover:focus .dropdown-menu,.dropdown.dropdown-hover:hover .dropdown-menu{display:block}a{color:#00acac;-webkit-transition:all .2s cubic-bezier(.6,.045,.4,1);-moz-transition:all .2s cubic-bezier(.6,.045,.4,1);transition:all .2s cubic-bezier(.6,.045,.4,1)}a:active,a:focus,a:hover{color:#008a8a}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:600}.top-nav{background:#242A30;z-index:1040}.top-nav .nav>li>a{font-size:12px;padding:10px;-webkit-transition:opacity .2s cubic-bezier(.6,.045,.4,1);-moz-transition:opacity .2s cubic-bezier(.6,.045,.4,1);transition:opacity .2s cubic-bezier(.6,.045,.4,1)}.top-nav .nav:first-child{margin-left:-15px}.top-nav .nav>li>a:focus,.top-nav .nav>li>a:hover{background:0 0;color:#fff;opacity:.65}.top-nav .flag-img{float:left;margin-top:4px;margin-right:5px;height:12px}.top-nav .dropdown-menu .flag-img{margin-right:10px;margin-left:-5px;width:20px}.top-nav .dropdown-menu{background:#2d353c}.top-nav .dropdown-menu>li>a:focus,.top-nav .dropdown-menu>li>a:hover{background:#242A30}.header{background:#fff;padding:0;box-shadow:0 0 2px rgba(0,0,0,.3);z-index:1030}.header.header-fixed{position:fixed;top:0;left:0;right:0;z-index:1040}.header .container{position:relative}.header .header-container{display:table;width:100%}.header-logo,.header-nav{display:table-cell;vertical-align:middle}.header-logo{width:240px;height:76px}.header-logo a{color:#212121;text-decoration:none;font-size:20px}.header-logo a span{color:#009688}.header-logo a small{display:block;font-size:12px;font-weight:400;margin-top:-3px;color:#666}.header-logo .brand{float:left;border:15px solid transparent;border-color:#33bdbd #009688 #008a8a;margin:6px 12px 6px 10px;border-radius:6px;box-shadow:0 5px 5px -4px #000}.header-nav .nav>li{float:left}.header-nav .nav>li>a{color:#212121;line-height:56px}.header-nav .nav>li.divider{width:1px;height:24px;margin:26px 0;background:#e5e5e5}.header-nav .nav>li.active>a,.header-nav .nav>li.active>a:focus,.header-nav .nav>li.active>a:hover{color:#009688}.header-nav .nav>li.open>a,.header-nav .nav>li.open>a:focus,.header-nav .nav>li.open>a:hover,.header-nav .nav>li>a:focus,.header-nav .nav>li>a:hover{background:0 0;color:#707478}.header-cart{display:block;color:#212121}.header-cart .header-cart-icon{float:right;font-size:28px;height:48px;width:48px;text-align:center;line-height:48px;position:relative;margin:-18px -15px -18px 0}.header-cart .header-cart-icon .total{position:absolute;top:12px;right:7px;font-size:9px;background:#ff5b57;color:#fff;font-weight:700;border-radius:14px;line-height:14px;padding-left:4px;padding-right:4px}.header-cart .header-cart-text{margin-right:35px;line-height:20px}.header-cart i{font-size:20px;float:left;line-height:56px;margin-right:5px}.header-cart .total{font-size:12px;color:#fff;font-weight:700;background:#00acac;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:20px}.header .dropdown-menu{margin:0;padding:0 15px;border-top:3px solid #00acac;border-radius:0 0 4px 4px;min-width:240px}.header .dropdown-menu>li>a{padding:10px 0;line-height:20px}.header .dropdown-menu>li>a:focus,.header .dropdown-menu>li>a:hover{background:0 0;color:#009688}.header .dropdown-menu>li.arrow+li{border-top:none}.cart-body+.cart-footer,.cart-header+.cart-body,.cart-item>li+li,.header .dropdown-menu>li+li{border-top:1px solid #e5e5e5}.header .navbar-header+.navbar-collapse{margin-left:240px}.header .dropdown-title{margin:0 0 15px;color:#242a30}.header .user-img{float:left;width:36px;height:36px;border-radius:40px;margin:10px 10px 10px 0}.header.header-inverse{background:#363D44}.header.header-inverse .header-logo a,.header.header-inverse .header-nav .nav>li>a{color:#fff}.header.header-inverse .header-nav .nav>li.active>a,.header.header-inverse .header-nav .nav>li.active>a:focus,.header.header-inverse .header-nav .nav>li.active>a:hover{color:#00acac}.navbar-toggle{background:0 0;float:left;margin:0 0 0 -15px;padding:22px 15px;border-right:1px solid #eee;border-radius:0}.navbar-toggle .icon-bar{background:#333}.cart-body,.cart-footer,.cart-header{padding:15px}.cart-item{list-style-type:none;margin:0;padding:0}.cart-item>li{display:table;width:100%}.cart-item>li>div{display:table-cell;vertical-align:middle}.cart-item>li+li{padding-top:10px;margin-top:10px}.cart-item>li h4{font-size:14px;line-height:18px;margin:3px 0}.cart-item>li .price{color:#777;font-size:14px;font-weight:600;margin:0}.cart-title{font-size:12px;font-weight:700;margin:0}.cart-item-image{float:left;width:80px;height:60px;padding:7px;overflow:hidden;text-align:center;line-height:44px;border:1px solid #e5e5e5}.cart-item-image img{max-height:100%}.cart-item-info{width:80%}.cart-item-image+.cart-item-info,.cart-item-info+.cart-item-close{padding-left:15px}.cart-item-close a{font-size:18px;color:#999;height:24px;width:24px;text-align:center;line-height:24px;display:block;text-decoration:none;border-radius:24px;background:#f9f9f9}.footer .fa-li,.footer p,.footer ul{line-height:20px}.cart-item-close a:focus,.cart-item-close a:hover{background:#b6c2c9;color:#fff}.dropdown-menu.dropdown-menu-cart{left:auto;right:0;margin-right:-142px;width:360px}.footer{padding:30px 0;font-size:12px;color:#a8acb1;background:#242a30;box-shadow:inset 0 100px 80px -80px rgba(0,0,0,.7);-webkit-box-shadow:inset 0 100px 80px -80px rgba(0,0,0,.7)}.form-control,.panel{-webkit-box-shadow:none}.footer-header{font-size:12px;color:#fff;font-weight:700;margin:10px 0 20px;letter-spacing:1px}.footer a{color:#616D72;color:rgba(255,255,255,.5)}.footer abbr[data-original-title],.footer abbr[title]{text-decoration:none}.footer .fa-li{font-size:14px;top:-1px}.footer .list-product>li+li{margin-top:15px}.footer .list-product>li:after,.footer .list-product>li:before{content:'';display:table;clear:both}.footer .list-product .image{float:left;width:60px;height:40px;background:#fff;line-height:40px}.footer .list-product .info{margin-left:70px}.footer .list-product .info .info-title{font-size:14px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 3px}.footer .list-product .info .price{color:#616D72;color:rgba(255,255,255,.5);font-weight:600}.footer-copyright{font-size:12px;color:#a8acb1;background:#1d2226;padding:15px 0}.footer-copyright:after,.footer-copyright:before{content:'';display:table;clear:both}.footer-copyright .copyright{float:left;line-height:30px}.footer-copyright .payment-method{float:right;text-align:right}.footer-copyright .payment-method img{max-height:30px}.policy .policy-icon{float:left;width:50px;font-size:38px;line-height:50px;color:#999;text-align:center}.policy .policy-icon+.policy-info{margin-left:65px}.policy .policy-info h4{margin:0;font-size:14px;line-height:20px;font-weight:600}.policy .policy-info p{font-size:12px;color:#777;margin:0}.social,.subscription{display:table;width:100%}.social .social-intro,.social .social-list,.subscription .subscription-form,.subscription .subscription-intro{display:table-cell;vertical-align:middle;width:50%}.subscription .subscription-form{padding:0 30px}.social .social-intro h4,.subscription .subscription-intro h4{margin:0;font-weight:600}.social .social-intro p,.subscription .subscription-intro p{color:#666;margin:0}.social .social-list{text-align:center}.social .social-list a{color:#999;font-size:24px}.social .social-list a:focus,.social .social-list a:hover{color:#212221;text-decoration:none}.social .social-list a+a{margin-left:20px}.section-container{padding:45px 0}.section-container:after,.section-container:before{content:'';display:table;clear:both}.section-container.has-bg{position:relative;color:#fff}.section-container.has-bg .cover-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.section-container.has-bg .cover-bg:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(36,42,48,.8)}.section-container.has-bg .container{position:relative;z-index:1020}.section-container.has-bg .breadcrumb a{color:#fff}.section-title{font-size:20px;font-weight:600;margin:-5px 0 25px;color:#212121}.section-title a.pull-right{font-size:12px;font-weight:700;color:#666;border:1px solid #ccc;padding:8px 15px;line-height:16px;margin:-7px 0;border-radius:3px}.section-title a.pull-right:focus,.section-title a.pull-right:hover{text-decoration:none;background:#fff;color:#212121}.section-title small{margin-left:5px;font-weight:400;font-size:14px;color:#999}.breadcrumb{padding:0;margin:0;background:0 0}.breadcrumb>li{line-height:28px}.ie8 .breadcrumb>li{display:inline}.breadcrumb>li a{color:#333}.page-header-container{position:relative}.page-header-cover,.page-header-cover:before{position:absolute;bottom:0;top:0;right:0;left:0}.page-header-cover{overflow:hidden}.page-header-cover:before{content:'';display:block;background:rgba(36,42,48,.8)}.page-header-container .container{position:relative}.page-header-container .page-header{border:none;color:#fff;margin:0;font-size:28px;padding:0;text-align:center}.pace-inactive{opacity:0;filter:alpha(opacity=0)}.pace{background:#2d353c;position:fixed;top:0;left:0;right:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;z-index:1050}.pace-progress{position:fixed;top:0;left:0;right:0;text-align:center;height:3px;background:#00acac;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s;z-index:2000}.pace:before{content:'';position:fixed;top:0;right:0;left:0;height:3px}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:10px;right:20px;width:20px;height:20px;border:2px solid transparent;border-top-color:#00acac;border-left-color:#00acac;border-radius:10px;-webkit-animation:pace-spinner .4s linear infinite;-moz-animation:pace-spinner .4s linear infinite;-ms-animation:pace-spinner .4s linear infinite;-o-animation:pace-spinner .4s linear infinite;animation:pace-spinner .4s linear infinite}@media (max-width:767px){.pace .pace-activity{top:80px}}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.carousel .container{position:relative}.carousel-control{background:rgba(0,0,0,.55)!important;height:60px;width:40px;top:50%;margin-top:-30px}.carousel-control .glyphicon,.carousel-control i{display:block;margin:0;text-align:center;line-height:60px;position:initial;height:60px;font-size:32px}.carousel-caption-right{text-align:right}.carousel-caption-left{text-align:left}.carousel-caption{text-shadow:none;right:0;left:0;top:60px;bottom:60px;font-weight:300}.carousel-caption .container{padding:0 60px}.carousel-caption .title{font-size:64px;margin:0}.carousel-caption .price{font-size:36px;margin:0;font-weight:600}.carousel-caption .price small{font-size:24px}.carousel-caption .price span{background:rgba(0,0,0,.5);color:#fff;padding-left:10px;padding-right:10px}.carousel-caption .btn{border:2px solid #fff;color:#fff;padding-left:30px;padding-right:30px;margin-top:30px;border-radius:6px}.carousel-caption .btn:focus,.carousel-caption .btn:hover{background:rgba(255,255,255,.25)}.carousel-caption p{margin-bottom:0;font-size:26px}.carousel-caption.text-inverse .btn{border-color:#333;color:#333;font-weight:600}.carousel .product-img{position:absolute;top:40px;max-height:370px}.carousel .product-img.left{left:60px}.carousel .product-img.right{right:60px}.carousel .product-img.bottom{bottom:0}.carousel .bg-cover-img{position:absolute;min-height:100%}.carousel .carousel-inner,.carousel .carousel-inner .item,.slider .carousel{min-height:450px}.carousel-indicators li{border-width:2px}.item{background:#fff}.item.item-thumbnail{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #c5ced4}.item.item-thumbnail a,.item.item-thumbnail a:focus,.item.item-thumbnail a:hover{text-decoration:none}.item.item-thumbnail .item-image{height:130px;text-align:center;padding:15px;line-height:100px;display:block;position:relative}.item.item-thumbnail .item-image .discount{position:absolute;bottom:0;right:15px;line-height:20px;padding:2px 10px;color:#fff;background:#2d353c;font-weight:600;font-size:13px}.item.item-thumbnail .item-image img{max-width:100%;max-height:100%}.item.item-thumbnail .item-info{padding:15px;text-align:center}.item.item-thumbnail .item-title{margin:0 0 3px}.item.item-thumbnail .item-title,.item.item-thumbnail .item-title a{font-weight:600;color:#212121;font-size:14px;line-height:18px;max-height:36px;overflow:hidden}.item.item-thumbnail .item-title a:focus,.item.item-thumbnail .item-title a:hover{color:#009688}.item.item-thumbnail .item-desc{margin:0;font-size:12px;color:#707478;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item.item-thumbnail .item-discount-price{font-size:12px;color:#999;text-decoration:line-through}.item.item-thumbnail .item-price{margin:3px 0;font-size:16px;color:#009688;font-weight:600}.promotion{position:relative;padding-top:165px;overflow:hidden}.promotion+.promotion{margin-top:10px}.promotion.promotion-lg{padding-top:340px}.promotion-image{position:absolute;left:15px;top:15px;bottom:15px;right:15px}.promotion-lg .promotion-image{left:30px;top:30px;bottom:30px;right:30px}.promotion-image.promotion-image-overflow-bottom{top:auto;bottom:-30px}.promotion-image.promotion-image-overflow-top{bottom:auto;top:-30px}.promotion-image.promotion-image-overflow-left{left:-30px}.promotion-image.promotion-image-overflow-right{right:-30px}.promotion-image.promotion-image-overflow-top.promotion-image-overflow-bottom{top:-30px;bottom:-30px}.promotion-image img{max-height:100%}.promotion-caption{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px}.promotion-lg .promotion-caption{padding:30px}.promotion-title{color:#212121;margin:0 0 5px;font-size:20px}.promotion-lg .promotion-title{font-size:36px;margin:0 0 10px}.promotion-desc{font-size:12px;margin-bottom:15px;color:#666}.promotion-lg .promotion-desc{font-size:14px;margin-bottom:30px}.promotion-btn{padding:5px 10px;border:1px solid #212121;color:#212121;border-radius:4px;display:inline-block;font-size:12px}.promotion-lg .promotion-btn{padding:10px 20px;font-size:14px;border:2px solid #212121}.promotion-btn:focus,.promotion-btn:hover,.promotion-caption-inverse .promotion-btn:focus,.promotion-caption-inverse .promotion-btn:hover{border-color:#fff;color:#212121;text-decoration:none;background:#fff}.promotion-price{font-size:16px;margin-bottom:5px}.promotion-lg .promotion-price{font-size:24px;margin-bottom:10px}.promotion-price small{font-size:12px}.promotion-lg .promotion-price small{font-size:14px}.promotion-caption-inverse,.promotion-caption-inverse .promotion-desc,.promotion-caption-inverse .promotion-price,.promotion-caption-inverse .promotion-title{color:#fff}.promotion-lg .promotion-caption-inverse .promotion-desc{color:rgba(255,255,255,.5)}.promotion-caption-inverse .promotion-btn{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.75)}.category-container{border:1px solid #ccc;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.category-container:after,.category-container:before{content:'';display:table;clear:both}.category-container .category-sidebar{width:250px;float:left;padding:20px}.category-sidebar .category-list{list-style-type:none;margin:0;padding:0}.category-sidebar .category-list>li+li{border-top:1px solid #eee}.category-sidebar .category-list>li.list-header{font-size:12px;color:#ccc;font-weight:700;padding-bottom:10px;text-transform:uppercase}.category-sidebar .category-list>li>a{color:#444;font-weight:600;display:block;padding:8px 0;line-height:20px}.category-sidebar .category-list>li>a:focus,.category-sidebar .category-list>li>a:hover{color:#212121;text-decoration:none}.category-container .category-sidebar+.category-detail{margin-left:250px}.category-item.full{float:left;height:525px;overflow:hidden;width:300px;margin:-1px 0;display:block}.category-item.full+.category-item{margin-left:300px}.category-item.full .item{height:100%;position:relative}.category-item.full .item .item-cover{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}.category-item.full .item .item-cover img{max-height:100%}.category-item.full .item .item-info{padding:20px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1020;color:rgba(255,255,255,.75)}.category-item.full .item .item-info.top{bottom:auto;top:0}.category-item.full .item .item-info.bottom{top:auto;bottom:0}.category-item.full .item:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1010}.category-item.full .item .item-title{margin:0 0 5px;font-size:16px;line-height:22px}.category-item.full .item .item-desc{font-size:13px;margin:0 0 5px}.category-item.full .item .item-price{font-size:24px;color:#fff}.category-item.full .item .item-info a{color:#fff}.category-item.list .item-row+.item-row .item{border-top:1px solid #ccc}.category-item.list .item{float:left;width:33.33%;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.category-item.list .item+.item{border-left:1px solid #ccc}.search-container:after,.search-container:before{content:'';display:table;clear:both}.search-container .search-sidebar{float:left;width:25%;padding:15px;border:1px solid #ccd0d4;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12px;color:#707478}.search-container .search-sidebar .title{margin:-15px -15px 15px;padding:10px 15px;border-bottom:1px solid #ccd0d4;font-size:14px;font-weight:600;color:#212121}.search-container .search-content{float:right;width:75%;padding-left:30px}.control-label{font-weight:500}.search-category-list{list-style-type:none;margin:0;padding:0}.search-category-list>li>a{color:#444;font-weight:600;display:block;padding:8px 0;line-height:20px}.checkout-title,.search-toolbar .sort-list>li.text{font-weight:700}.search-category-list>li>a:focus,.search-category-list>li>a:hover{text-decoration:none}.search-category-list>li+li{border-top:1px solid #eee}.search-toolbar{background:#fff;border:1px solid #ccd0d4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:15px;margin-bottom:15px}.search-toolbar .sort-list,.search-toolbar h4{margin:0;font-size:12px;line-height:20px}.search-toolbar:after,.search-toolbar:before{content:'';display:table;clear:both}.search-toolbar .sort-list{list-style-type:none;padding:0}.checkout-body,.checkout-footer,.checkout-header{padding:25px 30px}.search-toolbar .sort-list>li{display:inline}.search-toolbar .sort-list>li+li{margin-left:10px}.search-toolbar .sort-list>li a{color:#999;text-decoration:none}.search-toolbar .sort-list>li a:focus,.search-toolbar .sort-list>li a:hover{color:#444}.search-toolbar .sort-list>li.active a,.search-toolbar .sort-list>li.active a:focus,.search-toolbar .sort-list>li.active a:hover{color:#212121}.search-item-container{border:1px solid #ccd0d4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:15px}.search-item-container .item-row:after,.search-item-container .item-row:before,.search-item-container:after,.search-item-container:before{content:'';display:table;clear:both}.search-item-container .item-row .item{float:left;width:33.33%;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.search-item-container .item-row .item:first-child{-webkit-border-radius:3px 0 0;-moz-border-radius:3px 0 0;border-radius:3px 0 0}.search-item-container .item-row .item:last-child{-webkit-border-radius:0 3px 0 0;-moz-border-radius:0 3px 0 0;border-radius:0 3px 0 0}.search-item-container .item-row:last-child .item:first-child{-webkit-border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;border-radius:0 0 0 3px}.search-item-container .item-row:last-child .item:last-child{-webkit-border-radius:0 0 3px;-moz-border-radius:0 0 3px;border-radius:0 0 3px}.search-item-container .item-row+.item-row{border-top:1px solid #ccd0d4}.search-item-container .item-row .item+.item{border-left:1px solid #ccd0d4}.checkout{background:#fff;border-radius:6px}.checkout-header{background:#586269;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.checkout-header .row>div+div{border-left:1px solid #3E4A52}.checkout-footer{text-align:right;background:#85878A;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.checkout-footer .btn.btn-white{border-color:#fff}.checkout-title{font-size:14px;margin:0 0 30px}.checkout-title small{display:block;font-size:14px;line-height:20px;margin-top:2px}.checkout-info-list{font-size:12px;padding-left:20px;margin:0}.checkout .payment-type{font-size:28px;margin:0}.checkout .payment-type>li{float:left;line-height:34px;padding:0}.checkout .payment-type>li a{color:#9c9c9c}.checkout .payment-type>li.active a,.checkout-question-list .question,.checkout-question-list .question a{color:#212121}.checkout .payment-type>li+li{margin-left:10px}.checkout-question-list{list-style-type:none;margin:0;padding:0;font-size:14px}.checkout-question-list>li+li{margin-top:10px}.checkout-question-list .question a{display:block;text-decoration:none;line-height:20px}.checkout-question-list .answer{font-size:13px;padding-left:20px;color:#7D7E80}.checkout-question-list .dash{width:20px;float:left;text-align:center}.step:after,.step:before{content:'';display:table;clear:both}.step a{color:#AEB7BD;display:block;text-decoration:none}.step a:focus,.step a:hover{color:#fff}.step .number{float:left;font-size:24px;font-weight:300;width:30px;height:24px;text-align:center;line-height:24px;margin-top:5px;margin-bottom:5px;position:relative}.step .number:before{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#AEB7BD}.step.active .number:before{background:#00acac}.step .info{margin-left:40px}.step .desc{font-size:13px;color:#AEB7BD}.step .title{font-size:16px}.step.active .number,.step.active .title{color:#fff}.table.table-cart th{border:none;font-size:14px;font-weight:600;padding:10px 20px 5px}.table.table-cart td{padding:15px 20px}.table.table-cart .cart-product .product-img{float:left;width:120px}.table.table-cart .cart-product .product-info{margin-left:130px}.table.table-cart .cart-product .product-info .title{font-weight:600}.table.table-cart .cart-product .product-info .desc{color:#666;font-size:12px}.cart-qty{width:160px}.cart-control,.cart-total{width:100px}.cart-qty .qty-desc{font-size:12px;color:#9c9c9c;margin-top:5px}.cart-qty-input{display:table;width:100%}.cart-qty-input .form-control,.cart-qty-input .qty-control{display:table-cell;float:none}.cart-qty-input .form-control{width:34px;margin:0 5px;padding-left:5px;padding-right:5px;text-align:center}.cart-qty-input .qty-control{color:#212121;width:34px;border-radius:34px}.cart-qty-input .qty-control:focus,.cart-qty-input .qty-control:hover{background:#f3f4f5}.summary-container{float:right;width:360px;text-align:right}.summary-container .summary-row{display:table;width:100%}.summary-container .field,.summary-container .value{display:table-cell;width:40%}.summary-container .value{width:60%}.summary-container .summary-row+.summary-row{margin-top:5px}.summary-container .summary-row.total{border-top:1px solid #c5ced4;margin-top:10px;font-size:16px;font-weight:600;margin-bottom:-20px}.summary-container .summary-row.total .field,.summary-container .summary-row.total .value{padding-top:10px}.checkout-message{padding:20px 40px}.checkout-message h1{margin:0 0 30px;font-size:36px;font-weight:300;text-align:center}.checkout-message h1 small{display:block;font-size:18px;line-height:24px;font-weight:300;margin-top:5px}.table.table-payment-summary{border-bottom:1px solid #ddd;margin-bottom:30px}.table.table-payment-summary td,.table.table-payment-summary th{padding:10px 15px;font-size:16px}.table.table-payment-summary .field{font-weight:600;text-align:right;width:50%}.table.table-payment-summary .product-summary .product-summary-img{float:left;width:120px;margin-right:10px}.table.table-payment-summary .product-summary .product-summary-info .title{font-weight:600;font-size:16px}.table.table-payment-summary .product-summary .product-summary-info .desc{font-size:14px;color:#9c9c9c}.product{background:#fff;border:1px solid #c5ced4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.product:after,.product:before{content:'';display:table;clear:both}.product-detail{display:table;width:100%}.product-image,.product-info{display:table-cell;vertical-align:top}.product-main-image{margin-left:100px;padding:20px;height:525px;width:450px;text-align:center}.product-thumbnail{width:100px;float:left;padding:20px;max-height:525px;overflow:scroll}.account-container .account-sidebar .account-sidebar-cover img,.dropdown-brand-list>li img,.product-main-image img{max-height:100%}.product-thumbnail-list{list-style-type:none;margin:0;padding:0}.product-thumbnail-list>li a{display:block;text-decoration:none;border:1px solid #c5ced4;background:#fff;height:60px;line-height:50px;padding:4px;text-align:center}.product-thumbnail-list>li+li{margin-top:10px}.product-thumbnail-list>li.active a{border-color:#212121}.product-info-header,.product-info-list,.product-social,.product-tab .nav.nav-tabs,.product-warranty{border-bottom:1px solid #D8E0E4}.product-thumbnail-list>li a img{max-height:100%;position:relative}.product-image{width:530px}.product-info{padding:20px 30px;margin-bottom:20px;font-size:13px}.product-info-header{padding-bottom:15px;margin-bottom:15px}.product-title{margin:0;font-size:20px;font-weight:600;line-height:24px}.product-title .label{padding:5px 6px;font-size:12px;display:block;max-width:70px;margin-bottom:7px}.product-desc .image img,.review .review-icon img{max-width:100%}.product-availability{font-size:18px}.product-info-list{color:#636363;list-style-type:none;margin:0 0 15px;padding:0 0 15px;line-height:20px}.product-info-list>li{position:relative;padding-left:20px}.product-info-list>li+li{margin-top:3px}.product-info-list>li .fa{position:absolute;left:0;top:50%;margin-top:-10px;line-height:20px;width:15px;text-align:center}.product-info-list>li .fa.fa-circle{font-size:5px}.product-category{list-style-type:none;margin:0;padding:0;font-weight:500}.product-category>li{display:inline}.product-price:after,.product-price:before,.product-social:after,.product-social:before{content:'';display:table;clear:both}.product-category>li+li{margin-left:5px}.product-category>li a{color:#707478}.product-price{margin:0 0 15px}.product-price .price{font-size:32px;font-weight:600}.product-warranty{padding-bottom:15px;margin-bottom:15px}.product-discount .discount{font-size:16px;font-weight:600;text-decoration:line-through;color:#707478}.product-discount .save{margin-left:10px;color:#707478;position:relative;top:-1px}.product-social{margin:0 0 15px;padding:0 0 15px}.product-social ul{list-style-type:none;margin:0;padding:0}.product-social ul>li{float:left}.product-social ul>li+li{margin-left:10px}.product-social ul>li>a{width:30px;height:30px;line-height:30px;background:#ddd;color:#fff;display:inline-block;text-align:center;font-size:16px;border-radius:3px}.product-social ul>li>a.facebook{background:#3b5998}.product-social ul>li>a.twitter{background:#00aced}.product-social ul>li>a.google-plus{background:#d34836}.product-social ul>li>a.whatsapp{background:#6CC964}.product-social ul>li>a.tumblr{background:#36465d}.product-tab{margin-top:40px}.product-tab .nav.nav-tabs{background:#fff;text-align:center;font-size:16px}.product-tab .nav.nav-tabs>li{float:none;display:inline-block}.product-desc:after,.product-desc:before,.review-info:after,.review-info:before,.review:after,.review:before{display:table;clear:both;content:''}.product-tab .nav.nav-tabs>li+li{margin-left:5px}.product-tab .nav.nav-tabs>li>a{position:relative;color:#A3A8AD;border:1px solid transparent}.product-tab .nav.nav-tabs>li>a:focus,.product-tab .nav.nav-tabs>li>a:hover{border-bottom:1px solid #666;background:0 0}.product-tab .nav-tabs>li.active>a,.product-tab .nav-tabs>li.active>a:focus,.product-tab .nav-tabs>li.active>a:hover{border-color:transparent;border-bottom:1px solid #212121;color:#212121}.product-tab .tab-content{padding:40px}.product-desc{padding:20px}.product-desc .image{float:left;width:50%;padding-right:40px}.product-desc .desc{float:left;width:50%;padding-left:40px}.product-desc .desc h4{margin:0 0 15px;font-size:36px;font-weight:600}.product-desc .desc p{font-size:16px;font-weight:400;color:#929292;line-height:26px}.product-desc+.product-desc{margin-top:20px;padding-top:40px;border-top:1px solid #D8E0E4}.product-desc.right .image{float:right;padding-left:20px;padding-right:0}.product-desc.right .desc{float:left;text-align:right;padding-right:20px;padding-left:0}.table.table-product .field{width:30%;font-size:18px;font-weight:300}.table.table-product td,.table.table-product th{padding:20px 25px 20px 0}.table.table-product.table-striped td,.table.table-product.table-striped th{padding:20px 25px}.table.table-product th{font-size:18px;font-weight:600;border:none}.review+.review{margin-top:25px;padding-top:25px;border-top:1px solid #D8E0E4}.panel-title a,.review-form{display:block}.review .review-icon{height:36px;width:36px;background:#f4f5f6;color:#999;text-align:center;overflow:hidden;float:left;margin-right:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.review .review-icon i{line-height:48px;font-size:36px}.review .review-info{margin-bottom:10px}.review .review-info .review-rate{float:right;text-align:center;font-weight:600;font-size:12px}.review .review-rate .review-star{list-style-type:none;margin:0;padding:0;font-size:14px}.review .review-rate .review-star>li{float:left}.review .review-rate .review-star>li+li{margin-left:3px}.review .review-rate .review-star>li.active{color:#f59c1a}.review .review-name{font-weight:600;font-size:14px}.review .review-date{font-size:12px;color:#999}.review .review-title{margin:0;font-weight:600;font-size:14px}.review-form{background:#f4f5f6;padding:30px}.review-form h2{font-size:24px;border-bottom:1px solid #D8E0E4;margin:0 0 20px;padding-bottom:10px}.about-us{padding:60px 0}.about-us h1{font-size:72px;font-weight:300;margin:30px 0}.about-us p{font-size:28px;font-weight:300;margin:0 0 30px}.about-us-content>.title{font-size:48px;font-weight:300;margin:0 0 15px}.about-us-content>.desc{font-size:18px;font-weight:300;margin:0 0 30px}.about-us-content .service{text-align:center;padding:20px}.about-us-content .service .icon{font-size:72px}.about-us-content .service .title{margin:5px 0;font-size:24px;font-weight:400}.about-us-content .service .desc{font-size:12px;color:#999}.account-container{background:#fff;border-radius:6px;position:relative}.account-container .account-sidebar{width:300px;position:absolute;top:0;left:0;bottom:0;padding:20px 30px;overflow:hidden;-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px}.account-container .account-sidebar .account-sidebar-cover{position:absolute;top:0;left:0;bottom:0;right:0}.account-container .account-sidebar .account-sidebar-cover:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(36,42,48,.8)}.account-container .account-sidebar .account-sidebar-content{position:relative;color:#fff}.account-container .account-sidebar .account-sidebar-content h4{font-size:24px;font-weight:500}.account-container .account-sidebar .account-sidebar-content p{color:rgba(255,255,255,.75)}.account-container .account-body{margin-left:300px;padding:20px 30px}.account-container .account-body h4{font-weight:500;font-size:20px;line-height:26px;margin-bottom:5px}.account-container .account-body .nav.nav-list{margin-bottom:30px}.account-container .account-body .nav.nav-list>li>a{padding:0;color:#777}.account-container .account-body .nav.nav-list>li+li{margin-top:5px}.account-container .account-body .nav.nav-list>li>a:focus,.account-container .account-body .nav.nav-list>li>a:hover{background:0 0;color:#212121}.panel{border:none;box-shadow:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.panel.panel-no-rounded-corner .panel-body,.panel.panel-no-rounded-corner .panel-footer,.panel.panel-no-rounded-corner .panel-heading{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.panel-heading{padding:10px 15px;border:none}.panel-heading+.slimScrollDiv,.panel-heading+.table,.panel-toolbar{border-top:1px solid #eee}.panel-heading-btn{float:right}.panel-heading-btn>a{margin-left:8px}.panel-heading .btn-group .btn{margin-top:-7px}.panel-heading .btn-group .btn.btn-sm{margin-top:-5px}.panel-heading .btn-group .btn.btn-xs{margin-top:-1px}.panel-heading .label.pull-left,.panel-heading .label.pull-right{line-height:15px}.panel-title,.panel-title .pull-right{line-height:20px}.panel-heading .progress.pull-left,.panel-heading .progress.pull-right{width:40%;min-width:120px}.panel-heading+.alert{margin-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel-with-tabs.panel-default .panel-heading{background:#c1ccd1;color:#333}.panel-footer,.panel-toolbar{background:#fff}.panel-heading .nav-tabs{margin-top:-10px;margin-right:-15px}.panel-title .accordion-toggle,.panel-title a{margin:-10px -15px;padding:10px 15px}.panel-heading .nav-tabs>li>a{padding:10px 15px;line-height:20px}.panel-title{font-size:14px}.panel-title>a:focus,.panel-title>a:hover{text-decoration:none}.panel-inverse .panel-title>a:focus,.panel-inverse .panel-title>a:hover{color:#999}.panel-title .accordion-toggle.accordion-toggle-styled .fa:before{content:'\f056'}.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before{content:'\f055'}.panel-toolbar{border-bottom:1px solid #eee;padding:10px 15px}.panel-toolbar+.form-control{margin:-1px 0 0;border-right:none;border-left:none}.panel-group .panel{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.form-control+.panel-footer{border-top:none}.panel-body{padding:15px}.panel-body.no-border{border:none!important}.panel-body.no-padding,.panel-body.panel-form,.panel-body.panel-full-width,.panel-body.panel-table{padding:0!important}.panel-body.with-table>.table{border:0;margin:0}.panel-default>.panel-heading+.panel-collapse .panel-body,.panel-footer{border-top:1px solid #eee}.panel-body.with-table>.table tr:last-child td,.panel-body.with-table>.table tr:last-child th{border-bottom:0}.panel .tab-content{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.panel-default>.panel-heading{background:#fafafa}.panel-danger>.panel-heading,.panel-info>.panel-heading,.panel-inverse>.panel-heading,.panel-primary>.panel-heading,.panel-success>.panel-heading,.panel-warning>.panel-heading{color:#fff}.panel-inverse>.panel-heading{background:#242a30}.panel-success>.panel-heading{background:#008a8a}.panel-warning>.panel-heading{background:#c47d15}.panel-danger>.panel-heading{background:#cc4946}.panel-primary>.panel-heading{background:#2a72b5}.panel-info>.panel-heading{background:#3a92ab}.panel.panel-expand{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;overflow:hidden;z-index:1080}.panel.panel-expand>.panel-body,.panel.panel-expand>.panel-footer{position:absolute;left:0;right:0;bottom:0}.panel-expand .height-full,.panel-expand .height-lg,.panel-expand .height-md,.panel-expand .height-sm,.panel-expand .height-xs{height:100%!important}@keyframes panelExpand{from{top:50%;left:50%;right:50%;bottom:50%}to{top:0;left:0;right:0;bottom:0}}@-webkit-keyframes panelExpand{from{top:50%;left:50%;right:50%;bottom:50%}to{top:0;left:0;right:0;bottom:0}}.panel.panel-expand>.panel-heading .fa.fa-expand:before{content:'\f066'}.panel.panel-expand,.panel.panel-expand>.panel-body,.panel.panel-expand>.panel-heading{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel.panel-expand>.panel-body{top:40px;overflow-y:scroll;z-index:1020}.panel.panel-loading .panel-body{position:relative;z-index:0}.panel.panel-loading.panel-expand .panel-body{position:absolute}.panel.panel-loading .panel-body .panel-loader{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.9;filter:alpha(opacity=90);animation:fadeIn .2s;-webkit-animation:fadeIn .2s;z-index:1020;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.btn.btn-default{color:#fff;background:#b6c2c9;border-color:#b6c2c9}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{background:#929ba1;border-color:#929ba1}.btn-group .btn.btn-default:not(.active)+.btn.btn-default,.input-group-btn .btn.btn-default:not(.active)+.btn.btn-default{border-left-color:#929ba1}.btn.btn-white{font-weight:400;color:#333;background:#fff;border-color:#e2e7eb}.btn.btn-white.btn-white-without-border{border-color:#fff}.btn.btn-white.btn-white-without-border.active,.btn.btn-white.btn-white-without-border.active:focus,.btn.btn-white.btn-white-without-border.active:hover{border-color:#ddd}.btn.btn-white.btn-white-without-border:focus,.btn.btn-white.btn-white-without-border:hover{border-color:#eee}.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.open .dropdown-toggle.btn-white{background:#e2e7eb;border-color:#d8dde1}.btn-group .btn.btn-white:not(.active)+.btn.btn-white,.input-group-btn .btn.btn-white:not(.active)+.btn.btn-white{border-left-color:#eee}.btn.btn-inverse{color:#fff;background:#2d353c;border-color:#2d353c}.btn-inverse.active,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.open .dropdown-toggle.btn-inverse{background:#242a30;border-color:#242a30}.btn-group .btn.btn-inverse:not(.active)+.btn.btn-inverse,.input-group-btn .btn.btn-inverse:not(.active)+.btn.btn-inverse{border-left-color:#242a30}.btn.btn-primary{color:#fff;background:#348fe2;border-color:#348fe2}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{background:#2a72b5;border-color:#2a72b5}.btn-group .btn.btn-primary:not(.active)+.btn.btn-primary,.input-group-btn .btn.btn-primary:not(.active)+.btn.btn-primary{border-left-color:#2a72b5}.btn.btn-success{color:#fff;background:#00acac;border-color:#00acac}.btn.btn-success.active,.btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:hover,.open .dropdown-toggle.btn-success{background:#008a8a;border-color:#008a8a}.btn-group .btn.btn-success:not(.active)+.btn.btn-success,.input-group-btn .btn.btn-success:not(.active)+.btn.btn-success{border-left-color:#008a8a}.btn.btn-warning{color:#fff;background:#f59c1a;border-color:#f59c1a}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{background:#c47d15;border-color:#c47d15}.btn-group .btn.btn-warning:not(.active)+.btn.btn-warning,.input-group-btn .btn.btn-warning:not(.active)+.btn.btn-warning{border-left-color:#c47d15}.btn.btn-danger{color:#fff;background:#ff5b57;border-color:#ff5b57}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{background:#cc4946;border-color:#cc4946}.btn-group .btn.btn-danger:not(.active)+.btn.btn-danger,.input-group-btn .btn.btn-danger:not(.active)+.btn.btn-danger{border-left-color:#cc4946}.btn.btn-info{color:#fff;background:#49b6d6;border-color:#49b6d6}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{background:#3a92ab;border-color:#3a92ab}.btn-group .btn.btn-info:not(.active)+.btn.btn-info,.input-group-btn .btn.btn-info:not(.active)+.btn.btn-info{border-left-color:#3a92ab}.modal-content{border:none;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.3);box-shadow:0 5px 15px rgba(0,0,0,.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.modal-header{padding:12px 15px;border-bottom-color:#e2e7eb}.modal-header .close{margin-top:2px}.modal-body{padding:15px}.modal-footer{border-top-color:#e2e7eb;padding:14px 15px 15px}.modal-message .modal-dialog{width:100%}.modal-message .modal-content{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.modal-message .modal-body,.modal-message .modal-footer,.modal-message .modal-header{width:60%;border:none;margin:0 auto}.modal-backdrop.fade.in{opacity:.5;filter:alpha(opacity=50)}.btn{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn.active:focus,.btn:active:focus,.btn:focus{outline:0}.btn-icon,.btn.btn-icon{display:inline-block;width:28px;height:28px;padding:0;border:none;line-height:28px;text-align:center;font-size:14px}.btn-circle,.btn.btn-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.btn-icon.btn-xs{width:16px;height:16px;font-size:8px;line-height:16px}.btn-icon.btn-sm{width:22px;height:22px;font-size:11px;line-height:22px}.btn-icon.btn-lg{width:34px;height:34px;font-size:17px;line-height:34px}.badge,.label{font-size:75%;font-weight:600}.btn-scroll-to-top{position:fixed;bottom:20px;right:25px;z-index:1020}.page-with-right-sidebar .btn-scroll-to-top{left:25px;right:auto}.btn>.pull-left,.btn>.pull-right{line-height:1.428571429}.btn-block{padding-left:12px;padding-right:12px}.btn.active,.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.1);box-shadow:inset 0 3px 5px rgba(0,0,0,.1)}label{font-weight:600}.form-control{border:1px solid #ccd0d4;box-shadow:none}.form-control:focus{border-color:#9fa2a5;-webkit-box-shadow:none;box-shadow:none}.badge{line-height:1.25}.badge.badge-square{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.badge.badge-default,.label.label-default{background:#b6c2c9}.badge.badge-danger,.label.label-danger{background:#ff5b57}.badge.badge-warning,.label.label-warning{background:#f59c1a}.badge.badge-success,.label.label-success{background:#00acac}.badge.badge-info,.label.label-info{background:#49b6d6}.badge.badge-primary,.label.label-primary{background:#348fe2}.badge.badge-inverse,.label.label-inverse{background:#2d353c}.pager li>a,.pager li>span,.pagination>li>a{border-color:#e2e7eb;color:#242a30}.pager.pager-without-border li>a,.pager.pager-without-border li>span,.pagination.pagination-without-border>li>a{border-color:#fff}.pager>.disabled>a,.pager>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{opacity:.6;filter:alpha(opacity=60);border-color:#ddd}.pagination>li>a{color:#242a30;margin-left:5px;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;border-radius:3px!important}.pagination>li:first-child>a{margin-left:0}.pagination-sm>li>a,.pagination-sm>li>span{font-size:10px;margin-left:4px}.pagination-lg>li>a,.pagination-lg>li>span{font-size:14px;margin-left:6px}.pager li>a:focus,.pager li>a:hover,.pager li>span:focus,.pager li>span:hover,.pagination>li>a:focus,.pagination>li>a:hover{color:#242a30;background:#e2e7eb;border-color:#d8dde1}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background:#242a30!important;border-color:#242a30!important}.dropdown-menu{font-size:12px;border:none;box-shadow:0 2px 2px rgba(0,0,0,.15)}.dropdown .arrow{display:none;position:relative;z-index:1020}.dropdown.dropdown-hover:focus .arrow,.dropdown.dropdown-hover:hover .arrow,.dropdown.open .arrow{display:block}.dropdown .arrow:after,.dropdown .arrow:before{content:'';position:absolute;left:50%;margin-left:-7px}.dropdown .arrow.top:after,.dropdown .arrow.top:before{border:7px solid transparent;border-bottom-color:#00acac;top:-2px}.dropdown .arrow.top:before{border-bottom-color:#00acac;top:-3px}.dropdown.dropdown-full-width{position:initial}.dropdown.dropdown-full-width .dropdown-menu{left:0;right:0;top:100%}.dropdown-menu-container{display:table;width:100%;min-width:700px;padding:25px 10px}.dropdown-menu-content,.dropdown-menu-sidebar{display:table-cell;padding:5px 20px;vertical-align:top}.dropdown-menu-sidebar{width:240px;min-width:240px}.dropdown-menu-sidebar+.dropdown-menu-content{border-left:1px solid #CCD0D4;padding-left:30px}.dropdown-menu-list{list-style-type:none;margin:0 0 15px;padding:0}.dropdown-menu-list>li>a{display:block;line-height:20px;padding:5px 0;color:#212121;font-size:14px}.dropdown-menu-list>li.active>a,.dropdown-menu-list>li.active>a:focus,.dropdown-menu-list>li.active>a:hover{opacity:.5;color:#575d63}.dropdown-menu-list>li>a:focus,.dropdown-menu-list>li>a:hover{text-decoration:none;color:#00acac}.dropdown-menu-list>li>a i.pull-right{font-size:14px;line-height:20px;display:none}.dropdown-menu-container .title{font-weight:600;margin:0 0 15px;font-size:14px}.dropdown-menu-list .dropdown-header{padding:5px 0;line-height:20px;margin-bottom:10px;border-bottom:1px solid #ddd}.dropdown-brand-list{list-style-type:none;margin:0 0 15px;padding:0;white-space:nowrap}.dropdown-brand-list>li{display:inline-block;padding:0}dropdown-brand-list>li+li{padding-left:30px}.dropdown-brand-list>li a{display:block;height:60px;padding:0 10px;max-width:120px;line-height:60px;text-align:center}.dropdown-brand-list>li img{max-width:100%;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);opacity:.5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.dropdown-brand-list>li:focus img,.dropdown-brand-list>li:hover img{filter:none;-webkit-filter:none;opacity:1}.theme-panel .theme-collapse-btn{position:absolute;left:-40px;top:50%;margin-top:-20px;width:40px;height:40px;line-height:40px;font-size:18px;color:#000;background:#fff;background:rgba(255,255,255,.9);border-radius:4px 0 0 4px;text-align:center;text-decoration:none;-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);box-shadow:0 0 2px rgba(0,0,0,.4)}.theme-panel{position:fixed;right:-180px;top:200px;z-index:1020;box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);width:180px;-webkit-transition:right .2s linear;-moz-transition:right .2s linear;transition:right .2s linear}.theme-panel .theme-panel-content{padding:5px;background:#fff;position:relative;z-index:1020}.theme-panel .theme-list{list-style-type:none;margin:0;padding:0}.theme-panel .theme-list>li{float:left}.theme-panel .theme-list>li+li{margin-left:5px}.theme-panel .theme-list>li>a{width:30px;height:30px;border-radius:3px;display:block;text-decoration:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;position:relative}.theme-panel .theme-list>li.active>a:before{content:'\f00c';font-family:FontAwesome;position:absolute;left:0;right:0;top:0;bottom:0;font-size:14px;color:#fff;opacity:.4;filter:alpha(opacity=40);line-height:30px;text-align:center}.theme-panel.active{right:0}.row{margin:0 -10px}.row>[class*=col-]{padding:0 10px}.row.row-space-0{margin:0}.row.row-space-2{margin:0 -1px}.row.row-space-4{margin:0 -2px}.row.row-space-6{margin:0 -3px}.row.row-space-8{margin:0 -4px}.row.row-space-10{margin:0 -5px}.row.row-space-12{margin:0 -6px}.row.row-space-14{margin:0 -7px}.row.row-space-16{margin:0 -8px}.row.row-space-18{margin:0 -10px}.row.row-space-22{margin:0 -11px}.row.row-space-24{margin:0 -12px}.row.row-space-26{margin:0 -13px}.row.row-space-28{margin:0 -14px}.row.row-space-30{margin:0 -15px}.row.row-space-0>[class*=col-]{padding:0}.row.row-space-2>[class*=col-]{padding:0 1px}.row.row-space-4>[class*=col-]{padding:0 2px}.row.row-space-6>[class*=col-]{padding:0 3px}.row.row-space-8>[class*=col-]{padding:0 4px}.row.row-space-10>[class*=col-]{padding:0 5px}.row.row-space-12>[class*=col-]{padding:0 6px}.row.row-space-14>[class*=col-]{padding:0 7px}.row.row-space-16>[class*=col-]{padding:0 8px}.row.row-space-18>[class*=col-]{padding:0 9px}.row.row-space-20>[class*=col-]{padding:0 10px}.row.row-space-22>[class*=col-]{padding:0 11px}.row.row-space-24>[class*=col-]{padding:0 12px}.row.row-space-26>[class*=col-]{padding:0 13px}.row.row-space-28>[class*=col-]{padding:0 14px}.row.row-space-30>[class*=col-]{padding:0 15px}.semi-bold{font-weight:600}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.m-auto{margin:0 auto!important}.m-0{margin:0!important}.m-1{margin:1px!important}.m-2{margin:2px!important}.m-3{margin:3px!important}.m-4{margin:4px!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-25{margin:25px!important}.m-30{margin:30px!important}.m-35{margin:35px!important}.m-40{margin:40px!important}.m-t-0{margin-top:0!important}.m-t-1{margin-top:1px!important}.m-t-2{margin-top:2px!important}.m-t-3{margin-top:3px!important}.m-t-4{margin-top:4px!important}.m-t-5{margin-top:5px!important}.m-t-10{margin-top:10px!important}.m-t-15{margin-top:15px!important}.m-t-20{margin-top:20px!important}.m-t-25{margin-top:25px!important}.m-t-30{margin-top:30px!important}.m-t-35{margin-top:35px!important}.m-t-40{margin-top:40px!important}.m-r-0{margin-right:0!important}.m-r-1{margin-right:1px!important}.m-r-2{margin-right:2px!important}.m-r-3{margin-right:3px!important}.m-r-4{margin-right:4px!important}.m-r-5{margin-right:5px!important}.m-r-10{margin-right:10px!important}.m-r-15{margin-right:15px!important}.m-r-20{margin-right:20px!important}.m-r-25{margin-right:25px!important}.m-r-30{margin-right:30px!important}.m-r-35{margin-right:35px!important}.m-r-40{margin-right:40px!important}.m-b-0{margin-bottom:0!important}.m-b-1{margin-bottom:1px!important}.m-b-2{margin-bottom:2px!important}.m-b-3{margin-bottom:3px!important}.m-b-4{margin-bottom:4px!important}.m-b-5{margin-bottom:5px!important}.m-b-10{margin-bottom:10px!important}.m-b-15{margin-bottom:15px!important}.m-b-20{margin-bottom:20px!important}.m-b-25{margin-bottom:25px!important}.m-b-30{margin-bottom:30px!important}.m-b-35{margin-bottom:35px!important}.m-b-40{margin-bottom:40px!important}.m-l-0{margin-left:0!important}.m-l-1{margin-left:1px!important}.m-l-2{margin-left:2px!important}.m-l-3{margin-left:3px!important}.m-l-4{margin-left:4px!important}.m-l-5{margin-left:5px!important}.m-l-10{margin-left:10px!important}.m-l-15{margin-left:15px!important}.m-l-20{margin-left:20px!important}.m-l-25{margin-left:25px!important}.m-l-30{margin-left:30px!important}.m-l-35{margin-left:35px!important}.m-l-40{margin-left:40px!important}.p-0{padding:0!important}.p-1{padding:1px!important}.p-2{padding:2px!important}.p-3{padding:3px!important}.p-4{padding:4px!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15,.wrapper{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-t-0{padding-top:0!important}.p-t-1{padding-top:1px!important}.p-t-2{padding-top:2px!important}.p-t-3{padding-top:3px!important}.p-t-4{padding-top:4px!important}.p-t-5{padding-top:5px!important}.p-t-10{padding-top:10px!important}.p-t-15{padding-top:15px!important}.p-t-20{padding-top:20px!important}.p-t-25{padding-top:25px!important}.p-t-30{padding-top:30px!important}.p-t-35{padding-top:35px!important}.p-t-40{padding-top:40px!important}.p-r-0{padding-right:0!important}.p-r-1{padding-right:1px!important}.p-r-2{padding-right:2px!important}.p-r-3{padding-right:3px!important}.p-r-4{padding-right:4px!important}.p-r-5{padding-right:5px!important}.p-r-10{padding-right:10px!important}.p-r-15{padding-right:15px!important}.p-r-20{padding-right:20px!important}.p-r-25{padding-right:25px!important}.p-r-30{padding-right:30px!important}.p-r-35{padding-right:35px!important}.p-r-40{padding-right:40px!important}.p-b-0{padding-bottom:0!important}.p-b-1{padding-bottom:1px!important}.p-b-2{padding-bottom:2px!important}.p-b-3{padding-bottom:3px!important}.p-b-4{padding-bottom:4px!important}.p-b-5{padding-bottom:5px!important}.p-b-10{padding-bottom:10px!important}.p-b-15{padding-bottom:15px!important}.p-b-20{padding-bottom:20px!important}.p-b-25{padding-bottom:25px!important}.p-b-30{padding-bottom:30px!important}.p-b-35{padding-bottom:35px!important}.p-b-40{padding-bottom:40px!important}.p-l-0{padding-left:0!important}.p-l-1{padding-left:1px!important}.p-l-2{padding-left:2px!important}.p-l-3{padding-left:3px!important}.p-l-4{padding-left:4px!important}.p-l-5{padding-left:5px!important}.p-l-10{padding-left:10px!important}.p-l-15{padding-left:15px!important}.p-l-20{padding-left:20px!important}.p-l-25{padding-left:25px!important}.p-l-30{padding-left:30px!important}.p-l-35{padding-left:35px!important}.p-l-40{padding-left:40px!important}.f-s-8{font-size:8px!important}.f-s-9{font-size:9px!important}.f-s-10{font-size:10px!important}.f-s-11{font-size:11px!important}.f-s-12{font-size:12px!important}.f-s-13{font-size:13px!important}.f-s-14{font-size:14px!important}.f-s-15{font-size:15px!important}.f-s-16{font-size:16px!important}.f-s-17{font-size:17px!important}.f-s-18{font-size:18px!important}.f-s-19{font-size:19px!important}.f-s-20{font-size:20px!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.pull-left{float:left!important}.pull-right{float:right!important}.pull-none{float:none!important}.f-w-100{font-weight:100!important}.f-w-200{font-weight:200!important}.f-w-300{font-weight:300!important}.f-w-400{font-weight:400!important}.f-w-500{font-weight:500!important}.f-w-600{font-weight:600!important}.f-w-700{font-weight:700!important}.table-td-valign-middle td,.table-th-valign-middle th,.table-valign-middle td,.table-valign-middle th{vertical-align:middle!important}.table-td-valign-top td,.table-th-valign-top th,.table-valign-top td,.table-valign-top th{vertical-align:top!important}.table-td-valign-bottom td,.table-th-valign-bottom th,.table-valign-bottom td,.table-valign-bottom th{vertical-align:bottom!important}.vertical-box{display:table;table-layout:fixed;border-spacing:0;height:100%;width:100%}.vertical-box-column{display:table-cell;vertical-align:top;height:100%}.vertical-box-row{display:table-row;height:100%}.vertical-box-row>.vertical-box-cell{position:relative;height:100%;width:100%;float:none}.vertical-box-row>.vertical-box-cell>.vertical-box-inner-cell{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.panel-expand .vertical-box .vertical-box-column{display:table-cell}.page-content-full-height .content{position:absolute;left:0;top:54px;right:0;bottom:0;-webkit-transform:translateZ(0)}.panel-expand .page-content-full-height .content{-webkit-transform:none}.no-rounded-corner{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.rounded-corner{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}.no-border{border:0!important}.border-top-1{border-top:1px solid #eee!important}.border-right-1{border-right:1px solid #eee!important}.border-bottom-1{border-bottom:1px solid #eee!important}.border-left-1{border-left:1px solid #eee!important}.no-box-shadow{-webkit-box-shadow:none!important;box-shadow:none!important}.text-inverse{color:#2d353c!important}a.text-inverse:focus,a.text-inverse:hover{color:#575d63!important}.text-success{color:#00acac!important}a.text-success:focus,a.text-success:hover{color:#33bdbd!important}.text-info{color:#49b6d6!important}a.text-info:focus,a.text-info:hover{color:#6dc5de!important}.text-primary{color:#348fe2!important}a.text-primary:focus,a.text-primary:hover{color:#5da5e8!important}.text-warning{color:#f59c1a!important}a.text-warning:focus,a.text-warning:hover{color:#f7b048!important}.text-danger{color:#ff5b57!important}a.text-danger:focus,a.text-danger:hover{color:#ff7c79!important}.text-white{color:#fff!important}a.text-white:focus,a.text-white:hover{color:#f0f3f4!important}.bg-white{background:#fff!important}.bg-silver-lighter{background:#f4f6f7!important}.bg-silver{background:#f0f3f4!important}.bg-silver-darker{background:#b4b6b7!important}.bg-black{background:#2d353c!important}.bg-black-darker{background:#242a30!important}.bg-black-lighter{background:#575d63!important}.bg-grey{background:#b6c2c9!important}.bg-grey-darker{background:#929ba1!important}.bg-grey-lighter{background:#c5ced4!important}.bg-red{background:#ff5b57!important}.bg-red-darker{background:#cc4946!important}.bg-red-lighter{background:#ff7c79!important}.bg-orange{background:#f59c1a!important}.bg-orange-darker{background:#c47d15!important}.bg-orange-lighter{background:#f7b048!important}.bg-yellow{background:#e3fa3e!important}.bg-yellow-darker{background:#b6c832!important}.bg-yellow-lighter{background:#e9fb65!important}.bg-green{background:#00acac!important}.bg-green-darker{background:#008a8a!important}.bg-green-lighter{background:#33bdbd!important}.bg-blue{background:#348fe2!important}.bg-blue-darker{background:#2a72b5!important}.bg-blue-lighter{background:#5da5e8!important}.bg-aqua{background:#49b6d6!important}.bg-aqua-darker{background:#3a92ab!important}.bg-aqua-lighter{background:#6dc5de!important}.bg-purple{background:#727cb6!important}.bg-purple-darker{background:#5b6392!important}.bg-purple-lighter{background:#8e96c5!important}.no-bg{background:0 0!important}.height-xs{height:150px!important}.height-sm{height:300px!important}.height-md{height:450px!important}.height-lg{height:600px!important}.height-full{height:100%!important}.height-50{height:50px!important}.height-100{height:100px!important}.height-150{height:150px!important}.height-200{height:200px!important}.height-250{height:250px!important}.height-300{height:300px!important}.height-350{height:350px!important}.height-400{height:400px!important}.height-450{height:450px!important}.height-500{height:500px!important}.height-550{height:550px!important}.height-600{height:600px!important}.width-xs{width:150px!important}.width-sm{width:300px!important}.width-md{width:450px!important}.width-lg{width:600px!important}.width-full{width:100%!important}.width-50{width:50px!important}.width-100{width:100px!important}.width-150{width:150px!important}.width-200{width:200px!important}.width-250{width:250px!important}.width-300{width:300px!important}.width-350{width:350px!important}.width-400{width:400px!important}.width-450{width:450px!important}.width-500{width:500px!important}.width-550{width:550px!important}.width-600{width:600px!important}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fade{opacity:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.text-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.underline{border-bottom:1px solid #e2e7eb!important} \ No newline at end of file diff --git a/public/assets/css/e-commerce/theme/blue.css b/public/assets/css/e-commerce/theme/blue.css new file mode 100755 index 0000000..551103a --- /dev/null +++ b/public/assets/css/e-commerce/theme/blue.css @@ -0,0 +1,55 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/ + +.btn.btn-theme { + background: #348fe2; + border-color: #348fe2; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #2a72b5; + border-color: #2a72b5; +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.header .dropdown-menu > li > a:hover, +.header .dropdown-menu > li > a:focus, +.dropdown-menu-list > li > a:hover, +.dropdown-menu-list > li > a:focus, +.item.item-thumbnail .item-price, +.cart-item > li .price, +.header-logo a span, +a { + color: #348fe2; +} +.header-cart .total, +.step.active .number:before { + background: #348fe2; +} +.header .dropdown-menu { + border-top-color: #348fe2; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: #348fe2; +} +a:hover, +a:focus { + color: #2a72b5; +} +.pace-progress { + background: #2a72b5; +} +.pace .pace-activity { + border-top-color: #348fe2; + border-left-color: #348fe2; +} +.header-logo .brand { + border-color: #2F83CF #2a72b5 #1f5688; +} \ No newline at end of file diff --git a/public/assets/css/e-commerce/theme/default.css b/public/assets/css/e-commerce/theme/default.css new file mode 100755 index 0000000..c9ba59d --- /dev/null +++ b/public/assets/css/e-commerce/theme/default.css @@ -0,0 +1,55 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/ + +.btn.btn-theme { + background: #00acac; + border-color: #00acac; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #008a8a; + border-color: #008a8a; +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.header .dropdown-menu > li > a:hover, +.header .dropdown-menu > li > a:focus, +.dropdown-menu-list > li > a:hover, +.dropdown-menu-list > li > a:focus, +.item.item-thumbnail .item-price, +.cart-item > li .price, +.header-logo a span, +a { + color: #00acac; +} +.header-cart .total, +.step.active .number:before { + background: #00acac; +} +.header .dropdown-menu { + border-top-color: #00acac; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: #00acac; +} +a:hover, +a:focus { + color: #008a8a; +} +.pace-progress { + background: #008a8a; +} +.pace .pace-activity { + border-top-color: #00acac; + border-left-color: #00acac; +} +.header-logo .brand { + border-color: #4DCACA #31A3A3 #1D8888; +} \ No newline at end of file diff --git a/public/assets/css/e-commerce/theme/orange.css b/public/assets/css/e-commerce/theme/orange.css new file mode 100755 index 0000000..8804cdd --- /dev/null +++ b/public/assets/css/e-commerce/theme/orange.css @@ -0,0 +1,55 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/ + +.btn.btn-theme { + background: #f59c1a; + border-color: #f59c1a; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #c47d15; + border-color: #c47d15; +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.header .dropdown-menu > li > a:hover, +.header .dropdown-menu > li > a:focus, +.dropdown-menu-list > li > a:hover, +.dropdown-menu-list > li > a:focus, +.item.item-thumbnail .item-price, +.cart-item > li .price, +.header-logo a span, +a { + color: #f59c1a; +} +.header-cart .total, +.step.active .number:before { + background: #f59c1a; +} +.header .dropdown-menu { + border-top-color: #f59c1a; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: #f59c1a; +} +a:hover, +a:focus { + color: #c47d15; +} +.pace-progress { + background: #c47d15; +} +.pace .pace-activity { + border-top-color: #f59c1a; + border-left-color: #f59c1a; +} +.header-logo .brand { + border-color: #DF8F19 #c47d15 #935e10; +} \ No newline at end of file diff --git a/public/assets/css/e-commerce/theme/purple.css b/public/assets/css/e-commerce/theme/purple.css new file mode 100755 index 0000000..500b30a --- /dev/null +++ b/public/assets/css/e-commerce/theme/purple.css @@ -0,0 +1,55 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/ + +.btn.btn-theme { + background: #727cb6; + border-color: #727cb6; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #5b6392; + border-color: #5b6392; +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.header .dropdown-menu > li > a:hover, +.header .dropdown-menu > li > a:focus, +.dropdown-menu-list > li > a:hover, +.dropdown-menu-list > li > a:focus, +.item.item-thumbnail .item-price, +.cart-item > li .price, +.header-logo a span, +a { + color: #727cb6; +} +.header-cart .total, +.step.active .number:before { + background: #727cb6; +} +.header .dropdown-menu { + border-top-color: #727cb6; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: #727cb6; +} +a:hover, +a:focus { + color: #5b6392; +} +.pace-progress { + background: #5b6392; +} +.pace .pace-activity { + border-top-color: #727cb6; + border-left-color: #727cb6; +} +.header-logo .brand { + border-color: #6670AC #5b6392 #444a6d; +} \ No newline at end of file diff --git a/public/assets/css/e-commerce/theme/red.css b/public/assets/css/e-commerce/theme/red.css new file mode 100755 index 0000000..31a7a38 --- /dev/null +++ b/public/assets/css/e-commerce/theme/red.css @@ -0,0 +1,55 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/ + +.btn.btn-theme { + background: #ff5b57; + border-color: #ff5b57; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #cc4946; + border-color: #cc4946; +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.header .dropdown-menu > li > a:hover, +.header .dropdown-menu > li > a:focus, +.dropdown-menu-list > li > a:hover, +.dropdown-menu-list > li > a:focus, +.item.item-thumbnail .item-price, +.cart-item > li .price, +.header-logo a span, +a { + color: #ff5b57; +} +.header-cart .total, +.step.active .number:before { + background: #ff5b57; +} +.header .dropdown-menu { + border-top-color: #ff5b57; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: #ff5b57; +} +a:hover, +a:focus { + color: #cc4946; +} +.pace-progress { + background: #cc4946; +} +.pace .pace-activity { + border-top-color: #ff5b57; + border-left-color: #ff5b57; +} +.header-logo .brand { + border-color: #F8504B #cc4946 #993734; +} \ No newline at end of file diff --git a/public/assets/css/forum/images/transparent/black-0.1.png b/public/assets/css/forum/images/transparent/black-0.1.png new file mode 100755 index 0000000..34683ef Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.1.png differ diff --git a/public/assets/css/forum/images/transparent/black-0.2.png b/public/assets/css/forum/images/transparent/black-0.2.png new file mode 100755 index 0000000..e8fce41 Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.2.png differ diff --git a/public/assets/css/forum/images/transparent/black-0.3.png b/public/assets/css/forum/images/transparent/black-0.3.png new file mode 100755 index 0000000..911fb79 Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.3.png differ diff --git a/public/assets/css/forum/images/transparent/black-0.4.png b/public/assets/css/forum/images/transparent/black-0.4.png new file mode 100755 index 0000000..30d467c Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.4.png differ diff --git a/public/assets/css/forum/images/transparent/black-0.5.png b/public/assets/css/forum/images/transparent/black-0.5.png new file mode 100755 index 0000000..2982214 Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.5.png differ diff --git a/public/assets/css/forum/images/transparent/black-0.6.png b/public/assets/css/forum/images/transparent/black-0.6.png new file mode 100755 index 0000000..8621cb9 Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.6.png differ diff --git a/public/assets/css/forum/images/transparent/black-0.7.png b/public/assets/css/forum/images/transparent/black-0.7.png new file mode 100755 index 0000000..3f0d630 Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.7.png differ diff --git a/public/assets/css/forum/images/transparent/black-0.8.png b/public/assets/css/forum/images/transparent/black-0.8.png new file mode 100755 index 0000000..18e5f4d Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.8.png differ diff --git a/public/assets/css/forum/images/transparent/black-0.9.png b/public/assets/css/forum/images/transparent/black-0.9.png new file mode 100755 index 0000000..da7719b Binary files /dev/null and b/public/assets/css/forum/images/transparent/black-0.9.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.1.png b/public/assets/css/forum/images/transparent/white-0.1.png new file mode 100755 index 0000000..06c84b9 Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.1.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.2.png b/public/assets/css/forum/images/transparent/white-0.2.png new file mode 100755 index 0000000..15b03e9 Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.2.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.3.png b/public/assets/css/forum/images/transparent/white-0.3.png new file mode 100755 index 0000000..3f859fe Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.3.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.4.png b/public/assets/css/forum/images/transparent/white-0.4.png new file mode 100755 index 0000000..9fbb0bd Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.4.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.5.png b/public/assets/css/forum/images/transparent/white-0.5.png new file mode 100755 index 0000000..544c6c6 Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.5.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.6.png b/public/assets/css/forum/images/transparent/white-0.6.png new file mode 100755 index 0000000..c5d17cc Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.6.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.7.png b/public/assets/css/forum/images/transparent/white-0.7.png new file mode 100755 index 0000000..3ea5893 Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.7.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.8.png b/public/assets/css/forum/images/transparent/white-0.8.png new file mode 100755 index 0000000..bcfddae Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.8.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.9.png b/public/assets/css/forum/images/transparent/white-0.9.png new file mode 100755 index 0000000..dab1ac2 Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.9.png differ diff --git a/public/assets/css/forum/images/transparent/white-0.98.png b/public/assets/css/forum/images/transparent/white-0.98.png new file mode 100755 index 0000000..54b210c Binary files /dev/null and b/public/assets/css/forum/images/transparent/white-0.98.png differ diff --git a/public/assets/css/forum/style-responsive.css b/public/assets/css/forum/style-responsive.css new file mode 100755 index 0000000..05761d6 --- /dev/null +++ b/public/assets/css/forum/style-responsive.css @@ -0,0 +1,380 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/ + +@media (min-width: 1200px) { + + /* Container Setting */ + + .container { + width: 1010px; + } +} + +@media (min-width: 1920px) { + + /* Body Setting */ + + body { + font-size: 16px; + padding-top: 70px; + } + + + /* Navbar Setting */ + + .navbar-logo { + border-width: 20px; + margin-right: 15px; + } + .navbar-brand { + height: 70px; + line-height: 40px; + font-size: 20px; + } + .navbar-brand, + .navbar-nav > li > a { + line-height: 40px; + } + .navbar.navbar-sm .navbar-nav > li > a { + line-height: 30px; + } + .navbar-form .form-control { + border-radius: 40px; + height: 45px; + min-width: 300px; + font-size: 16px; + padding: 0 65px 0 20px; + } + .navbar-form .btn { + font-size: 24px; + } + + + /* Container Setting */ + + .container { + width: 1360px; + } + + + /* Content Setting */ + + .content { + padding: 45px 0 75px; + } + + + /* Search Banner Setting */ + + .search-banner { + padding: 70px 0; + } + .search-banner h1 { + font-size: 48px; + } + .search-banner .form-control { + font-size: 18px; + } + .search-banner .btn .fa { + display: block; + font-size: 24px; + line-height: 24px; + height: 24px; + } + .search-banner h5 { + font-size: 16px; + } + .search-banner .container { + width: 860px; + } + + + /* Popular Tags Setting */ + + .popular-tags > li > a { + padding: 4px 12px; + } + + + /* Panel Setting */ + + .panel.panel-forum { + border-width: 3px; + } + .panel-title { + font-size: 16px; + line-height: 24px; + } + + + /* Forum List Setting */ + + .forum-list > li + li, + .threads-list > li + li { + border-top-width: 3px; + } + .forum-list .info-container .info .title { + font-size: 18px; + } + .forum-list .info-container .desc { + font-size: 16px; + line-height: 24px; + } + .forum-list .info-container .total-count { + font-size: 18px; + } + .forum-list .info-container .latest-post .title, + .forum-list .info-container .latest-post .time { + font-size: 16px; + } + .forum-list .media { + width: 72px; + line-height: 72px; + } + .forum-list .info-container { + margin-left: 89px; + } + .forum-list.forum-topic-list .info-start-end { + line-height: 24px; + } + .forum-list.forum-topic-list .info-container .date-replies .replies { + padding: 5px 15px; + } + .forum-list.forum-topic-list .info-container .date-replies .time { + line-height: 13px; + font-size: 13px; + } + .forum-list.forum-topic-list .info-container .date-replies .replies .total { + font-size: 18px; + line-height: 24px; + } + .forum-list.forum-topic-list .info-container .date-replies .replies .text { + font-size: 13px; + line-height: 17px; + } + .threads-list { + font-size: 14px; + } + .threads-list > li .title { + font-size: 16px; + line-height: 24px; + } + .forum-list.forum-detail-list .info-container { + margin-left: 92px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + } + .forum-list.forum-detail-list .post-user{ + font-size: 16px; + } + .forum-list.forum-detail-list .post-content { + font-size: 16px; + line-height: 28px; + } + .forum-list.forum-detail-list .post-content pre { + padding: 15px; + font-size: 16px; + } + + + /* Footer Setting */ + + .footer h4 { + font-size: 18px; + } + .footer p { + font-size: 16px; + line-height: 24px; + } + .footer .latest-post > li .title, + .footer .latest-post > li .title a { + font-size: 16px; + line-height: 24px; + } + .footer .latest-post > li .time { + font-size: 14px; + } + .footer-copyright { + padding: 30px 0; + } + + + /* Page Title Setting */ + + .page-title { + padding: 45px 0; + } + .page-title h1 { + font-size: 36px; + } + + + /* Pagination Setting */ + + .pager li > a, + .pager li > span, + .pagination > li > a, + .pagination > li > span { + font-size: 16px; + padding: 10px 15px; + } + + + /* Button Setting */ + + .btn { + font-size: 16px; + padding: 10px 15px; + } + + + /* Backgroun Cover Setting */ + + .has-bg .bg-cover img { + width: 100%; + } + + + /* Theme Panel Setting */ + + .theme-panel { + width: 248px; + right: -248px; + } + .theme-panel .theme-list > li + li { + margin-left: 7px; + } + .theme-panel .theme-list > li > a { + width: 40px; + height: 40px; + } + .theme-panel .theme-panel-content { + padding: 10px; + } + .theme-panel .theme-collapse-btn { + width: 60px; + height: 60px; + left: -60px; + margin-top: -30px; + font-size: 24px; + line-height: 60px; + } + .theme-panel .theme-list > li.active > a:before { + font-size: 20px; + line-height: 40px; + } + + + /* Tooltip Setting */ + + .tooltip { + font-size: 16px; + } +} + +@media (max-width: 767px) { + + /* Navbar Element Setting */ + + .navbar-form, + .navbar.navbar-sm .navbar-form { + border: none; + margin: 0; + } + .navbar .navbar-nav > li > a { + line-height: 20px; + } + + + /* Search Banner Element Setting */ + + .search-banner { + padding: 30px 0; + } + .search-banner .container { + width: 100%; + } + .search-banner h1 { + font-size: 24px; + } + + + /* Content Element Setting */ + + .content { + padding: 20px 0 30px; + } + .has-bg .bg-cover img { + max-width: inherit; + min-width: 100%; + max-height: 100%; + } + + + /* Forum List Element Setting */ + + .forum-list .info-container .info, + .forum-list .info-container .total-count, + .forum-list .info-container .latest-post { + float: none; + width: auto; + text-align: left; + } + .forum-list .info-container > div + div { + margin-top: 10px; + } + + + /* Forum Topic List Setting */ + + .forum-list.forum-topic-list .info-container .info { + padding-right: 0; + } + .forum-list.forum-topic-list .info-container .date-replies { + position: relative; + top: 0; + margin-top: 5px; + width: auto; + text-align: left; + } + .forum-list.forum-topic-list .info-container .date-replies .time, + .forum-list.forum-topic-list .info-container .date-replies .replies, + .forum-list.forum-topic-list .info-container .date-replies .replies .total, + .forum-list.forum-topic-list .info-container .date-replies .replies .text { + display: inline-block; + padding: 0; + margin: 0; + font-size: 11px; + line-height: 11px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + } + .forum-list.forum-topic-list .info-container .date-replies .replies { + margin-left: 10px; + border-left: 1px solid #ddd; + padding-left: 10px; + background: none; + } + + + /* Forum Details Page Setting */ + + .forum-list.forum-detail-list .media { + width: 40px; + line-height: 40px; + } + .forum-list.forum-detail-list .media .label { + font-size: 9px; + padding-left: 0; + padding-right: 0; + } + .forum-list.forum-detail-list .info-container { + margin-left: 50px; + } +} \ No newline at end of file diff --git a/public/assets/css/forum/style-responsive.min.css b/public/assets/css/forum/style-responsive.min.css new file mode 100755 index 0000000..3b76d7d --- /dev/null +++ b/public/assets/css/forum/style-responsive.min.css @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/@media (min-width: 1200px){.container{width:1010px}}@media (min-width: 1920px){body{font-size:16px;padding-top:70px}.navbar-logo{border-width:20px;margin-right:15px}.navbar-brand{height:70px;line-height:40px;font-size:20px}.navbar-brand,.navbar-nav > li > a{line-height:40px}.navbar.navbar-sm .navbar-nav > li > a{line-height:30px}.navbar-form .form-control{border-radius:40px;height:45px;min-width:300px;font-size:16px;padding:0 65px 0 20px}.navbar-form .btn{font-size:24px}.container{width:1360px}.content{padding:45px 0 75px}.search-banner{padding:70px 0}.search-banner h1{font-size:48px}.search-banner .form-control{font-size:18px}.search-banner .btn .fa{display:block;font-size:24px;line-height:24px;height:24px}.search-banner h5{font-size:16px}.search-banner .container{width:860px}.popular-tags > li > a{padding:4px 12px}.panel.panel-forum{border-width:3px}.panel-title{font-size:16px;line-height:24px}.forum-list > li + li,.threads-list > li + li{border-top-width:3px}.forum-list .info-container .info .title{font-size:18px}.forum-list .info-container .desc{font-size:16px;line-height:24px}.forum-list .info-container .total-count{font-size:18px}.forum-list .info-container .latest-post .title,.forum-list .info-container .latest-post .time{font-size:16px}.forum-list .media{width:72px;line-height:72px}.forum-list .info-container{margin-left:89px}.forum-list.forum-topic-list .info-start-end{line-height:24px}.forum-list.forum-topic-list .info-container .date-replies .replies{padding:5px 15px}.forum-list.forum-topic-list .info-container .date-replies .time{line-height:13px;font-size:13px}.forum-list.forum-topic-list .info-container .date-replies .replies .total{font-size:18px;line-height:24px}.forum-list.forum-topic-list .info-container .date-replies .replies .text{font-size:13px;line-height:17px}.threads-list{font-size:14px}.threads-list > li .title{font-size:16px;line-height:24px}.forum-list.forum-detail-list .info-container{margin-left:92px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.forum-list.forum-detail-list .post-user{font-size:16px}.forum-list.forum-detail-list .post-content{font-size:16px;line-height:28px}.forum-list.forum-detail-list .post-content pre{padding:15px;font-size:16px}.footer h4{font-size:18px}.footer p{font-size:16px;line-height:24px}.footer .latest-post > li .title,.footer .latest-post > li .title a{font-size:16px;line-height:24px}.footer .latest-post > li .time{font-size:14px}.footer-copyright{padding:30px 0}.page-title{padding:45px 0}.page-title h1{font-size:36px}.pager li > a,.pager li > span,.pagination > li > a,.pagination > li > span{font-size:16px;padding:10px 15px}.btn{font-size:16px;padding:10px 15px}.has-bg .bg-cover img{width:100%}.theme-panel{width:248px;right:-248px}.theme-panel .theme-list > li + li{margin-left:7px}.theme-panel .theme-list > li > a{width:40px;height:40px}.theme-panel .theme-panel-content{padding:10px}.theme-panel .theme-collapse-btn{width:60px;height:60px;left:-60px;margin-top:-30px;font-size:24px;line-height:60px}.theme-panel .theme-list > li.active > a:before{font-size:20px;line-height:40px}.tooltip{font-size:16px}}@media (max-width: 767px){.navbar-form,.navbar.navbar-sm .navbar-form{border:none;margin:0}.navbar .navbar-nav > li > a{line-height:20px}.search-banner{padding:30px 0}.search-banner .container{width:100%}.search-banner h1{font-size:24px}.content{padding:20px 0 30px}.has-bg .bg-cover img{max-width:inherit;min-width:100%;max-height:100%}.forum-list .info-container .info,.forum-list .info-container .total-count,.forum-list .info-container .latest-post{float:none;width:auto;text-align:left}.forum-list .info-container > div + div{margin-top:10px}.forum-list.forum-topic-list .info-container .info{padding-right:0}.forum-list.forum-topic-list .info-container .date-replies{position:relative;top:0;margin-top:5px;width:auto;text-align:left}.forum-list.forum-topic-list .info-container .date-replies .time,.forum-list.forum-topic-list .info-container .date-replies .replies,.forum-list.forum-topic-list .info-container .date-replies .replies .total,.forum-list.forum-topic-list .info-container .date-replies .replies .text{display:inline-block;padding:0;margin:0;font-size:11px;line-height:11px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.forum-list.forum-topic-list .info-container .date-replies .replies{margin-left:10px;border-left:1px solid #ddd;padding-left:10px;background:none}.forum-list.forum-detail-list .media{width:40px;line-height:40px}.forum-list.forum-detail-list .media .label{font-size:9px;padding-left:0;padding-right:0}.forum-list.forum-detail-list .info-container{margin-left:50px}} \ No newline at end of file diff --git a/public/assets/css/forum/style.css b/public/assets/css/forum/style.css new file mode 100755 index 0000000..b1e9a63 --- /dev/null +++ b/public/assets/css/forum/style.css @@ -0,0 +1,2746 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ + +:: 1.0 General Reset & Setup +------------------------------------------- + 1.1 Reset and overrides + +:: 2.0 Header Navbar Setting +------------------------------------------- + 2.1 Navbar Element Setting + 2.2 Small Navbar Setting + +:: 3.0 Search Banner Setting +------------------------------------------- + 3.1 Search Banner Element Setting + 3.2 Search Banner Popular Tags Setting + +:: 4.0 Content Setting +------------------------------------------- + 4.1 Content Element Setting + 4.2 Content Has Background Setting + 4.3 Section Container Setting + 4.4 Breadcrumb Setting + 4.5 Page Title Setting + +:: 5.0 Forum Setting +------------------------------------------- + 5.1 Panel Forum Setting + 5.2 Forum List Setting + 5.3 Forum Topic List Setting + 5.4 Forum Threads List Setting + 5.5 Forum Detail List Setting + +:: 6.0 Footer Setting +------------------------------------------- + 6.1 Footer Element Setting + 6.2 Footer Copyright Setting + +:: 7.0 Pace Loader Setting +------------------------------------------- + 7.1 Pace Loader Element Setting + +:: 8.0 Predefined CSS Setting +------------------------------------------- + 8.1 Predefined Classes + +:: 9.0 Basic Element Setting +------------------------------------------- + 9.1 Component - Button + 9.1.1 Component - Button - Default + 9.1.2 Component - Button - White + 9.1.3 Component - Button - Inverse + 9.1.4 Component - Button - Primary + 9.1.5 Component - Button - Success + 9.1.6 Component - Button - Warning + 9.1.7 Component - Button - Danger + 9.1.8 Component - Button - Info + 9.2 Component - Progress Bar + 9.3 Component - From Control + 9.4 Component - Dropdown Menu + 9.5 Component - Tooltip + 9.6 Component - Alert + 9.7 Component - Note Setting + 9.8 Component - Badge & Label Setting + 9.9 Component - Pagination & pager + 9.10 Component - Nav Setting + 9.11 Component - Nav Tabs + 9.12 Component - Nav Pills + 9.13 Component - Tab Content + 9.14 Component - Accordion Panel + 9.15 Component - Panel + 9.16 Component - Panel - Panel Expand + 9.17 Component - Panel - Panel loading + 9.18 Component - Modal Setting + 9.19 Component - Media Object + 9.20 Component - Tabl + 9.21 Component - Well + 9.22 Component - Jumbotron + 9.23 Component - List Group + 9.24 Component - Carousel + 9.25 Component - Theme Panel +*/ + + +/* ------------------------------- + 1.0 General reset & setup +------------------------------- */ + +/* 1.1 Reset and overrides */ + +body { + padding-top: 60px; + background: #fff; + font-size: 12px; + font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif; + color: #707478; +} +a { + color: #00acac; +} +a:hover, +a:focus { + color: #008a8a; +} + + + +/* ------------------------------- + 2.0 Header Navbar Setting +------------------------------- */ + +/* 2.1 Navbar Element Setting */ + +.navbar { + border: none; + border-radius: 0; +} +.navbar.navbar-default { + background: #fff; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.125); + box-shadow: 0 1px 3px rgba(0,0,0,0.125); +} +.navbar-brand { + height: 60px; + line-height: 30px; + font-size: 16px; +} +.navbar-brand img { + max-height: 40px; + display: block; + margin: -5px 0; +} +.navbar-logo { + border: 15px solid transparent; + border-color: #4DCACA #31A3A3 #1D8888; + float: left; + border-radius: 6px; + margin-right: 10px; +} +.navbar.navbar-default .navbar-brand { + color: #000; +} +.navbar-nav > li > a { + line-height: 30px; +} +.navbar-default .navbar-nav > li > a { + color: #242a30; +} +.navbar-form, +.navbar-toggle { + margin-top: 13px; + margin-bottom: 13px; +} +.navbar-form .form-group { + position: relative; +} +.navbar-form .form-control { + border-radius: 40px; + padding-right: 45px; +} +.navbar-form .btn { + position: absolute; + right: 0; + top: 0; + background: none; + border: none; + font-size: 16px; + -webkit-border-radius: 0 15px 15px 0; + -moz-border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; +} + + +/* 2.2 Small Navbar Setting */ + +.header.navbar .navbar-brand, +.header.navbar .navbar-form, +.header.navbar .navbar-nav > li > a, +.header.navbar .navbar-toggle { + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.navbar.navbar-sm .navbar-brand { + padding-top: 10px; + padding-bottom: 10px; + height: 50px; +} +.navbar.navbar-sm .navbar-form, +.navbar.navbar-sm .navbar-toggle { + margin-top: 8px; + margin-bottom: 8px; +} +.navbar.navbar-sm .navbar-nav > li > a { + line-height: 20px; +} + + + +/* ------------------------------- + 3.0 Search Banner Setting +------------------------------- */ + +/* 3.1 Search Banner Element Setting */ + +.search-banner { + padding: 60px 0; +} +.search-banner h1 { + color: #fff; + font-size: 36px; + text-align: center; + margin: 0 0 15px; + font-weight: 600; +} +.search-banner p { + margin-bottom: 0; + color: rgba(255,255,255,0.8); +} +.search-banner .container { + width: 640px; +} +.search-banner .form-control { + padding-left: 20px; + padding-right: 20px; + font-size: 16px; + border: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.search-banner .form-group { + position: relative; +} +.search-banner .btn { + background: #fff; + color: #242a30; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.search-banner p { + font-size: 16px; + color: #fff; + text-align: center; + font-weight: 300; +} + + +/* 3.2 Search Banner Popular Tags Setting */ + +.popular-tags { + list-style-type: none; + margin: 0; + padding: 0; +} +.popular-tags > li { + display: inline-block; + margin-right: 3px; + margin-bottom: 5px; +} +.popular-tags > li > a { + padding: 3px 10px; + border-radius: 40px; + border: 2px solid #ccc; + color: #fff; + display: inline-block; +} +.popular-tags > li > a:hover, +.popular-tags > li > a:focus { + text-decoration: none; + color: #fff; + border-color: #fff; +} +.popular-tags > li > a .fa { + font-size: 6px; + margin-right: 3px; + position: relative; + top: -2px; + color: #fff !important; +} + + + +/* ------------------------------- + 4.0 Content Setting +------------------------------- */ + +/* 4.1 Content Element Setting */ + +.content { + padding: 30px 0 60px; +} + + +/* 4.2 Content Has Background Setting */ + +.has-bg, +.has-bg .container { + position: relative; + color: #fff; +} +.has-bg .bg-cover, +.has-bg .bg-cover:before { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; +} +.has-bg .bg-cover:before { + content: ''; + background: url('images/transparent/black-0.4.png'); +} +.has-bg .bg-cover img { + max-width: 100%; + min-height: 100%; +} + + +/* 4.3 Section Container Setting */ + +.section-container { + margin-bottom: 30px; +} + + +/* 4.4 Breadcrumb Setting */ + +.breadcrumb { + background: #e2e7eb; + color: #242a30; + font-weight: bold; +} +.breadcrumb > li a { + color: #242a30; +} +.breadcrumb > li + li:before { + font-weight: normal; +} + + +/* 4.5 Page Title Setting */ + +.page-title { + padding: 30px 0; +} +.page-title .breadcrumb { + background: none; + padding: 0; + font-weight: normal; + margin-bottom: 10px; +} +.page-title.has-bg .breadcrumb { + color: #fff; +} +.page-title.has-bg .breadcrumb > li a { + color: #ccc; +} +.page-title h1 { + font-size: 28px; + margin: 0; +} +.page-title h5 { + font-size: 12px; + font-weight: bold; + color: #fff; +} + + + +/* ------------------------------- + 5.0 Forum Setting +------------------------------- */ + +/* 5.1 Panel Forum Setting */ + +.panel.panel-forum { + border: 2px solid #e2e7eb; +} +.panel.panel-forum .panel-heading { + background: #e2e7eb; +} + + +/* 5.2 Forum List Setting */ + +.forum-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.forum-list > li { + padding: 15px; +} +.forum-list > li:before, +.forum-list > li:after { + content: ''; + display: table; + clear: both; +} +.forum-list > li + li { + border-top: 2px solid #e2e7eb; +} +.forum-list .media { + font-size: 28px; + float: left; + width: 64px; + text-align: center; + color: rgba(0,0,0,0.4); + line-height: 64px; +} +.forum-list .media img { + max-width: 100%; + display: block; +} +.forum-list .media .fa { + display: block; + line-height: 64px; + background: #00acac; +} +.forum-list .info-container { + margin-left: 79px; + padding-top: 5px; +} +.forum-list .info-container > div { + float: left; +} +.forum-list .info-container .info { + width: 50%; +} +.forum-list .info-container .total-count { + width: 20%; + text-align: center; +} +.forum-list .info-container .total-count .divider { + margin: 0 8px; +} +.forum-list .info-container .latest-post { + width: 30%; +} +.forum-list .info-container .info .title { + font-size: 16px; + margin: 0 0 5px; + font-weight: 600; +} +.forum-list .info-container .info .title a { + color: #242a30; +} +.forum-list .info-container .latest-post .title { + margin: 0 0 4px; + font-size: 12px; +} +.forum-list .info-container .latest-post .title a { + color: #242a30; +} +.forum-list .info-container .latest-post .time { + font-size: 12px; +} +.forum-list .info-container .desc { + margin-bottom: 0; + font-size: 12px; + color: #666; + line-height: 16px; +} +.total-post { + color: #242a30; + font-weight: bold; +} + + +/* 5.3 Forum Topic List Setting */ + +.forum-list.forum-topic-list .info-container { + position: relative; +} +.forum-list.forum-topic-list .info-start-end { + list-style-type: none; + margin: 0; + padding: 0; + line-height: 20px; +} +.forum-list.forum-topic-list .info-container .info { + width: auto; + float: none; + padding-right: 100px; +} +.forum-list.forum-topic-list .info-container .date-replies { + position: absolute; + right: 0; + top: 5px; + text-align: center; + width: 80px; +} +.forum-list.forum-topic-list .info-container .date-replies .time { + font-size: 11px; + line-height: 11px; + margin-bottom: 7px; +} +.forum-list.forum-topic-list .info-container .date-replies .replies { + background: #e2e7eb; + padding: 5px 10px; + border-radius: 4px; +} +.forum-list.forum-topic-list .info-container .date-replies .replies .total { + font-size: 16px; + color: #242a30; + line-height: 18px; + margin-bottom: 2px; +} +.forum-list.forum-topic-list .info-container .date-replies .replies .text { + font-size: 10px; + line-height: 12px; + font-weight: normal; + color: #999; + margin-bottom: 2px; +} + + +/* 5.4 Forum Threads List Setting */ + +.threads-list { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 11px; +} +.threads-list > li:before, +.threads-list > li:after { + content: ''; + display: table; + clear: both; +} +.threads-list > li { + margin: 0 15px; + padding: 15px 0; +} +.threads-list > li + li { + border-top: 2px solid #e2e7eb; +} +.threads-list > li .title { + font-size: 12px; + margin: 0 0 3px; + line-height: 16px; + font-weight: 600; +} + + +/* 5.5 Forum Detail List Setting */ + +.forum-list.forum-detail-list { + border: none; + margin-bottom: 20px; +} +.forum-list.forum-detail-list > li { + padding: 0; +} +.forum-list.forum-detail-list > li + li { + border: none; + margin-top: 20px; +} +.forum-list.forum-detail-list .media img { + margin-bottom: 10px; +} +.forum-list.forum-detail-list .media .label { + font-size: 12px; + display: block; + padding: 3px 6px; +} +.forum-list.forum-detail-list .info-container { + margin-left: 80px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 2px solid #e2e7eb; + padding: 15px 20px; + background: #f3f5f7; + position: relative; +} +.forum-list.forum-detail-list .info-container:before, +.forum-list.forum-detail-list .info-container:after { + content: ''; + position: absolute; + left: -15.5px; + top: 15px; + border: 7px solid transparent; + border-right-color: #e2e7eb; +} +.forum-list.forum-detail-list .info-container:after { + left: -12.5px; + border-right-color: #f3f5f7; +} +.forum-list.forum-detail-list .info-container > div { + float: none; +} +.forum-list.forum-detail-list .post-user { + font-size: 15px; + margin-bottom: 15px; +} +.forum-list.forum-detail-list .post-user small { + font-weight: bold; + color: #9fa2a5; + font-size: 16px; + margin-left: 5px; +} +.forum-list.forum-detail-list .post-content { + font-size: 14px; + line-height: 23px; + color: #242a30; + margin-bottom: 15px; +} +.forum-list.forum-detail-list .post-content pre { + background: #d6dbdf; + border: none; + margin-bottom: 23px; +} +.forum-list.forum-detail-list .post-time { + color: #a7aaac; +} +.comment-banner-msg { + border: 2px solid #e2e7eb; + padding: 15px 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + text-align: center; + margin-bottom: 20px; +} + + + +/* ------------------------------- + 6.0 Footer Setting +------------------------------- */ + +/* 6.1 Footer Element Setting */ + +.footer { + margin: 0; + border: none; + padding: 60px 0 30px; + background: #242a30; + box-shadow: inset 0 100px 80px -80px rgba(0,0,0,.7); + -webkit-box-shadow: inset 0 100px 80px -80px rgba(0,0,0,.7); +} +.footer h4 { + font-weight: 600; + color: #CFD0D1; + font-size: 14px; + letter-spacing: 0.5px; + margin: 0 0 20px; +} +.footer p { + color: #A6A9AB; + font-size: 12px; + line-height: 20px; + margin-bottom: 0; +} +.footer .latest-post { + list-style-type: none; + margin: 0; + padding: 0; +} +.footer .latest-post > li + li { + margin-top: 10px; +} +.footer .latest-post > li .title, +.footer .latest-post > li .title a { + margin: 0; + font-weight: normal; + font-size: 13px; + line-height: 20px; + color: #CFD0D1; +} +.footer .latest-post > li .time { + font-size: 11px; +} +.footer .new-user { + list-style-type: none; + margin: -5px; + padding: 0; +} +.footer .new-user > li { + float: left; + width: 20%; + padding: 5px; +} +.footer .new-user > li img { + max-width: 100%; +} + + +/* 6.2 Footer Copyright Setting */ + +.footer-copyright { + padding: 20px 0; + color: #A6A9AB; + background: #1d2226; +} +.footer-copyright a { + float: right; + color: #CFD0D1; +} +.footer-copyright a + a { + margin-right: 15px; +} + + + +/* ------------------------------- + 7.0 Pace Loader Setting +------------------------------- */ + +/* 7.1 Pace Loader Element Setting */ + +.pace-inactive { + opacity: 0; + filter: alpha(opacity=0); +} +.pace { + background: #2d353c; + position: fixed; + top: 0; + left: 0; + right: 0; + -webkit-transition: opacity 1s; + -moz-transition: opacity 1s; + -o-transition: opacity 1s; + transition: opacity 1s; + z-index: 1050; +} +.pace-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 3px; + background: #00acac; + -webkit-transition: width 1s; + -moz-transition: width 1s; + -o-transition: width 1s; + transition: width 1s; + z-index: 2000; +} +.pace:before { + content: ''; + position: fixed; + top: 0; + right: 0; + left: 0; + height: 3px; +} +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 20px; + right: 20px; + width: 20px; + height: 20px; + border: solid 2px transparent; + border-top-color: #00acac; + border-left-color: #00acac; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; +} +@media (max-width: 767px) { + .pace .pace-activity { + top: 80px; + } +} +@-webkit-keyframes pace-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes pace-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes pace-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes pace-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes pace-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} + + + +/* ------------------------------- + 8.0 Predefined CSS Setting +------------------------------- */ + +/* 8.1 Predefined Classes */ + +.row { margin: 0 -10px; } +.row > [class*="col-"] { padding: 0 10px; } + +.row.row-space-0 { margin: 0; } +.row.row-space-2 { margin: 0 -1px; } +.row.row-space-4 { margin: 0 -2px; } +.row.row-space-6 { margin: 0 -3px; } +.row.row-space-8 { margin: 0 -4px; } +.row.row-space-10 { margin: 0 -5px; } +.row.row-space-12 { margin: 0 -6px; } +.row.row-space-14 { margin: 0 -7px; } +.row.row-space-16 { margin: 0 -8px; } +.row.row-space-18 { margin: 0 -9px; } +.row.row-space-18 { margin: 0 -10px; } +.row.row-space-22 { margin: 0 -11px; } +.row.row-space-24 { margin: 0 -12px; } +.row.row-space-26 { margin: 0 -13px; } +.row.row-space-28 { margin: 0 -14px; } +.row.row-space-30 { margin: 0 -15px; } +.row.row-space-0 > [class*="col-"] { padding: 0; } +.row.row-space-2 > [class*="col-"] { padding: 0 1px; } +.row.row-space-4 > [class*="col-"] { padding: 0 2px; } +.row.row-space-6 > [class*="col-"] { padding: 0 3px; } +.row.row-space-8 > [class*="col-"] { padding: 0 4px; } +.row.row-space-10 > [class*="col-"] { padding: 0 5px; } +.row.row-space-12 > [class*="col-"] { padding: 0 6px; } +.row.row-space-14 > [class*="col-"] { padding: 0 7px; } +.row.row-space-16 > [class*="col-"] { padding: 0 8px; } +.row.row-space-18 > [class*="col-"] { padding: 0 9px; } +.row.row-space-20 > [class*="col-"] { padding: 0 10px; } +.row.row-space-22 > [class*="col-"] { padding: 0 11px; } +.row.row-space-24 > [class*="col-"] { padding: 0 12px; } +.row.row-space-26 > [class*="col-"] { padding: 0 13px; } +.row.row-space-28 > [class*="col-"] { padding: 0 14px; } +.row.row-space-30 > [class*="col-"] { padding: 0 15px; } + +.semi-bold { font-weight: 600; } + +.overflow-auto { overflow: auto !important; } +.overflow-hidden { overflow: hidden !important; } +.overflow-visible { overflow: visible !important; } +.overflow-scroll { overflow: scroll !important; } +.overflow-x-hidden { overflow-x: hidden !important; } +.overflow-x-visible { overflow-x: visible !important; } +.overflow-x-scroll { overflow-x: scroll !important; } +.overflow-y-hidden { overflow-y: hidden !important; } +.overflow-y-visible { overflow-y: visible !important; } +.overflow-y-scroll { overflow-y: scroll !important; } + +.m-auto { margin: 0 auto !important; } +.m-0 { margin: 0px !important; } +.m-1 { margin: 1px !important; } +.m-2 { margin: 2px !important; } +.m-3 { margin: 3px !important; } +.m-4 { margin: 4px !important; } +.m-5 { margin: 5px !important; } +.m-10 { margin: 10px !important; } +.m-15 { margin: 15px !important; } +.m-20 { margin: 20px !important; } +.m-25 { margin: 25px !important; } +.m-30 { margin: 30px !important; } +.m-35 { margin: 35px !important; } +.m-40 { margin: 40px !important; } + +.m-t-0 { margin-top: 0px !important; } +.m-t-1 { margin-top: 1px !important; } +.m-t-2 { margin-top: 2px !important; } +.m-t-3 { margin-top: 3px !important; } +.m-t-4 { margin-top: 4px !important; } +.m-t-5 { margin-top: 5px !important; } +.m-t-10 { margin-top: 10px !important; } +.m-t-15 { margin-top: 15px !important; } +.m-t-20 { margin-top: 20px !important; } +.m-t-25 { margin-top: 25px !important; } +.m-t-30 { margin-top: 30px !important; } +.m-t-35 { margin-top: 35px !important; } +.m-t-40 { margin-top: 40px !important; } + +.m-r-0 { margin-right: 0px !important; } +.m-r-1 { margin-right: 1px !important; } +.m-r-2 { margin-right: 2px !important; } +.m-r-3 { margin-right: 3px !important; } +.m-r-4 { margin-right: 4px !important; } +.m-r-5 { margin-right: 5px !important; } +.m-r-10 { margin-right: 10px !important; } +.m-r-15 { margin-right: 15px !important; } +.m-r-20 { margin-right: 20px !important; } +.m-r-25 { margin-right: 25px !important; } +.m-r-30 { margin-right: 30px !important; } +.m-r-35 { margin-right: 35px !important; } +.m-r-40 { margin-right: 40px !important; } + +.m-b-0 { margin-bottom: 0px !important; } +.m-b-1 { margin-bottom: 1px !important; } +.m-b-2 { margin-bottom: 2px !important; } +.m-b-3 { margin-bottom: 3px !important; } +.m-b-4 { margin-bottom: 4px !important; } +.m-b-5 { margin-bottom: 5px !important; } +.m-b-10 { margin-bottom: 10px !important; } +.m-b-15 { margin-bottom: 15px !important; } +.m-b-20 { margin-bottom: 20px !important; } +.m-b-25 { margin-bottom: 25px !important; } +.m-b-30 { margin-bottom: 30px !important; } +.m-b-35 { margin-bottom: 35px !important; } +.m-b-40 { margin-bottom: 40px !important; } + +.m-l-0 { margin-left: 0px !important; } +.m-l-1 { margin-left: 1px !important; } +.m-l-2 { margin-left: 2px !important; } +.m-l-3 { margin-left: 3px !important; } +.m-l-4 { margin-left: 4px !important; } +.m-l-5 { margin-left: 5px !important; } +.m-l-10 { margin-left: 10px !important; } +.m-l-15 { margin-left: 15px !important; } +.m-l-20 { margin-left: 20px !important; } +.m-l-25 { margin-left: 25px !important; } +.m-l-30 { margin-left: 30px !important; } +.m-l-35 { margin-left: 35px !important; } +.m-l-40 { margin-left: 40px !important; } + +.p-0 { padding: 0px !important; } +.p-1 { padding: 1px !important; } +.p-2 { padding: 2px !important; } +.p-3 { padding: 3px !important; } +.p-4 { padding: 4px !important; } +.p-5 { padding: 5px !important; } +.p-10 { padding: 10px !important; } +.p-15, .wrapper { padding: 15px !important; } +.p-20 { padding: 20px !important; } +.p-25 { padding: 25px !important; } +.p-30 { padding: 30px !important; } +.p-35 { padding: 35px !important; } +.p-40 { padding: 40px !important; } + +.p-t-0 { padding-top: 0px !important; } +.p-t-1 { padding-top: 1px !important; } +.p-t-2 { padding-top: 2px !important; } +.p-t-3 { padding-top: 3px !important; } +.p-t-4 { padding-top: 4px !important; } +.p-t-5 { padding-top: 5px !important; } +.p-t-10 { padding-top: 10px !important; } +.p-t-15 { padding-top: 15px !important; } +.p-t-20 { padding-top: 20px !important; } +.p-t-25 { padding-top: 25px !important; } +.p-t-30 { padding-top: 30px !important; } +.p-t-35 { padding-top: 35px !important; } +.p-t-40 { padding-top: 40px !important; } + +.p-r-0 { padding-right: 0px !important; } +.p-r-1 { padding-right: 1px !important; } +.p-r-2 { padding-right: 2px !important; } +.p-r-3 { padding-right: 3px !important; } +.p-r-4 { padding-right: 4px !important; } +.p-r-5 { padding-right: 5px !important; } +.p-r-10 { padding-right: 10px !important; } +.p-r-15 { padding-right: 15px !important; } +.p-r-20 { padding-right: 20px !important; } +.p-r-25 { padding-right: 25px !important; } +.p-r-30 { padding-right: 30px !important; } +.p-r-35 { padding-right: 35px !important; } +.p-r-40 { padding-right: 40px !important; } + +.p-b-0 { padding-bottom: 0px !important; } +.p-b-1 { padding-bottom: 1px !important; } +.p-b-2 { padding-bottom: 2px !important; } +.p-b-3 { padding-bottom: 3px !important; } +.p-b-4 { padding-bottom: 4px !important; } +.p-b-5 { padding-bottom: 5px !important; } +.p-b-10 { padding-bottom: 10px !important; } +.p-b-15 { padding-bottom: 15px !important; } +.p-b-20 { padding-bottom: 20px !important; } +.p-b-25 { padding-bottom: 25px !important; } +.p-b-30 { padding-bottom: 30px !important; } +.p-b-35 { padding-bottom: 35px !important; } +.p-b-40 { padding-bottom: 40px !important; } + +.p-l-0 { padding-left: 0px !important; } +.p-l-1 { padding-left: 1px !important; } +.p-l-2 { padding-left: 2px !important; } +.p-l-3 { padding-left: 3px !important; } +.p-l-4 { padding-left: 4px !important; } +.p-l-5 { padding-left: 5px !important; } +.p-l-10 { padding-left: 10px !important; } +.p-l-15 { padding-left: 15px !important; } +.p-l-20 { padding-left: 20px !important; } +.p-l-25 { padding-left: 25px !important; } +.p-l-30 { padding-left: 30px !important; } +.p-l-35 { padding-left: 35px !important; } +.p-l-40 { padding-left: 40px !important; } + +.f-s-8 { font-size: 8px !important; } +.f-s-9 { font-size: 9px !important; } +.f-s-10 { font-size: 10px !important; } +.f-s-11 { font-size: 11px !important; } +.f-s-12 { font-size: 12px !important; } +.f-s-13 { font-size: 13px !important; } +.f-s-14 { font-size: 14px !important; } +.f-s-15 { font-size: 15px !important; } +.f-s-16 { font-size: 16px !important; } +.f-s-17 { font-size: 17px !important; } +.f-s-18 { font-size: 18px !important; } +.f-s-19 { font-size: 19px !important; } +.f-s-20 { font-size: 20px !important; } + +.text-center { text-align: center !important; } +.text-left { text-align: left !important; } +.text-right { text-align: right !important; } + +.pull-left { float: left !important; } +.pull-right { float: right !important; } +.pull-none { float: none !important; } + +.f-w-100 { font-weight: 100 !important; } +.f-w-200 { font-weight: 200 !important; } +.f-w-300 { font-weight: 300 !important; } +.f-w-400 { font-weight: 400 !important; } +.f-w-500 { font-weight: 500 !important; } +.f-w-600 { font-weight: 600 !important; } +.f-w-700 { font-weight: 700 !important; } + +.table-valign-middle th, +.table-valign-middle td { + vertical-align: middle !important; +} +.table-th-valign-middle th, +.table-td-valign-middle td { + vertical-align: middle !important; +} +.table-valign-top th, +.table-valign-top td { + vertical-align: top !important; +} +.table-th-valign-top th, +.table-td-valign-top td { + vertical-align: top !important; +} +.table-valign-bottom th, +.table-valign-bottom td { + vertical-align: bottom !important; +} +.table-th-valign-bottom th, +.table-td-valign-bottom td { + vertical-align: bottom !important; +} +.vertical-box { + display: table; + table-layout: fixed; + border-spacing: 0; + height: 100%; + width: 100%; +} +.vertical-box-column { + display: table-cell; + vertical-align: top; + height: 100%; +} +.vertical-box-row { + display: table-row; + height: 100%; +} +.vertical-box-row > .vertical-box-cell { + position: relative; + height: 100%; + width: 100%; + float: none; +} +.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} +.panel-expand .vertical-box .vertical-box-column { + display: table-cell; +} +.page-content-full-height .content { + position: absolute; + left: 0; + top: 54px; + right: 0; + bottom: -1px; + -webkit-transform: translateZ(0); +} +.no-rounded-corner { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.rounded-corner { + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} +.no-border { border: 0 !important; } +.border-top-1 { border-top: 1px solid #eee !important; } +.border-right-1 { border-right: 1px solid #eee !important; } +.border-bottom-1 { border-bottom: 1px solid #eee !important; } +.border-left-1 { border-left: 1px solid #eee !important; } +.no-box-shadow { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.text-inverse { color: #2d353c !important; } +a.text-inverse:hover, +a.text-inverse:focus { + color: #575d63 !important; +} +.text-success { color: #00acac !important; } +a.text-success:hover, +a.text-success:focus { + color: #33bdbd !important; +} +.text-info { color: #49b6d6 !important; } +a.text-info:hover, +a.text-info:focus { + color: #6dc5de !important; +} +.text-primary { color: #348fe2 !important; } +a.text-primary:hover, +a.text-primary:focus { + color: #5da5e8 !important; +} +.text-warning { color: #f59c1a !important; } +a.text-warning:hover, +a.text-warning:focus { + color: #f7b048 !important; +} +.text-danger { color: #ff5b57 !important; } +a.text-danger:hover, +a.text-danger:focus { + color: #ff7c79 !important; +} +.text-white { color: #fff !important; } +a.text-white:hover, +a.text-white:focus { + color: #f0f3f4 !important; +} + +.bg-white { background: #ffffff !important; } +.bg-silver-lighter { background: #f4f6f7 !important; } +.bg-silver { background: #f0f3f4 !important; } +.bg-silver-darker { background: #b4b6b7 !important; } + +.bg-black { background: #2d353c !important; } +.bg-black-darker { background: #242a30 !important; } +.bg-black-lighter { background: #575d63 !important; } + +.bg-grey { background: #b6c2c9 !important; } +.bg-grey-darker { background: #929ba1 !important; } +.bg-grey-lighter { background: #c5ced4 !important; } + +.bg-red { background: #ff5b57 !important; } +.bg-red-darker { background: #cc4946 !important; } +.bg-red-lighter { background: #ff7c79 !important; } + +.bg-orange { background: #f59c1a !important; } +.bg-orange-darker { background: #c47d15 !important; } +.bg-orange-lighter { background: #f7b048 !important; } + +.bg-yellow { background: #e3fa3e !important; } +.bg-yellow-darker { background: #b6c832 !important; } +.bg-yellow-lighter { background: #e9fb65 !important; } + +.bg-green { background: #00acac !important; } +.bg-green-darker { background: #008a8a !important; } +.bg-green-lighter { background: #33bdbd !important; } + +.bg-blue { background: #348fe2 !important; } +.bg-blue-darker { background: #2a72b5 !important; } +.bg-blue-lighter { background: #5da5e8 !important; } + +.bg-aqua { background: #49b6d6 !important; } +.bg-aqua-darker { background: #3a92ab !important; } +.bg-aqua-lighter { background: #6dc5de !important; } + +.bg-purple { background: #727cb6 !important; } +.bg-purple-darker { background: #5b6392 !important; } +.bg-purple-lighter { background: #8e96c5 !important; } + +.no-bg { background: none !important; } + +.height-xs { height: 150px !important; } +.height-sm { height: 300px !important; } +.height-md { height: 450px !important; } +.height-lg { height: 600px !important; } +.height-full { height: 100% !important; } +.height-50 { height: 50px !important; } +.height-100 { height: 100px !important; } +.height-150 { height: 150px !important; } +.height-200 { height: 200px !important; } +.height-250 { height: 250px !important; } +.height-300 { height: 300px !important; } +.height-350 { height: 350px !important; } +.height-400 { height: 400px !important; } +.height-450 { height: 450px !important; } +.height-500 { height: 500px !important; } +.height-550 { height: 550px !important; } +.height-600 { height: 600px !important; } + +.width-xs { width: 150px !important; } +.width-sm { width: 300px !important; } +.width-md { width: 450px !important; } +.width-lg { width: 600px !important; } +.width-full { width: 100% !important; } +.width-50 { width: 50px !important; } +.width-100 { width: 100px !important; } +.width-150 { width: 150px !important; } +.width-200 { width: 200px !important; } +.width-250 { width: 250px !important; } +.width-300 { width: 300px !important; } +.width-350 { width: 350px !important; } +.width-400 { width: 400px !important; } +.width-450 { width: 450px !important; } +.width-500 { width: 500px !important; } +.width-550 { width: 550px !important; } +.width-600 { width: 600px !important; } + +.animated { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.fade { + opacity: 0; + -webkit-transition: opacity .3s linear; + transition: opacity .3s linear; +} +.text-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; +} +.underline { + border-bottom: 1px solid #e2e7eb !important; +} + + + +/* ------------------------------- + 9.0 Component Setting +------------------------------- */ + +/* 9.1 Component - Form Elements */ + +.form-control { + border: 2px solid #ccd0d4; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.form-control.input-white { + background: #fff; + border-color: #fff; +} +.form-control.input-white:focus { + box-shadow: none; + -webkit-box-shadow: none; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background: #e5e9ed; + opacity: 0.6; + filter: alpha(opacity=60); +} +.form-control[disabled]:focus, +.form-control[readonly]:focus, +fieldset[disabled] .form-control:focus { + box-shadow: none; + -webkit-box-shadow: none; + border: 1px solid #ccd0d4; +} +.form-control:focus { + border-color: #9fa2a5; + -webkit-box-shadow: none; + box-shadow: none; +} +.form-control.input-inline { + display: inline; + width: auto; + padding: 0 7px; +} +.form-control.input-xs { + height: 20px; +} +.form-horizontal.form-bordered .form-group { + border-bottom: 1px solid #e2e7eb; + margin: 0; +} +.form-horizontal.form-bordered .form-group:last-child { + border-bottom: 0; +} +.form-horizontal.form-bordered .form-group > .control-label { + padding: 22px 15px 15px; +} +.form-horizontal.form-bordered .form-group > div { + padding: 15px; +} +.form-horizontal.form-bordered .form-group > div { + border-left: 1px solid #e2e7eb; +} +.form-horizontal.form-bordered .form-group > .control-label { + border-right: 1px solid #e2e7eb; + margin-right: -1px; +} +.form-horizontal.form-bordered .has-feedback .form-control-feedback { + top: 15px; +} +label { + font-weight: 500; +} +.has-success .form-control, +.has-success .form-control:focus, +.has-warning .form-control, +.has-warning .form-control:focus, +.has-error .form-control, +.has-error .form-control:focus { + -webkit-box-shadow: none; + box-shadow: none; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success .form-control-feedback { + color: #00acac; +} +.has-success .form-control { + border-color: #00acac; +} +.has-success .form-control:focus { + border-color: #008a8a; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning .form-control-feedback { + color: #f59c1a; +} +.has-warning .form-control { + border-color: #f59c1a; +} +.has-warning .form-control:focus { + border-color: #c47d15; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error .form-control-feedback { + color: #ff5b57; +} +.has-error .form-control { + border-color: #ff5b57; +} +.has-error .form-control:focus { + border-color: #cc4946; +} +.form-control-feedback { + line-height: 34px; +} + +select.form-control { + border-color: #ccd0d4; +} +select[multiple].form-control { + border-color: #ccd0d4; +} +.input-group-addon { + background: #e2e7eb; + border: none; +} +legend { + padding-bottom: 3px; + border-bottom: 1px solid #e2e7eb; +} + + +/* 9.2 Component - Dropdown Menu */ + +.dropdown-menu { + border: none; + -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); + font-size: 12px; +} +.dropdown-menu > li > a { + padding: 5px 15px; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background: #edf0f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background: #348fe2; +} +.dropdown-menu .divider { + border-color: #e2e7eb; +} +.dropdown-menu.media-list { + max-width: 280px; + padding: 0; +} +.dropdown-menu.media-list p { + text-overflow: ellipsis; + overflow: hidden; + margin-bottom: 4px; + max-width: 200px; +} +.dropdown-menu.media-list .dropdown-header { + padding: 10px 20px !important; + background: #fafafa; +} +.dropdown-menu.media-list > .media { + margin-top: 0; + border-top: 1px solid #e2e7eb; + border-bottom: 1px solid #e2e7eb; + margin-bottom: -1px; +} +.dropdown-menu.media-list > .media > a { + display: block; + padding: 10px 20px !important; +} +.dropdown-menu.media-list > .media .media-left { + padding-right: 10px; +} +.dropdown-menu.media-list > .media .media-right { + padding-left: 10px; +} +.dropdown-menu.media-list > .media .media-object { + height: 36px; + width: 36px; + line-height: 36px; + font-size: 14px; + color: #fff; + text-align: center; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} +.dropdown-footer { + padding: 10px 20px; +} +.dropdown-menu > li.dropdown-footer > a { + padding: 0 !important; + display: inline !important; +} +.dropdown-menu > li.dropdown-footer > a:hover, +.dropdown-menu > li.dropdown-footer > a:focus { + background: none !important; + text-decoration: underline !important; +} + + +/* 9.3 Component - Tooltip */ + +.tooltip-inner { + padding: 4px 10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + + +/* 9.4 Component - Alert */ + +.alert { + border: none; +} +.alert.alert-success { + background: #7cdda7; +} +.alert.alert-info { + background: #93cfe5; +} +.alert.alert-danger { + background: #f8b2b2; +} +.alert.alert-warning { + background: #ffead0; +} + + +/* 9.5 Component - Note Setting */ + +.note { + margin-bottom: 20px; + padding: 15px; + border-left: 3px solid; +} +.note.note-success { + border-color: #4a8564; + background: #b0ebca; + color: #3c763d; +} +.note.note-success h1, +.note.note-success h2, +.note.note-success h3, +.note.note-success h4, +.note.note-success h5, +.note.note-success h6 { + color: #3c763d; +} +.note.note-danger { + border-color: #986e6e; + background: #fbd1d1; + color: #a94442; +} +.note.note-danger h1, +.note.note-danger h2, +.note.note-danger h3, +.note.note-danger h4, +.note.note-danger h5, +.note.note-danger h6 { + color: #a94442; +} +.note.note-info { + border-color: #587c89; + background: #bee2ef; + color: #31708f; +} +.note.note-info h1, +.note.note-info h2, +.note.note-info h3, +.note.note-info h4, +.note.note-info h5, +.note.note-info h6 { + color: #31708f; +} +.note.note-warning { + border-color: #9d9080; + background: #fff2e3; + color: #8a6d3b; +} +.note.note-warning h1, +.note.note-warning h2, +.note.note-warning h3, +.note.note-warning h4, +.note.note-warning h5, +.note.note-warning h6 { + color: #8a6d3b; +} + + +/* 9.6 Component - Badge & Label Setting */ + +.badge { + font-size: 75%; + line-height: 1.25; + font-weight: 600; +} +.label { + font-size: 75%; + font-weight: 600; +} +.badge.badge-square { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.badge.badge-default, +.label.label-default { + background: #b6c2c9 ; +} +.badge.badge-danger, +.label.label-danger { + background: #ff5b57 ; +} +.badge.badge-warning, +.label.label-warning { + background: #f59c1a ; +} +.badge.badge-success, +.label.label-success { + background: #00acac ; +} +.badge.badge-info, +.label.label-info { + background: #49b6d6 ; +} +.badge.badge-primary, +.label.label-primary { + background: #348fe2 ; +} +.badge.badge-inverse, +.label.label-inverse { + background: #2d353c ; +} + + +/* 9.7 Component - Pagination & pager */ + +.pager li > a, +.pager li > span, +.pagination > li > a, +.pagination > li > span { + border-color: #e2e7eb; + color: #242a30; + border: none; + padding: 7px 9px; + font-weight: 600; + font-size: 12px; + color: #999; + -webkit-border-radius: 5px !important; + -moz-border-radius: 5px !important; + border-radius: 5px !important; +} +.pager.pager-without-border li > a, +.pager.pager-without-border li > span, +.pagination.pagination-without-border > li > a { + border-color: #fff; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus, +.pager > .disabled > span, +.pager > .disabled > a { + opacity: 0.6; + filter: alpha(opacity=60); + border-color: #ddd; +} +.pagination > li > a, +.pagination > li > span { + color: #242a30; + margin-left: 6px; +} +.pagination > li:first-child > a { + margin-left: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + font-size: 10px; + margin-left: 4px; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + font-size: 14px; + margin-left: 6px; +} +.pager li > a:hover, +.pager li > a:focus, +.pager li > span:hover, +.pager li > span:focus, +.pagination > li > a:hover, +.pagination > li > a:focus { + color: #242a30; + background: #e2e7eb; + border-color: #d8dde1; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + background: #e2e7eb !important; + color: #242a30; +} +.pagination > li.text > span, +.pagination > li.text > span:hover, +.pagination > li.text > span:focus { + background: none; + color: #999; + padding-left: 0; + padding-right: 0; +} +.pagination > li.active > a, +.pagination > li.active > a:hover, +.pagination > li.active > a:focus { + background: #e2e7eb !important; + color: #242a30; +} +.pagination > li.left > a, +.pagination > li.right > a { + background: #242a30; + color: #fff; +} +.pagination > li.left > a:hover, +.pagination > li.right > a:hover, +.pagination > li.left > a:focus, +.pagination > li.right > a:focus { + background: #00acac; +} + + +/* 9.8 Component - Progress bar */ + +.progress { + -webkit-box-shadow: none; + box-shadow: none; + background: #e2e7eb; +} +.progress-xs { + height: 5px; +} +.progress-xs .progress-bar { + line-height: 5px; +} +.progress-sm { + height: 10px; +} +.progress-sm .progress-bar { + line-height: 10px; +} +.progress-lg { + height: 30px; +} +.progress-lg .progress-bar { + line-height: 30px; +} +.progress-bar { + background: #348fe2; + -webkit-box-shadow: none; + box-shadow: none; +} +.progress-bar.progress-bar-success { + background-color: #00acac; +} +.progress-bar.progress-bar-info { + background-color: #49b6d6; +} +.progress-bar.progress-bar-warning { + background-color: #f59c1a; +} +.progress-bar.progress-bar-danger { + background-color: #ff5b57; +} +.progress-bar.progress-bar-inverse { + background-color: #2d353c; +} + + +/* 9.9 Component - Nav Setting */ + +.nav > li > a { + color: #6e7179; +} +.nav > li > a:hover, +.nav > li > a:focus { + color: #242a30; + background: #fafafa; +} + + +/* 9.10 Component - Nav Tabs */ + +.nav-tabs, +.nav-tabs > li > a, +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > li > a, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: none !important; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + color: #242a30; +} +.nav-tabs { + background: #c1ccd1; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; +} +.nav-tabs.nav-tabs-inverse { + background: #242a30; +} +.nav-tabs.nav-justified > li > a { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.nav-tabs.nav-tabs-inverse > li.active > a, +.nav-tabs.nav-tabs-inverse > li.active > a:hover, +.nav-tabs.nav-tabs-inverse > li.active > a:focus { + color: #242a30; + background: #fff; +} +.nav-tabs.nav-tabs-inverse > li > a:hover, +.nav-tabs.nav-tabs-inverse > li > a:focus { + color: #fff; + background: none; +} +.nav-tabs > li, +.nav-tabs.nav-justified > li { + margin-bottom: 0; +} +.nav-tabs > li > a { + margin-right: 5px; + line-height: 20px; +} + + +/* 9.11 Component - Nav Pills */ + +.nav-pills { + margin-bottom: 10px; +} +.nav-pills > li + li { + margin-left: 5px; +} +.nav-pills > li > a { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + background: #242a30; +} + +.nav-stacked > li + li { + margin-left: 0; + margin-top: 5px; +} + + +/* 9.12 Component - Tab Content */ + +.tab-content { + padding: 15px; + margin-bottom: 20px; + background: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.nav-tabs + .tab-content { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} + + +/* 9.13 Component - Accordion Panel */ + +.panel-title a { + display: block; +} +.panel-title > a:hover, +.panel-title > a:focus { + text-decoration: none; +} + + +/* 9.14 Component - Button */ + +.btn { + font-weight: 300; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: none; +} +.btn-icon, +.btn.btn-icon { + display: inline-block; + width: 28px; + height: 28px; + padding: 0; + border: none; + line-height: 28px; + text-align: center; + font-size: 14px; +} +.btn-circle, +.btn.btn-circle { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} +.btn-icon.btn-xs { + width: 16px; + height: 16px; + font-size: 8px; + line-height: 16px; +} +.btn-icon.btn-sm { + width: 22px; + height: 22px; + font-size: 11px; + line-height: 22px; +} +.btn-icon.btn-lg { + width: 34px; + height: 34px; + font-size: 17px; + line-height: 34px; +} +.btn-scroll-to-top { + position: fixed; + bottom: 20px; + right: 25px; + z-index: 1020; +} +.page-with-right-sidebar .btn-scroll-to-top { + left: 25px; + right: auto; +} +.btn > .pull-left, +.btn > .pull-right { + line-height: 1.428571429; +} +.btn-block { + padding-left: 12px; + padding-right: 12px; +} +.btn:active, +.btn.active { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); +} + + +/* 9.14.1 Component - Button - Default */ + +.btn.btn-default { + color: #fff; + background: #b6c2c9; + border-color: #b6c2c9; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background: #929ba1; + border-color: #929ba1; +} +.btn-group .btn.btn-default:not(.active) + .btn.btn-default, +.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default { + border-left-color: #929ba1; +} + + +/* 9.14.2 Component - Button - White */ + +.btn.btn-white { + font-weight: normal; + color: #242a30; + background: #fff; + border-color: #e2e7eb; +} +.btn.btn-white.btn-white-without-border { + border-color: #fff; +} +.btn.btn-white.btn-white-without-border.active, +.btn.btn-white.btn-white-without-border.active:hover, +.btn.btn-white.btn-white-without-border.active:focus { + border-color: #ddd; +} +.btn.btn-white.btn-white-without-border:hover, +.btn.btn-white.btn-white-without-border:focus { + border-color: #e2e7eb; +} +.btn-white:hover, +.btn-white:focus, +.btn-white:active, +.btn-white.active, +.open .dropdown-toggle.btn-white { + background: #e2e7eb; + border-color: #d8dde1; +} +.btn-group .btn.btn-white:not(.active) + .btn.btn-white, +.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { + border-left-color: #e2e7eb; +} + + +/* 9.14.3 Component - Button - Inverse */ + +.btn.btn-inverse { + color: #fff; + background: #2d353c; + border-color: #2d353c; +} +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse:active, +.btn-inverse.active, +.open .dropdown-toggle.btn-inverse { + background: #242a30; + border-color: #242a30; +} +.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse, +.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse { + border-left-color: #242a30; +} + + +/* 9.14.4 Component - Button - Primary */ + +.btn.btn-primary { + color: #fff; + background: #348fe2; + border-color: #348fe2; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background: #2a72b5; + border-color: #2a72b5; +} +.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary, +.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary { + border-left-color: #2a72b5; +} + + +/* 9.14.5 Component - Button - Success */ + +.btn.btn-success { + color: #fff; + background: #00acac; + border-color: #00acac; +} +.btn.btn-success:hover, +.btn.btn-success:focus, +.btn.btn-success:active, +.btn.btn-success.active, +.open .dropdown-toggle.btn-success { + background: #008a8a; + border-color: #008a8a; +} +.btn-group .btn.btn-success:not(.active) + .btn.btn-success, +.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success { + border-left-color: #008a8a; +} + + +/* 9.14.6 Component - Button - Warning */ + +.btn.btn-warning { + color: #fff; + background: #f59c1a; + border-color: #f59c1a; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background: #c47d15; + border-color: #c47d15; +} +.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning, +.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning { + border-left-color: #c47d15; +} + + +/* 9.14.7 Component - Button - Danger */ + +.btn.btn-danger { + color: #fff; + background: #ff5b57; + border-color: #ff5b57; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background: #cc4946; + border-color: #cc4946; +} +.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger, +.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger { + border-left-color: #cc4946; +} + + +/* 9.14.8 Component - Button - Info */ + +.btn.btn-info { + color: #fff; + background: #49b6d6; + border-color: #49b6d6; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background: #3a92ab; + border-color: #3a92ab; +} +.btn-group .btn.btn-info:not(.active) + .btn.btn-info, +.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info { + border-left-color: #3a92ab; +} + + +/* 9.15 Component - Panel */ + +.panel { + border: 2px solid; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.panel.panel-no-rounded-corner .panel-heading, +.panel.panel-no-rounded-corner .panel-body, +.panel.panel-no-rounded-corner .panel-footer { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.panel-heading { + padding: 12px 15px; + border: none; +} +.panel-heading + .table, +.panel-heading + .slimScrollDiv { + border-top: 1px solid #e2e7eb; +} +.panel-heading-btn { + float: right; +} +.panel-heading-btn > a { + margin-left: 8px; +} +.panel-heading .btn-group .btn { + margin-top: -7px; +} +.panel-heading .btn-group .btn.btn-sm { + margin-top: -5px; +} +.panel-heading .btn-group .btn.btn-xs { + margin-top: -1px; +} +.panel-heading .label.pull-left, +.panel-heading .label.pull-right { + line-height: 15px; +} +.panel-heading .progress.pull-right, +.panel-heading .progress.pull-left { + width: 40%; + min-width: 120px; +} +.panel-heading + .alert { + margin-bottom: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.panel-with-tabs.panel-default .panel-heading { + background: #c1ccd1; + color: #242a30; +} +.panel-heading .nav-tabs { + margin-top: -10px; + margin-right: -15px; +} +.panel-heading .nav-tabs > li > a { + padding: 10px 15px; + line-height: 20px; +} +.panel-title { + line-height: 20px; + font-size: 12px; + font-weight: bold; +} +.panel-title .accordion-toggle { + margin: -10px -15px; + padding: 10px 15px; +} +.panel-title .accordion-toggle.accordion-toggle-styled .fa:before { + content: '\f056'; +} +.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before { + content: '\f055'; +} +.panel-title .pull-right { + line-height: 20px; +} +.panel-toolbar { + border-top: 1px solid #e2e7eb; + border-bottom: 1px solid #e2e7eb; + padding: 10px 15px; + background: #fff; +} +.panel-toolbar + .form-control { + margin: -1px 0 0; + border-right: none; + border-left: none; +} +.panel-group .panel { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.form-control + .panel-footer { + border-top: none; +} +.panel-body { + padding: 15px; +} +.panel-body.no-border { + border: none !important; +} +.panel-body.panel-table, +.panel-body.panel-form, +.panel-body.no-padding, +.panel-body.panel-full-width { + padding: 0 !important; +} +.panel-body.with-table > .table { + border: 0; + margin: 0; +} +.panel-body.with-table > .table tr:last-child th, +.panel-body.with-table > .table tr:last-child td{ + border-bottom: 0; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #e2e7eb; +} +.panel-footer { + background: #f3f5f7; + border-top: 2px solid #e2e7eb; +} +.panel .tab-content { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.panel-default > .panel-heading { + background: #fafafa; +} +.panel-inverse > .panel-heading, +.panel-success > .panel-heading, +.panel-warning > .panel-heading, +.panel-danger > .panel-heading, +.panel-primary > .panel-heading, +.panel-info > .panel-heading { + color: #fff; +} +.panel-inverse > .panel-heading { background: #242a30; } +.panel-success > .panel-heading { background: #008a8a; } +.panel-warning > .panel-heading { background: #c47d15; } +.panel-danger > .panel-heading { background: #cc4946; } +.panel-primary > .panel-heading { background: #2a72b5; } +.panel-info > .panel-heading { background: #3a92ab; } + + +/* 9.16.Component - Panel - Panel Expand */ + +.panel.panel-expand { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + overflow: hidden; + z-index: 1080; +} +.panel-expand .height-xs, +.panel-expand .height-sm, +.panel-expand .height-md, +.panel-expand .height-lg, +.panel-expand .height-full { + height: 100% !important; +} +@keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +@-webkit-keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +.panel.panel-expand > .panel-heading .fa.fa-expand:before { + content: '\f066'; +} +.panel.panel-expand, +.panel.panel-expand > .panel-heading, +.panel.panel-expand > .panel-body { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.panel.panel-expand > .panel-body { + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 40px; + overflow-y: scroll; + z-index: 1020; +} +.panel.panel-expand > .panel-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} + + +/* 9.17 Component - Panel - Panel loading */ + +.panel.panel-loading .panel-body { + position: relative; + z-index: 0; +} +.panel.panel-loading.panel-expand .panel-body { + position: absolute; +} +.panel.panel-loading .panel-body .panel-loader { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + opacity: 0.9; + filter: alpha(opacity=90); + animation: fadeIn .2s; + -webkit-animation: fadeIn .2s; + z-index: 1020; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + + +/* 9.18 Component - Modal Setting */ + +.modal-content { + border: none; + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.modal-header { + padding: 12px 15px; + border-bottom-color: #e2e7eb; +} +.modal-header .close { + margin-top: 2px; +} +.modal-body { + padding: 15px; +} +.modal-footer { + border-top-color: #e2e7eb; + padding: 14px 15px 15px; +} + +.modal-message .modal-dialog { + width: 100%; +} +.modal-message .modal-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.modal-message .modal-header, +.modal-message .modal-body, +.modal-message .modal-footer { + width: 60%; + border: none; + margin: 0 auto; +} +.modal-backdrop.fade.in { + opacity: 0.5; + filter: alpha(opacity=50); +} + + +/* 9.19 Component - Media Object */ + +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media .media-object { + width: 128px; +} +.media.media-lg .media-object { + width: 256px; +} +.media.media-sm .media-object { + width: 64px; +} +.media.media-xs .media-object { + width: 32px; +} +.media > .pull-left, +.media > .media-left { + padding-right: 15px; +} +.media > .pull-right, +.media > .media-right { + padding-left: 15px; +} +.media a:not(.btn):hover, +.media a:not(.btn):focus, +.media a:not(.btn):hover .media-heading, +.media a:not(.btn):focus .media-heading, +.media a:not(.btn).media-heading:hover, +.media a:not(.btn).media-heading:focus { + color: #242a30; + text-decoration: none; +} +.media-list.media-list-with-divider > li + li { + border-top: 1px solid #e2e7eb; + padding-top: 20px; +} + + +/* 9.20 Component - Table */ + +.table { + border-color: #e2e7eb; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.table > thead > tr > th { + color: #242a30; + font-weight: 600; + border-bottom: 2px solid #e2e7eb !important; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + border-color: #e2e7eb; + padding: 10px 15px; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 7px 15px; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background: #e8ecf1 !important; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background: #f0f3f5; +} +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th, +.table.table-inverse > thead > tr > td, +.table.table-inverse > tbody > tr > td, +.table.table-inverse > tfoot > tr > td { + border-color: #999 !important; + border-color: rgba(0,0,0,0.2) !important; +} +.table.table-inverse, +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th { + color: #fff; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background: #dbf0f7; + border-color: #b6e2ef; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background: #cceeee; + border-color: #99dede; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background: #ffdedd; + border-color: #ffbdbc; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background: #fdebd1; + border-color: #fbd7a3; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background: #f0f3f5; + border-color: #e2e7e9; +} + + +/* 9.21 Component - Well */ + +.well { + padding: 15px; + background: #fff; + box-shadow: none; + -webkit-box-shadow: none; +} +.well-sm { + padding: 10px; +} +.well-lg { + padding: 30px; +} + + +/* 9.22 Component - Jumbotron */ + +.jumbotron { + background: #f0f3f4; +} +.jumbotron h1, +.jumbotron .h1 { + font-size: 56px; +} +.jumbotron p { + font-size: 18px; +} + + +/* 9.23 Component - List Group */ + +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + background: #348fe2; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #242a30; +} +.nav.nav-pills.nav-sm > li { + margin: 0 0 3px; +} +.nav.nav-pills.nav-sm > li a { + padding: 8px 10px; + line-height: 1.5; +} + + +/* 9.24 Component - Carousel */ + +.carousel .carousel-control .fa { + position: absolute; + top: 50%; + z-index: 5; + display: block; + width: 30px; + height: 30px; + margin-top: -15px; + text-align: center; + line-height: 30px; + margin-left: -15px; +} +.carousel .carousel-control.left .fa { + margin-left: 15px; +} + + +/* 9.25 Component - Theme Panel */ + +.theme-panel .theme-collapse-btn { + position: absolute; + left: -40px; + top: 50%; + margin-top: -20px; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; + color: #000; + background: #fff; + background: rgba(255,255,255,0.9); + border-radius: 4px 0 0 4px; + text-align: center; + box-shadow: 0 0 2px rgba(0,0,0,.4); + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.4); + text-decoration: none; +} +.theme-panel { + position: fixed; + right: -180px; + top: 200px; + z-index: 1020; + box-shadow: 0 0 2px rgba(0,0,0,.4); + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.4); + width: 180px; + -webkit-transition: right .2s linear; + -moz-transition: right .2s linear; + transition: right .2s linear; +} +.theme-panel .theme-panel-content { + padding: 5px; + background: #fff; + position: relative; + z-index: 1020; +} +.theme-panel .theme-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.theme-panel .theme-list > li { + float: left; +} +.theme-panel .theme-list > li + li { + margin-left: 5px; +} +.theme-panel .theme-list > li > a { + width: 30px; + height: 30px; + border-radius: 3px; + display: block; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; + position: relative; + text-decoration: none; +} +.theme-panel .theme-list > li.active > a:before { + content: '\f00c'; + font-family: FontAwesome; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + font-size: 14px; + color: #fff; + opacity: .4; + filter: alpha(opacity=40); + text-align: center; + line-height: 30px; + text-align: center; +} +.theme-panel.active { + right: 0; +} \ No newline at end of file diff --git a/public/assets/css/forum/style.min.css b/public/assets/css/forum/style.min.css new file mode 100755 index 0000000..49d7ef0 --- /dev/null +++ b/public/assets/css/forum/style.min.css @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/.navbar-brand,.navbar-nav>li>a{line-height:30px}.footer .latest-post,.footer .new-user,.forum-list,.popular-tags,.theme-panel .theme-list,.threads-list{list-style-type:none}body{padding-top:60px;background:#fff;font-size:12px;font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;color:#707478}a{color:#00acac}a:focus,a:hover{color:#008a8a}.navbar{border:none;border-radius:0}.navbar.navbar-default{background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.125);box-shadow:0 1px 3px rgba(0,0,0,.125)}.navbar-brand{height:60px;font-size:16px}.navbar-brand img{max-height:40px;display:block;margin:-5px 0}.navbar-logo{border:15px solid transparent;border-color:#4DCACA #31A3A3 #1D8888;float:left;border-radius:6px;margin-right:10px}.navbar.navbar-default .navbar-brand{color:#000}.navbar-default .navbar-nav>li>a{color:#242a30}.navbar-form,.navbar-toggle{margin-top:13px;margin-bottom:13px}.navbar-form .form-group{position:relative}.navbar-form .form-control{border-radius:40px;padding-right:45px}.navbar-form .btn{position:absolute;right:0;top:0;background:0 0;border:none;font-size:16px;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0}.header.navbar .navbar-brand,.header.navbar .navbar-form,.header.navbar .navbar-nav>li>a,.header.navbar .navbar-toggle{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.navbar.navbar-sm .navbar-brand{padding-top:10px;padding-bottom:10px;height:50px}.navbar.navbar-sm .navbar-form,.navbar.navbar-sm .navbar-toggle{margin-top:8px;margin-bottom:8px}.navbar.navbar-sm .navbar-nav>li>a{line-height:20px}.search-banner{padding:60px 0}.search-banner h1{color:#fff;font-size:36px;text-align:center;margin:0 0 15px;font-weight:600}.search-banner .container{width:640px}.search-banner .form-control{padding-left:20px;padding-right:20px;font-size:16px;border:none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.search-banner .form-group{position:relative}.search-banner .btn{background:#fff;color:#242a30;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.search-banner p{margin-bottom:0;font-size:16px;color:#fff;text-align:center;font-weight:300}.popular-tags{margin:0;padding:0}.popular-tags>li{display:inline-block;margin-right:3px;margin-bottom:5px}.popular-tags>li>a{padding:3px 10px;border-radius:40px;border:2px solid #ccc;color:#fff;display:inline-block}.popular-tags>li>a:focus,.popular-tags>li>a:hover{text-decoration:none;color:#fff;border-color:#fff}.forum-list>li+li,.threads-list>li+li{border-top:2px solid #e2e7eb}.popular-tags>li>a .fa{font-size:6px;margin-right:3px;position:relative;top:-2px;color:#fff!important}.content{padding:30px 0 60px}.has-bg,.has-bg .container{position:relative;color:#fff}.breadcrumb,.breadcrumb>li a{color:#242a30}.has-bg .bg-cover,.has-bg .bg-cover:before{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.has-bg .bg-cover:before{content:'';background:url(images/transparent/black-0.4.png)}.has-bg .bg-cover img{max-width:100%;min-height:100%}.section-container{margin-bottom:30px}.breadcrumb{background:#e2e7eb;font-weight:700}.breadcrumb>li+li:before{font-weight:400}.page-title{padding:30px 0}.page-title .breadcrumb{background:0 0;padding:0;font-weight:400;margin-bottom:10px}.page-title.has-bg .breadcrumb{color:#fff}.page-title.has-bg .breadcrumb>li a{color:#ccc}.page-title h1{font-size:28px;margin:0}.page-title h5{font-size:12px;font-weight:700;color:#fff}.panel.panel-forum{border:2px solid #e2e7eb}.panel.panel-forum .panel-heading{background:#e2e7eb}.forum-list{margin:0;padding:0}.forum-list>li{padding:15px}.forum-list>li:after,.forum-list>li:before{content:'';display:table;clear:both}.forum-list .media{font-size:28px;float:left;width:64px;text-align:center;color:rgba(0,0,0,.4);line-height:64px}.forum-list .info-container .info .title a,.forum-list .info-container .latest-post .title a{color:#242a30}.forum-list .media img{max-width:100%;display:block}.forum-list .media .fa{display:block;line-height:64px;background:#00acac}.forum-list .info-container{margin-left:79px;padding-top:5px}.forum-list .info-container>div{float:left}.forum-list .info-container .info{width:50%}.forum-list .info-container .total-count{width:20%;text-align:center}.forum-list .info-container .total-count .divider{margin:0 8px}.forum-list .info-container .latest-post{width:30%}.forum-list .info-container .info .title{font-size:16px;margin:0 0 5px;font-weight:600}.forum-list .info-container .latest-post .title{margin:0 0 4px;font-size:12px}.forum-list .info-container .latest-post .time{font-size:12px}.forum-list .info-container .desc{margin-bottom:0;font-size:12px;color:#666;line-height:16px}.total-post{color:#242a30;font-weight:700}.forum-list.forum-topic-list .info-container{position:relative}.forum-list.forum-topic-list .info-start-end{list-style-type:none;margin:0;padding:0;line-height:20px}.forum-list.forum-topic-list .info-container .info{width:auto;float:none;padding-right:100px}.forum-list.forum-topic-list .info-container .date-replies{position:absolute;right:0;top:5px;text-align:center;width:80px}.forum-list.forum-topic-list .info-container .date-replies .time{font-size:11px;line-height:11px;margin-bottom:7px}.forum-list.forum-topic-list .info-container .date-replies .replies{background:#e2e7eb;padding:5px 10px;border-radius:4px}.forum-list.forum-topic-list .info-container .date-replies .replies .total{font-size:16px;color:#242a30;line-height:18px;margin-bottom:2px}.forum-list.forum-topic-list .info-container .date-replies .replies .text{font-size:10px;line-height:12px;font-weight:400;color:#999;margin-bottom:2px}.threads-list{margin:0;padding:0;font-size:11px}.threads-list>li:after,.threads-list>li:before{content:'';display:table;clear:both}.threads-list>li{margin:0 15px;padding:15px 0}.threads-list>li .title{font-size:12px;margin:0 0 3px;line-height:16px;font-weight:600}.forum-list.forum-detail-list{border:none;margin-bottom:20px}.forum-list.forum-detail-list>li{padding:0}.forum-list.forum-detail-list>li+li{border:none;margin-top:20px}.forum-list.forum-detail-list .media img{margin-bottom:10px}.forum-list.forum-detail-list .media .label{font-size:12px;display:block;padding:3px 6px}.forum-list.forum-detail-list .info-container{margin-left:80px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:2px solid #e2e7eb;padding:15px 20px;background:#f3f5f7;position:relative}.forum-list.forum-detail-list .info-container:after,.forum-list.forum-detail-list .info-container:before{content:'';position:absolute;left:-15.5px;top:15px;border:7px solid transparent;border-right-color:#e2e7eb}.pace,.pace-progress,.pace:before{top:0;right:0;position:fixed}.forum-list.forum-detail-list .info-container:after{left:-12.5px;border-right-color:#f3f5f7}.forum-list.forum-detail-list .info-container>div{float:none}.forum-list.forum-detail-list .post-user{font-size:15px;margin-bottom:15px}.forum-list.forum-detail-list .post-user small{font-weight:700;color:#9fa2a5;font-size:16px;margin-left:5px}.forum-list.forum-detail-list .post-content{font-size:14px;line-height:23px;color:#242a30;margin-bottom:15px}.forum-list.forum-detail-list .post-content pre{background:#d6dbdf;border:none;margin-bottom:23px}.forum-list.forum-detail-list .post-time{color:#a7aaac}.comment-banner-msg{border:2px solid #e2e7eb;padding:15px 20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:center;margin-bottom:20px}.footer{margin:0;border:none;padding:60px 0 30px;background:#242a30;box-shadow:inset 0 100px 80px -80px rgba(0,0,0,.7);-webkit-box-shadow:inset 0 100px 80px -80px rgba(0,0,0,.7)}.footer h4{font-weight:600;color:#CFD0D1;font-size:14px;letter-spacing:.5px;margin:0 0 20px}.footer p{color:#A6A9AB;font-size:12px;line-height:20px;margin-bottom:0}.footer .latest-post{margin:0;padding:0}.footer .latest-post>li+li{margin-top:10px}.footer .latest-post>li .title,.footer .latest-post>li .title a{margin:0;font-weight:400;font-size:13px;line-height:20px;color:#CFD0D1}.footer .latest-post>li .time{font-size:11px}.footer .new-user{margin:-5px;padding:0}.footer .new-user>li{float:left;width:20%;padding:5px}.footer .new-user>li img{max-width:100%}.footer-copyright{padding:20px 0;color:#A6A9AB;background:#1d2226}.footer-copyright a{float:right;color:#CFD0D1}.footer-copyright a+a{margin-right:15px}.pace-inactive{opacity:0;filter:alpha(opacity=0)}.pace{background:#2d353c;left:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;z-index:1050}.pace-progress{left:0;text-align:center;height:3px;background:#00acac;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s;z-index:2000}.pace:before{content:'';left:0;height:3px}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:20px;right:20px;width:20px;height:20px;border:2px solid transparent;border-top-color:#00acac;border-left-color:#00acac;border-radius:10px;-webkit-animation:pace-spinner .4s linear infinite;-moz-animation:pace-spinner .4s linear infinite;-ms-animation:pace-spinner .4s linear infinite;-o-animation:pace-spinner .4s linear infinite;animation:pace-spinner .4s linear infinite}@media (max-width:767px){.pace .pace-activity{top:80px}}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.row{margin:0 -10px}.row>[class*=col-]{padding:0 10px}.row.row-space-0{margin:0}.row.row-space-2{margin:0 -1px}.row.row-space-4{margin:0 -2px}.row.row-space-6{margin:0 -3px}.row.row-space-8{margin:0 -4px}.row.row-space-10{margin:0 -5px}.row.row-space-12{margin:0 -6px}.row.row-space-14{margin:0 -7px}.row.row-space-16{margin:0 -8px}.row.row-space-18{margin:0 -10px}.row.row-space-22{margin:0 -11px}.row.row-space-24{margin:0 -12px}.row.row-space-26{margin:0 -13px}.row.row-space-28{margin:0 -14px}.row.row-space-30{margin:0 -15px}.row.row-space-0>[class*=col-]{padding:0}.row.row-space-2>[class*=col-]{padding:0 1px}.row.row-space-4>[class*=col-]{padding:0 2px}.row.row-space-6>[class*=col-]{padding:0 3px}.row.row-space-8>[class*=col-]{padding:0 4px}.row.row-space-10>[class*=col-]{padding:0 5px}.row.row-space-12>[class*=col-]{padding:0 6px}.row.row-space-14>[class*=col-]{padding:0 7px}.row.row-space-16>[class*=col-]{padding:0 8px}.row.row-space-18>[class*=col-]{padding:0 9px}.row.row-space-20>[class*=col-]{padding:0 10px}.row.row-space-22>[class*=col-]{padding:0 11px}.row.row-space-24>[class*=col-]{padding:0 12px}.row.row-space-26>[class*=col-]{padding:0 13px}.row.row-space-28>[class*=col-]{padding:0 14px}.row.row-space-30>[class*=col-]{padding:0 15px}.semi-bold{font-weight:600}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.m-auto{margin:0 auto!important}.m-0{margin:0!important}.m-1{margin:1px!important}.m-2{margin:2px!important}.m-3{margin:3px!important}.m-4{margin:4px!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-25{margin:25px!important}.m-30{margin:30px!important}.m-35{margin:35px!important}.m-40{margin:40px!important}.m-t-0{margin-top:0!important}.m-t-1{margin-top:1px!important}.m-t-2{margin-top:2px!important}.m-t-3{margin-top:3px!important}.m-t-4{margin-top:4px!important}.m-t-5{margin-top:5px!important}.m-t-10{margin-top:10px!important}.m-t-15{margin-top:15px!important}.m-t-20{margin-top:20px!important}.m-t-25{margin-top:25px!important}.m-t-30{margin-top:30px!important}.m-t-35{margin-top:35px!important}.m-t-40{margin-top:40px!important}.m-r-0{margin-right:0!important}.m-r-1{margin-right:1px!important}.m-r-2{margin-right:2px!important}.m-r-3{margin-right:3px!important}.m-r-4{margin-right:4px!important}.m-r-5{margin-right:5px!important}.m-r-10{margin-right:10px!important}.m-r-15{margin-right:15px!important}.m-r-20{margin-right:20px!important}.m-r-25{margin-right:25px!important}.m-r-30{margin-right:30px!important}.m-r-35{margin-right:35px!important}.m-r-40{margin-right:40px!important}.m-b-0{margin-bottom:0!important}.m-b-1{margin-bottom:1px!important}.m-b-2{margin-bottom:2px!important}.m-b-3{margin-bottom:3px!important}.m-b-4{margin-bottom:4px!important}.m-b-5{margin-bottom:5px!important}.m-b-10{margin-bottom:10px!important}.m-b-15{margin-bottom:15px!important}.m-b-20{margin-bottom:20px!important}.m-b-25{margin-bottom:25px!important}.m-b-30{margin-bottom:30px!important}.m-b-35{margin-bottom:35px!important}.m-b-40{margin-bottom:40px!important}.m-l-0{margin-left:0!important}.m-l-1{margin-left:1px!important}.m-l-2{margin-left:2px!important}.m-l-3{margin-left:3px!important}.m-l-4{margin-left:4px!important}.m-l-5{margin-left:5px!important}.m-l-10{margin-left:10px!important}.m-l-15{margin-left:15px!important}.m-l-20{margin-left:20px!important}.m-l-25{margin-left:25px!important}.m-l-30{margin-left:30px!important}.m-l-35{margin-left:35px!important}.m-l-40{margin-left:40px!important}.p-0{padding:0!important}.p-1{padding:1px!important}.p-2{padding:2px!important}.p-3{padding:3px!important}.p-4{padding:4px!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15,.wrapper{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-t-0{padding-top:0!important}.p-t-1{padding-top:1px!important}.p-t-2{padding-top:2px!important}.p-t-3{padding-top:3px!important}.p-t-4{padding-top:4px!important}.p-t-5{padding-top:5px!important}.p-t-10{padding-top:10px!important}.p-t-15{padding-top:15px!important}.p-t-20{padding-top:20px!important}.p-t-25{padding-top:25px!important}.p-t-30{padding-top:30px!important}.p-t-35{padding-top:35px!important}.p-t-40{padding-top:40px!important}.p-r-0{padding-right:0!important}.p-r-1{padding-right:1px!important}.p-r-2{padding-right:2px!important}.p-r-3{padding-right:3px!important}.p-r-4{padding-right:4px!important}.p-r-5{padding-right:5px!important}.p-r-10{padding-right:10px!important}.p-r-15{padding-right:15px!important}.p-r-20{padding-right:20px!important}.p-r-25{padding-right:25px!important}.p-r-30{padding-right:30px!important}.p-r-35{padding-right:35px!important}.p-r-40{padding-right:40px!important}.p-b-0{padding-bottom:0!important}.p-b-1{padding-bottom:1px!important}.p-b-2{padding-bottom:2px!important}.p-b-3{padding-bottom:3px!important}.p-b-4{padding-bottom:4px!important}.p-b-5{padding-bottom:5px!important}.p-b-10{padding-bottom:10px!important}.p-b-15{padding-bottom:15px!important}.p-b-20{padding-bottom:20px!important}.p-b-25{padding-bottom:25px!important}.p-b-30{padding-bottom:30px!important}.p-b-35{padding-bottom:35px!important}.p-b-40{padding-bottom:40px!important}.p-l-0{padding-left:0!important}.p-l-1{padding-left:1px!important}.p-l-2{padding-left:2px!important}.p-l-3{padding-left:3px!important}.p-l-4{padding-left:4px!important}.p-l-5{padding-left:5px!important}.p-l-10{padding-left:10px!important}.p-l-15{padding-left:15px!important}.p-l-20{padding-left:20px!important}.p-l-25{padding-left:25px!important}.p-l-30{padding-left:30px!important}.p-l-35{padding-left:35px!important}.p-l-40{padding-left:40px!important}.f-s-8{font-size:8px!important}.f-s-9{font-size:9px!important}.f-s-10{font-size:10px!important}.f-s-11{font-size:11px!important}.f-s-12{font-size:12px!important}.f-s-13{font-size:13px!important}.f-s-14{font-size:14px!important}.f-s-15{font-size:15px!important}.f-s-16{font-size:16px!important}.f-s-17{font-size:17px!important}.f-s-18{font-size:18px!important}.f-s-19{font-size:19px!important}.f-s-20{font-size:20px!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.pull-left{float:left!important}.pull-right{float:right!important}.pull-none{float:none!important}.f-w-100{font-weight:100!important}.f-w-200{font-weight:200!important}.f-w-300{font-weight:300!important}.f-w-400{font-weight:400!important}.f-w-500{font-weight:500!important}.f-w-600{font-weight:600!important}.f-w-700{font-weight:700!important}.table-td-valign-middle td,.table-th-valign-middle th,.table-valign-middle td,.table-valign-middle th{vertical-align:middle!important}.table-td-valign-top td,.table-th-valign-top th,.table-valign-top td,.table-valign-top th{vertical-align:top!important}.table-td-valign-bottom td,.table-th-valign-bottom th,.table-valign-bottom td,.table-valign-bottom th{vertical-align:bottom!important}.vertical-box{display:table;table-layout:fixed;border-spacing:0;height:100%;width:100%}.vertical-box-column{display:table-cell;vertical-align:top;height:100%}.vertical-box-row{display:table-row;height:100%}.vertical-box-row>.vertical-box-cell{position:relative;height:100%;width:100%;float:none}.vertical-box-row>.vertical-box-cell>.vertical-box-inner-cell{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.panel-expand .vertical-box .vertical-box-column{display:table-cell}.page-content-full-height .content{position:absolute;left:0;top:54px;right:0;bottom:-1px;-webkit-transform:translateZ(0)}.no-rounded-corner{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.rounded-corner{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}.no-border{border:0!important}.border-top-1{border-top:1px solid #eee!important}.border-right-1{border-right:1px solid #eee!important}.border-bottom-1{border-bottom:1px solid #eee!important}.border-left-1{border-left:1px solid #eee!important}.no-box-shadow{-webkit-box-shadow:none!important;box-shadow:none!important}.text-inverse{color:#2d353c!important}a.text-inverse:focus,a.text-inverse:hover{color:#575d63!important}.text-success{color:#00acac!important}a.text-success:focus,a.text-success:hover{color:#33bdbd!important}.text-info{color:#49b6d6!important}a.text-info:focus,a.text-info:hover{color:#6dc5de!important}.text-primary{color:#348fe2!important}a.text-primary:focus,a.text-primary:hover{color:#5da5e8!important}.text-warning{color:#f59c1a!important}a.text-warning:focus,a.text-warning:hover{color:#f7b048!important}.text-danger{color:#ff5b57!important}a.text-danger:focus,a.text-danger:hover{color:#ff7c79!important}.text-white{color:#fff!important}a.text-white:focus,a.text-white:hover{color:#f0f3f4!important}.bg-white{background:#fff!important}.bg-silver-lighter{background:#f4f6f7!important}.bg-silver{background:#f0f3f4!important}.bg-silver-darker{background:#b4b6b7!important}.bg-black{background:#2d353c!important}.bg-black-darker{background:#242a30!important}.bg-black-lighter{background:#575d63!important}.bg-grey{background:#b6c2c9!important}.bg-grey-darker{background:#929ba1!important}.bg-grey-lighter{background:#c5ced4!important}.bg-red{background:#ff5b57!important}.bg-red-darker{background:#cc4946!important}.bg-red-lighter{background:#ff7c79!important}.bg-orange{background:#f59c1a!important}.bg-orange-darker{background:#c47d15!important}.bg-orange-lighter{background:#f7b048!important}.bg-yellow{background:#e3fa3e!important}.bg-yellow-darker{background:#b6c832!important}.bg-yellow-lighter{background:#e9fb65!important}.bg-green{background:#00acac!important}.bg-green-darker{background:#008a8a!important}.bg-green-lighter{background:#33bdbd!important}.bg-blue{background:#348fe2!important}.bg-blue-darker{background:#2a72b5!important}.bg-blue-lighter{background:#5da5e8!important}.bg-aqua{background:#49b6d6!important}.bg-aqua-darker{background:#3a92ab!important}.bg-aqua-lighter{background:#6dc5de!important}.bg-purple{background:#727cb6!important}.bg-purple-darker{background:#5b6392!important}.bg-purple-lighter{background:#8e96c5!important}.no-bg{background:0 0!important}.height-xs{height:150px!important}.height-sm{height:300px!important}.height-md{height:450px!important}.height-lg{height:600px!important}.height-full{height:100%!important}.height-50{height:50px!important}.height-100{height:100px!important}.height-150{height:150px!important}.height-200{height:200px!important}.height-250{height:250px!important}.height-300{height:300px!important}.height-350{height:350px!important}.height-400{height:400px!important}.height-450{height:450px!important}.height-500{height:500px!important}.height-550{height:550px!important}.height-600{height:600px!important}.width-xs{width:150px!important}.width-sm{width:300px!important}.width-md{width:450px!important}.width-lg{width:600px!important}.width-full{width:100%!important}.width-50{width:50px!important}.width-100{width:100px!important}.width-150{width:150px!important}.width-200{width:200px!important}.width-250{width:250px!important}.width-300{width:300px!important}.width-350{width:350px!important}.width-400{width:400px!important}.width-450{width:450px!important}.width-500{width:500px!important}.width-550{width:550px!important}.width-600{width:600px!important}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fade{opacity:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.text-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.underline{border-bottom:1px solid #e2e7eb!important}.form-control{border:2px solid #ccd0d4;-webkit-box-shadow:none;box-shadow:none;font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.form-control.input-white{background:#fff;border-color:#fff}.form-control.input-white:focus{box-shadow:none;-webkit-box-shadow:none}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background:#e5e9ed;opacity:.6;filter:alpha(opacity=60)}.form-control[disabled]:focus,.form-control[readonly]:focus,fieldset[disabled] .form-control:focus{box-shadow:none;-webkit-box-shadow:none;border:1px solid #ccd0d4}.form-control:focus{border-color:#9fa2a5;-webkit-box-shadow:none;box-shadow:none}.form-control.input-inline{display:inline;width:auto;padding:0 7px}.form-control.input-xs{height:20px}.form-horizontal.form-bordered .form-group{border-bottom:1px solid #e2e7eb;margin:0}.form-horizontal.form-bordered .form-group:last-child{border-bottom:0}.form-horizontal.form-bordered .form-group>.control-label{padding:22px 15px 15px;border-right:1px solid #e2e7eb;margin-right:-1px}.form-horizontal.form-bordered .form-group>div{padding:15px;border-left:1px solid #e2e7eb}.form-horizontal.form-bordered .has-feedback .form-control-feedback{top:15px}label{font-weight:500}.has-error .form-control,.has-error .form-control:focus,.has-success .form-control,.has-success .form-control:focus,.has-warning .form-control,.has-warning .form-control:focus{-webkit-box-shadow:none;box-shadow:none}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline{color:#00acac}.has-success .form-control{border-color:#00acac}.has-success .form-control:focus{border-color:#008a8a}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline{color:#f59c1a}.has-warning .form-control{border-color:#f59c1a}.has-warning .form-control:focus{border-color:#c47d15}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline{color:#ff5b57}.has-error .form-control{border-color:#ff5b57}.has-error .form-control:focus{border-color:#cc4946}.form-control-feedback{line-height:34px}select.form-control,select[multiple].form-control{border-color:#ccd0d4}.input-group-addon{background:#e2e7eb;border:none}legend{padding-bottom:3px;border-bottom:1px solid #e2e7eb}.dropdown-menu{border:none;-webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,.2);box-shadow:0 2px 5px -1px rgba(0,0,0,.2);font-size:12px}.dropdown-menu>li>a{padding:5px 15px}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background:#edf0f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background:#348fe2}.dropdown-menu .divider{border-color:#e2e7eb}.dropdown-menu.media-list{max-width:280px;padding:0}.dropdown-menu.media-list p{text-overflow:ellipsis;overflow:hidden;margin-bottom:4px;max-width:200px}.dropdown-menu.media-list .dropdown-header{padding:10px 20px!important;background:#fafafa}.dropdown-menu.media-list>.media{margin-top:0;border-top:1px solid #e2e7eb;border-bottom:1px solid #e2e7eb;margin-bottom:-1px}.dropdown-menu.media-list>.media>a{display:block;padding:10px 20px!important}.dropdown-menu.media-list>.media .media-left{padding-right:10px}.dropdown-menu.media-list>.media .media-right{padding-left:10px}.dropdown-menu.media-list>.media .media-object{height:36px;width:36px;line-height:36px;font-size:14px;color:#fff;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.badge,.label{font-size:75%;font-weight:600}.nav-pills>li>a,.tooltip-inner{-webkit-border-radius:3px;-moz-border-radius:3px}.dropdown-footer{padding:10px 20px}.dropdown-menu>li.dropdown-footer>a{padding:0!important;display:inline!important}.dropdown-menu>li.dropdown-footer>a:focus,.dropdown-menu>li.dropdown-footer>a:hover{background:0 0!important;text-decoration:underline!important}.tooltip-inner{padding:4px 10px;border-radius:3px}.alert{border:none}.alert.alert-success{background:#7cdda7}.alert.alert-info{background:#93cfe5}.alert.alert-danger{background:#f8b2b2}.alert.alert-warning{background:#ffead0}.note{margin-bottom:20px;padding:15px;border-left:3px solid}.note.note-success{border-color:#4a8564;background:#b0ebca;color:#3c763d}.note.note-success h1,.note.note-success h2,.note.note-success h3,.note.note-success h4,.note.note-success h5,.note.note-success h6{color:#3c763d}.note.note-danger{border-color:#986e6e;background:#fbd1d1;color:#a94442}.note.note-danger h1,.note.note-danger h2,.note.note-danger h3,.note.note-danger h4,.note.note-danger h5,.note.note-danger h6{color:#a94442}.note.note-info{border-color:#587c89;background:#bee2ef;color:#31708f}.note.note-info h1,.note.note-info h2,.note.note-info h3,.note.note-info h4,.note.note-info h5,.note.note-info h6{color:#31708f}.note.note-warning{border-color:#9d9080;background:#fff2e3;color:#8a6d3b}.note.note-warning h1,.note.note-warning h2,.note.note-warning h3,.note.note-warning h4,.note.note-warning h5,.note.note-warning h6{color:#8a6d3b}.badge{line-height:1.25}.badge.badge-square{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.badge.badge-default,.label.label-default{background:#b6c2c9}.badge.badge-danger,.label.label-danger{background:#ff5b57}.badge.badge-warning,.label.label-warning{background:#f59c1a}.badge.badge-success,.label.label-success{background:#00acac}.badge.badge-info,.label.label-info{background:#49b6d6}.badge.badge-primary,.label.label-primary{background:#348fe2}.badge.badge-inverse,.label.label-inverse{background:#2d353c}.pager li>a,.pager li>span,.pagination>li>a,.pagination>li>span{border:none;padding:7px 9px;font-weight:600;font-size:12px;color:#999;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important}.pager.pager-without-border li>a,.pager.pager-without-border li>span,.pagination.pagination-without-border>li>a{border-color:#fff}.pager>.disabled>a,.pager>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{opacity:.6;filter:alpha(opacity=60);border-color:#ddd}.pagination>li>a,.pagination>li>span{color:#242a30;margin-left:6px}.pagination>li:first-child>a{margin-left:0}.pagination-sm>li>a,.pagination-sm>li>span{font-size:10px;margin-left:4px}.pagination-lg>li>a,.pagination-lg>li>span{font-size:14px;margin-left:6px}.pager li>a:focus,.pager li>a:hover,.pager li>span:focus,.pager li>span:hover,.pagination>li>a:focus,.pagination>li>a:hover{color:#242a30;background:#e2e7eb;border-color:#d8dde1}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background:#e2e7eb!important;color:#242a30}.pagination>li.text>span,.pagination>li.text>span:focus,.pagination>li.text>span:hover{background:0 0;color:#999;padding-left:0;padding-right:0}.pagination>li.active>a,.pagination>li.active>a:focus,.pagination>li.active>a:hover{background:#e2e7eb!important;color:#242a30}.pagination>li.left>a,.pagination>li.right>a{background:#242a30;color:#fff}.pagination>li.left>a:focus,.pagination>li.left>a:hover,.pagination>li.right>a:focus,.pagination>li.right>a:hover{background:#00acac}.progress{-webkit-box-shadow:none;box-shadow:none;background:#e2e7eb}.progress-xs{height:5px}.progress-xs .progress-bar{line-height:5px}.progress-sm{height:10px}.progress-sm .progress-bar{line-height:10px}.progress-lg{height:30px}.progress-lg .progress-bar{line-height:30px}.progress-bar{background:#348fe2;-webkit-box-shadow:none;box-shadow:none}.progress-bar.progress-bar-success{background-color:#00acac}.progress-bar.progress-bar-info{background-color:#49b6d6}.progress-bar.progress-bar-warning{background-color:#f59c1a}.progress-bar.progress-bar-danger{background-color:#ff5b57}.progress-bar.progress-bar-inverse{background-color:#2d353c}.nav>li>a{color:#6e7179}.nav>li>a:focus,.nav>li>a:hover{color:#242a30;background:#fafafa}.nav-tabs,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>li>a,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a{border:none!important}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#242a30}.nav-tabs{background:#c1ccd1;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.nav-tabs.nav-tabs-inverse{background:#242a30}.nav-tabs.nav-justified>li>a{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.nav-tabs.nav-tabs-inverse>li.active>a,.nav-tabs.nav-tabs-inverse>li.active>a:focus,.nav-tabs.nav-tabs-inverse>li.active>a:hover{color:#242a30;background:#fff}.nav-tabs.nav-tabs-inverse>li>a:focus,.nav-tabs.nav-tabs-inverse>li>a:hover{color:#fff;background:0 0}.nav-tabs.nav-justified>li,.nav-tabs>li{margin-bottom:0}.nav-tabs>li>a{margin-right:5px;line-height:20px}.nav-pills{margin-bottom:10px}.nav-pills>li+li{margin-left:5px}.nav-pills>li>a{border-radius:3px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background:#242a30}.nav-stacked>li+li{margin-left:0;margin-top:5px}.tab-content{padding:15px;margin-bottom:20px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-tabs+.tab-content{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.panel-title a{display:block}.panel-title>a:focus,.panel-title>a:hover{text-decoration:none}.btn{font-weight:300;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn.active:focus,.btn:active:focus,.btn:focus{outline:0}.btn-icon,.btn.btn-icon{display:inline-block;width:28px;height:28px;padding:0;border:none;line-height:28px;text-align:center;font-size:14px}.btn-circle,.btn.btn-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.btn-icon.btn-xs{width:16px;height:16px;font-size:8px;line-height:16px}.btn-icon.btn-sm{width:22px;height:22px;font-size:11px;line-height:22px}.btn-icon.btn-lg{width:34px;height:34px;font-size:17px;line-height:34px}.btn-scroll-to-top{position:fixed;bottom:20px;right:25px;z-index:1020}.page-with-right-sidebar .btn-scroll-to-top{left:25px;right:auto}.btn>.pull-left,.btn>.pull-right{line-height:1.428571429}.btn-block{padding-left:12px;padding-right:12px}.btn.active,.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.1);box-shadow:inset 0 3px 5px rgba(0,0,0,.1)}.btn.btn-default{color:#fff;background:#b6c2c9;border-color:#b6c2c9}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{background:#929ba1;border-color:#929ba1}.btn-group .btn.btn-default:not(.active)+.btn.btn-default,.input-group-btn .btn.btn-default:not(.active)+.btn.btn-default{border-left-color:#929ba1}.btn.btn-white{font-weight:400;color:#242a30;background:#fff;border-color:#e2e7eb}.btn.btn-white.btn-white-without-border{border-color:#fff}.btn.btn-white.btn-white-without-border.active,.btn.btn-white.btn-white-without-border.active:focus,.btn.btn-white.btn-white-without-border.active:hover{border-color:#ddd}.btn.btn-white.btn-white-without-border:focus,.btn.btn-white.btn-white-without-border:hover{border-color:#e2e7eb}.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.open .dropdown-toggle.btn-white{background:#e2e7eb;border-color:#d8dde1}.btn-group .btn.btn-white:not(.active)+.btn.btn-white,.input-group-btn .btn.btn-white:not(.active)+.btn.btn-white{border-left-color:#e2e7eb}.btn.btn-inverse{color:#fff;background:#2d353c;border-color:#2d353c}.btn-inverse.active,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.open .dropdown-toggle.btn-inverse{background:#242a30;border-color:#242a30}.btn-group .btn.btn-inverse:not(.active)+.btn.btn-inverse,.input-group-btn .btn.btn-inverse:not(.active)+.btn.btn-inverse{border-left-color:#242a30}.btn.btn-primary{color:#fff;background:#348fe2;border-color:#348fe2}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{background:#2a72b5;border-color:#2a72b5}.btn-group .btn.btn-primary:not(.active)+.btn.btn-primary,.input-group-btn .btn.btn-primary:not(.active)+.btn.btn-primary{border-left-color:#2a72b5}.btn.btn-success{color:#fff;background:#00acac;border-color:#00acac}.btn.btn-success.active,.btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:hover,.open .dropdown-toggle.btn-success{background:#008a8a;border-color:#008a8a}.btn-group .btn.btn-success:not(.active)+.btn.btn-success,.input-group-btn .btn.btn-success:not(.active)+.btn.btn-success{border-left-color:#008a8a}.btn.btn-warning{color:#fff;background:#f59c1a;border-color:#f59c1a}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{background:#c47d15;border-color:#c47d15}.btn-group .btn.btn-warning:not(.active)+.btn.btn-warning,.input-group-btn .btn.btn-warning:not(.active)+.btn.btn-warning{border-left-color:#c47d15}.btn.btn-danger{color:#fff;background:#ff5b57;border-color:#ff5b57}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{background:#cc4946;border-color:#cc4946}.btn-group .btn.btn-danger:not(.active)+.btn.btn-danger,.input-group-btn .btn.btn-danger:not(.active)+.btn.btn-danger{border-left-color:#cc4946}.btn.btn-info{color:#fff;background:#49b6d6;border-color:#49b6d6}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{background:#3a92ab;border-color:#3a92ab}.btn-group .btn.btn-info:not(.active)+.btn.btn-info,.input-group-btn .btn.btn-info:not(.active)+.btn.btn-info{border-left-color:#3a92ab}.panel{border:2px solid;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.panel.panel-no-rounded-corner .panel-body,.panel.panel-no-rounded-corner .panel-footer,.panel.panel-no-rounded-corner .panel-heading{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.panel-heading{padding:12px 15px;border:none}.panel-heading+.slimScrollDiv,.panel-heading+.table,.panel-toolbar{border-top:1px solid #e2e7eb}.panel-heading-btn{float:right}.panel-heading-btn>a{margin-left:8px}.panel-heading .btn-group .btn{margin-top:-7px}.panel-heading .btn-group .btn.btn-sm{margin-top:-5px}.panel-heading .btn-group .btn.btn-xs{margin-top:-1px}.panel-heading .label.pull-left,.panel-heading .label.pull-right{line-height:15px}.panel-title,.panel-title .pull-right{line-height:20px}.panel-heading .progress.pull-left,.panel-heading .progress.pull-right{width:40%;min-width:120px}.panel-heading+.alert{margin-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel-with-tabs.panel-default .panel-heading{background:#c1ccd1;color:#242a30}.panel-heading .nav-tabs{margin-top:-10px;margin-right:-15px}.panel-heading .nav-tabs>li>a{padding:10px 15px;line-height:20px}.panel-title{font-size:12px;font-weight:700}.panel-title .accordion-toggle{margin:-10px -15px;padding:10px 15px}.panel-title .accordion-toggle.accordion-toggle-styled .fa:before{content:'\f056'}.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before{content:'\f055'}.panel-toolbar{border-bottom:1px solid #e2e7eb;padding:10px 15px;background:#fff}.panel-toolbar+.form-control{margin:-1px 0 0;border-right:none;border-left:none}.panel-group .panel{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.form-control+.panel-footer{border-top:none}.panel-body{padding:15px}.panel-body.no-border{border:none!important}.panel-body.no-padding,.panel-body.panel-form,.panel-body.panel-full-width,.panel-body.panel-table{padding:0!important}.panel-body.with-table>.table{border:0;margin:0}.panel-body.with-table>.table tr:last-child td,.panel-body.with-table>.table tr:last-child th{border-bottom:0}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top:1px solid #e2e7eb}.panel-footer{background:#f3f5f7;border-top:2px solid #e2e7eb}.panel .tab-content{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.panel-default>.panel-heading{background:#fafafa}.panel-danger>.panel-heading,.panel-info>.panel-heading,.panel-inverse>.panel-heading,.panel-primary>.panel-heading,.panel-success>.panel-heading,.panel-warning>.panel-heading{color:#fff}.panel-inverse>.panel-heading{background:#242a30}.panel-success>.panel-heading{background:#008a8a}.panel-warning>.panel-heading{background:#c47d15}.panel-danger>.panel-heading{background:#cc4946}.panel-primary>.panel-heading{background:#2a72b5}.panel-info>.panel-heading{background:#3a92ab}.panel.panel-expand{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;overflow:hidden;z-index:1080}.panel-expand .height-full,.panel-expand .height-lg,.panel-expand .height-md,.panel-expand .height-sm,.panel-expand .height-xs{height:100%!important}@keyframes panelExpand{from{top:50%;left:50%;right:50%;bottom:50%}to{top:0;left:0;right:0;bottom:0}}@-webkit-keyframes panelExpand{from{top:50%;left:50%;right:50%;bottom:50%}to{top:0;left:0;right:0;bottom:0}}.panel.panel-expand>.panel-heading .fa.fa-expand:before{content:'\f066'}.panel.panel-expand,.panel.panel-expand>.panel-body,.panel.panel-expand>.panel-heading{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel.panel-expand>.panel-body{position:absolute;right:0;left:0;bottom:0;top:40px;overflow-y:scroll;z-index:1020}.panel.panel-expand>.panel-footer{position:absolute;left:0;right:0;bottom:0}.panel.panel-loading .panel-body{position:relative;z-index:0}.panel.panel-loading.panel-expand .panel-body{position:absolute}.panel.panel-loading .panel-body .panel-loader{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.9;filter:alpha(opacity=90);animation:fadeIn .2s;-webkit-animation:fadeIn .2s;z-index:1020;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{border:none;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.3);box-shadow:0 5px 15px rgba(0,0,0,.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.modal-header{padding:12px 15px;border-bottom-color:#e2e7eb}.modal-header .close{margin-top:2px}.modal-body{padding:15px}.modal-footer{border-top-color:#e2e7eb;padding:14px 15px 15px}.modal-message .modal-dialog{width:100%}.modal-message .modal-content{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.modal-message .modal-body,.modal-message .modal-footer,.modal-message .modal-header{width:60%;border:none;margin:0 auto}.modal-backdrop.fade.in{opacity:.5;filter:alpha(opacity=50)}.media,.media-body{overflow:hidden;zoom:1}.media .media-object{width:128px}.media.media-lg .media-object{width:256px}.media.media-sm .media-object{width:64px}.media.media-xs .media-object{width:32px}.media>.media-left,.media>.pull-left{padding-right:15px}.media>.media-right,.media>.pull-right{padding-left:15px}.media a:not(.btn).media-heading:focus,.media a:not(.btn).media-heading:hover,.media a:not(.btn):focus,.media a:not(.btn):focus .media-heading,.media a:not(.btn):hover,.media a:not(.btn):hover .media-heading{color:#242a30;text-decoration:none}.media-list.media-list-with-divider>li+li{border-top:1px solid #e2e7eb;padding-top:20px}.table{border-color:#e2e7eb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.table>thead>tr>th{color:#242a30;font-weight:600;border-bottom:2px solid #e2e7eb!important}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-color:#e2e7eb;padding:10px 15px}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:7px 15px}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background:#e8ecf1!important}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background:#f0f3f5}.table.table-inverse>tbody>tr>td,.table.table-inverse>tbody>tr>th,.table.table-inverse>tfoot>tr>td,.table.table-inverse>tfoot>tr>th,.table.table-inverse>thead>tr>td,.table.table-inverse>thead>tr>th{border-color:#999!important;border-color:rgba(0,0,0,.2)!important}.table.table-inverse,.table.table-inverse>tbody>tr>th,.table.table-inverse>tfoot>tr>th,.table.table-inverse>thead>tr>th{color:#fff}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background:#dbf0f7;border-color:#b6e2ef}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background:#cee;border-color:#99dede}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background:#ffdedd;border-color:#ffbdbc}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background:#fdebd1;border-color:#fbd7a3}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background:#f0f3f5;border-color:#e2e7e9}.well{padding:15px;background:#fff;box-shadow:none;-webkit-box-shadow:none}.well-sm{padding:10px}.well-lg{padding:30px}.jumbotron{background:#f0f3f4}.jumbotron .h1,.jumbotron h1{font-size:56px}.jumbotron p{font-size:18px}a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover{background:#348fe2}.nav-pills>.active>a>.badge,a.list-group-item.active>.badge{color:#242a30}.nav.nav-pills.nav-sm>li{margin:0 0 3px}.nav.nav-pills.nav-sm>li a{padding:8px 10px;line-height:1.5}.carousel .carousel-control .fa{position:absolute;top:50%;z-index:5;display:block;width:30px;height:30px;margin-top:-15px;text-align:center;line-height:30px;margin-left:-15px}.carousel .carousel-control.left .fa{margin-left:15px}.theme-panel .theme-collapse-btn{position:absolute;left:-40px;top:50%;margin-top:-20px;width:40px;height:40px;line-height:40px;font-size:18px;color:#000;background:#fff;background:rgba(255,255,255,.9);border-radius:4px 0 0 4px;text-align:center;box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);text-decoration:none}.theme-panel{position:fixed;right:-180px;top:200px;z-index:1020;box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);width:180px;-webkit-transition:right .2s linear;-moz-transition:right .2s linear;transition:right .2s linear}.theme-panel .theme-panel-content{padding:5px;background:#fff;position:relative;z-index:1020}.theme-panel .theme-list{margin:0;padding:0}.theme-panel .theme-list>li{float:left}.theme-panel .theme-list>li+li{margin-left:5px}.theme-panel .theme-list>li>a{width:30px;height:30px;border-radius:3px;display:block;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;position:relative;text-decoration:none}.theme-panel .theme-list>li.active>a:before{content:'\f00c';font-family:FontAwesome;position:absolute;left:0;right:0;top:0;bottom:0;font-size:14px;color:#fff;opacity:.4;filter:alpha(opacity=40);line-height:30px;text-align:center}.theme-panel.active{right:0} \ No newline at end of file diff --git a/public/assets/css/forum/theme/blue.css b/public/assets/css/forum/theme/blue.css new file mode 100755 index 0000000..532ccba --- /dev/null +++ b/public/assets/css/forum/theme/blue.css @@ -0,0 +1,40 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/ +.btn.btn-theme { + background: #348fe2; + border-color: #348fe2; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #2a72b5; + border-color: #2a72b5; +} +.text-theme, a { + color: #348fe2; +} +a:hover, +a:focus { + color: #2a72b5; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: #348fe2; +} +.forum-list .media .fa { + background: #348fe2; +} +.pace .pace-activity { + border-top-color: #348fe2; + border-left-color: #348fe2; +} +.navbar-logo { + border-color: #2F83CF #2a72b5 #1f5688; +} \ No newline at end of file diff --git a/public/assets/css/forum/theme/default.css b/public/assets/css/forum/theme/default.css new file mode 100755 index 0000000..5dba17a --- /dev/null +++ b/public/assets/css/forum/theme/default.css @@ -0,0 +1,40 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/ +.btn.btn-theme { + background: #00acac; + border-color: #00acac; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #008a8a; + border-color: #008a8a; +} +.text-theme, a { + color: #00acac; +} +a:hover, +a:focus { + color: #008a8a; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: #00acac; +} +.forum-list .media .fa { + background: #00acac; +} +.pace .pace-activity { + border-top-color: #00acac; + border-left-color: #00acac; +} +.navbar-logo { + border-color: #4DCACA #31A3A3 #1D8888; +} \ No newline at end of file diff --git a/public/assets/css/forum/theme/orange.css b/public/assets/css/forum/theme/orange.css new file mode 100755 index 0000000..55a1930 --- /dev/null +++ b/public/assets/css/forum/theme/orange.css @@ -0,0 +1,40 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/ +.btn.btn-theme { + background: #f59c1a; + border-color: #f59c1a; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #c47d15; + border-color: #c47d15; +} +.text-theme, a { + color: #f59c1a; +} +a:hover, +a:focus { + color: #c47d15; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: #f59c1a; +} +.forum-list .media .fa { + background: #f59c1a; +} +.pace .pace-activity { + border-top-color: #f59c1a; + border-left-color: #f59c1a; +} +.navbar-logo { + border-color: #DF8F19 #c47d15 #935e10; +} \ No newline at end of file diff --git a/public/assets/css/forum/theme/purple.css b/public/assets/css/forum/theme/purple.css new file mode 100755 index 0000000..7731a0e --- /dev/null +++ b/public/assets/css/forum/theme/purple.css @@ -0,0 +1,40 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/ +.btn.btn-theme { + background: #727cb6; + border-color: #727cb6; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #5b6392; + border-color: #5b6392; +} +.text-theme, a { + color: #727cb6; +} +a:hover, +a:focus { + color: #5b6392; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: #727cb6; +} +.forum-list .media .fa { + background: #727cb6; +} +.pace .pace-activity { + border-top-color: #727cb6; + border-left-color: #727cb6; +} +.navbar-logo { + border-color: #6670AC #5b6392 #444a6d; +} \ No newline at end of file diff --git a/public/assets/css/forum/theme/red.css b/public/assets/css/forum/theme/red.css new file mode 100755 index 0000000..3b6b0f4 --- /dev/null +++ b/public/assets/css/forum/theme/red.css @@ -0,0 +1,40 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/ +.btn.btn-theme { + background: #ff5b57; + border-color: #ff5b57; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #cc4946; + border-color: #cc4946; +} +.text-theme, a { + color: #ff5b57; +} +a:hover, +a:focus { + color: #cc4946; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: #ff5b57; +} +.forum-list .media .fa { + background: #ff5b57; +} +.pace .pace-activity { + border-top-color: #ff5b57; + border-left-color: #ff5b57; +} +.navbar-logo { + border-color: #F8504B #cc4946 #993734; +} \ No newline at end of file diff --git a/public/assets/css/one-page-parallax/images/bg-content-cover.png b/public/assets/css/one-page-parallax/images/bg-content-cover.png new file mode 100755 index 0000000..2e92d70 Binary files /dev/null and b/public/assets/css/one-page-parallax/images/bg-content-cover.png differ diff --git a/public/assets/css/one-page-parallax/style-responsive.css b/public/assets/css/one-page-parallax/style-responsive.css new file mode 100755 index 0000000..5c9a7b7 --- /dev/null +++ b/public/assets/css/one-page-parallax/style-responsive.css @@ -0,0 +1,251 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/ + +@media (min-width: 1920px) { + body { + font-size: 16px; + } + .container { + min-width: 1360px; + } + .content.has-bg .content-bg img { + width: 100%; + } + .header .navbar-brand { + height: auto; + } + .brand-logo { + border-width: 20px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + margin-top: 0; + margin-bottom: 0; + } + .brand-logo + .brand-text { + margin-left: 56px; + font-size: 26px; + line-height: 40px; + } + .skills .skills-name { + font-size: 16px; + } + .navbar-nav .dropdown-menu { + font-size: 16px; + } + .header.navbar .navbar-nav > li > a { + font-size: 16px; + line-height: 40px; + } + .about-author .author .info { + font-size: 16px; + } + .about-author .author .info small { + font-size: 14px; + } + .home-content h1 { + font-size: 80px; + } + .home-content h3 { + font-size: 36px; + } + .team .title { + font-size: 14px; + } + .quote { + font-size: 36px; + } + .quote small { + font-size: 16px; + } + .service .title { + font-size: 20px; + } + .service .icon { + width: 60px; + height: 60px; + line-height: 60px; + font-size: 32px; + } + .service .icon + .info { + margin-left: 80px; + } + .action-box .icon-large { + font-size: 56px; + line-height: 60px; + width: 60px; + } + .action-box h3 { + font-size: 28px; + } + .content .content-title { + font-size: 36px; + } + p { + line-height: 24px; + } + .btn { + font-size: 16px; + padding: 15px 30px; + } + .pricing-table h3 { + font-size: 16px; + } + .pricing-table .features > li { + padding: 15px 0; + } + .pricing-table .highlight .features > li { + padding: 20px 0; + } + .pricing-table .price .price-number { + font-size: 32px; + } + .pricing-table .price .price-tenure { + font-size: 14px; + } + .pricing-table .price .price-figure { + height: 90px; + } + .theme-panel { + width: 248px; + right: -248px; + } + .theme-panel .theme-list > li + li { + margin-left: 7px; + } + .theme-panel .theme-list > li > a { + width: 40px; + height: 40px; + } + .theme-panel .theme-panel-content { + padding: 10px; + } + .theme-panel .theme-collapse-btn { + width: 60px; + height: 60px; + left: -60px; + margin-top: -30px; + font-size: 24px; + line-height: 60px; + } + .theme-panel .theme-list > li.active > a:before { + font-size: 20px; + line-height: 40px; + } + .tooltip { + font-size: 16px; + } +} + +@media (max-width: 1200px) { + .content.has-bg .content-bg img { + max-height: 100%; + max-width: inherit; + } + .content .content-desc { + margin-bottom: 30px; + } +} +@media (min-width: 768px) and (max-width: 992px) { + .header.navbar .navbar-nav > li > a { + padding: 25px 10px; + } + .header.navbar.navbar-small .navbar-nav > li > a { + padding-left: 10px; + padding-right: 10px; + } + .home-content h1 { + font-size: 48px; + } + .home-content h3 { + font-size: 24px; + } + .home-content h1, .home-content h2, .home-content h3, .home-content h4 { + margin: 0 0 15px; + } + .home-content p { + margin-bottom: 30px; + } +} +@media (max-width: 992px) { + .about-author .author { + padding-left: 80px; + } + .about-author .author .image { + width: 80px; + } +} +@media (max-width: 767px) { + .header.navbar .navbar-nav > li > a { + padding: 10px 15px; + } + .navbar-transparent .navbar-collapse { + background: #000; + background: rgba(0,0,0,0.9); + } + .header.navbar-small.navbar-transparent .navbar-collapse { + background: #000; + background: rgba(0,0,0,0.9); + } + .header.navbar-small.navbar-transparent .navbar-collapse .navbar-nav > li > a { + color: #8F8E8E; + } + .header.navbar.navbar-small .navbar-nav > li > a { + padding: 10px 15px; + } + .navbar-nav > li.dropdown:hover > .dropdown-menu, + .navbar-nav > li.dropdown:focus > .dropdown-menu { + display: none; + } + .navbar-nav > li.dropdown.open > .dropdown-menu, + .navbar-nav > li.dropdown.open:hover > .dropdown-menu, + .navbar-nav > li.dropdown.open:hover > .dropdown-menu { + display: block; + -webkit-animation: none; + animation: none; + } + .navbar-nav > li.dropdown > .dropdown-menu { + border-top: 1px solid #444; + border-bottom: 1px solid #444; + } + .navbar-default .navbar-nav > li.dropdown > .dropdown-menu, + .navbar-default .navbar-nav > li.dropdown > .dropdown-menu > li + li { + border-color: #e7e7e7; + } + .home-content h1 { + font-size: 36px; + } + .home-content h3 { + font-size: 18px; + } + .home-content h1, .home-content h2, .home-content h3, .home-content h4 { + margin: 0 0 15px; + } + .home-content p { + margin-bottom: 30px; + } + .milestone-col + .milestone-col { + border: none; + border-top: 1px solid rgba(255,255,255,0.2); + margin-top: 15px; + padding-top: 15px !important; + } + .team { + margin-bottom: 30px; + } + .action-box .btn { + margin-top: 15px; + } + .pricing-table.col-4 > li, + .pricing-table.col-3 > li { + width: 100%; + } + .pricing-table .highlight { + margin-top: 0 !important; + padding: 10px !important; + } +} \ No newline at end of file diff --git a/public/assets/css/one-page-parallax/style-responsive.min.css b/public/assets/css/one-page-parallax/style-responsive.min.css new file mode 100755 index 0000000..73f54ed --- /dev/null +++ b/public/assets/css/one-page-parallax/style-responsive.min.css @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/@media (min-width: 1920px){body{font-size:16px}.container{min-width:1360px}.content.has-bg .content-bg img{width:100%}.header .navbar-brand{height:auto}.brand-logo{border-width:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-top:0;margin-bottom:0}.brand-logo + .brand-text{margin-left:56px;font-size:26px;line-height:40px}.skills .skills-name{font-size:16px}.navbar-nav .dropdown-menu{font-size:16px}.header.navbar .navbar-nav > li > a{font-size:16px;line-height:40px}.about-author .author .info{font-size:16px}.about-author .author .info small{font-size:14px}.home-content h1{font-size:80px}.home-content h3{font-size:36px}.team .title{font-size:14px}.quote{font-size:36px}.quote small{font-size:16px}.service .title{font-size:20px}.service .icon{width:60px;height:60px;line-height:60px;font-size:32px}.service .icon + .info{margin-left:80px}.action-box .icon-large{font-size:56px;line-height:60px;width:60px}.action-box h3{font-size:28px}.content .content-title{font-size:36px}p{line-height:24px}.btn{font-size:16px;padding:15px 30px}.pricing-table h3{font-size:16px}.pricing-table .features > li{padding:15px 0}.pricing-table .highlight .features > li{padding:20px 0}.pricing-table .price .price-number{font-size:32px}.pricing-table .price .price-tenure{font-size:14px}.pricing-table .price .price-figure{height:90px}.theme-panel{width:248px;right:-248px}.theme-panel .theme-list > li + li{margin-left:7px}.theme-panel .theme-list > li > a{width:40px;height:40px}.theme-panel .theme-panel-content{padding:10px}.theme-panel .theme-collapse-btn{width:60px;height:60px;left:-60px;margin-top:-30px;font-size:24px;line-height:60px}.theme-panel .theme-list > li.active > a:before{font-size:20px;line-height:40px}.tooltip{font-size:16px}}@media (max-width: 1200px){.content.has-bg .content-bg img{max-height:100%;max-width:inherit}.content .content-desc{margin-bottom:30px}}@media (min-width: 768px) and (max-width: 992px){.header.navbar .navbar-nav > li > a{padding:25px 10px}.header.navbar.navbar-small .navbar-nav > li > a{padding-left:10px;padding-right:10px}.home-content h1{font-size:48px}.home-content h3{font-size:24px}.home-content h1,.home-content h2,.home-content h3,.home-content h4{margin:0 0 15px}.home-content p{margin-bottom:30px}}@media (max-width: 992px){.about-author .author{padding-left:80px}.about-author .author .image{width:80px}}@media (max-width: 767px){.header.navbar .navbar-nav > li > a{padding:10px 15px}.navbar-transparent .navbar-collapse{background:#000;background:rgba(0,0,0,0.9)}.header.navbar-small.navbar-transparent .navbar-collapse{background:#000;background:rgba(0,0,0,0.9)}.header.navbar-small.navbar-transparent .navbar-collapse .navbar-nav > li > a{color:#8F8E8E}.header.navbar.navbar-small .navbar-nav > li > a{padding:10px 15px}.navbar-nav > li.dropdown:hover > .dropdown-menu,.navbar-nav > li.dropdown:focus > .dropdown-menu{display:none}.navbar-nav > li.dropdown.open > .dropdown-menu,.navbar-nav > li.dropdown.open:hover > .dropdown-menu,.navbar-nav > li.dropdown.open:hover > .dropdown-menu{display:block;-webkit-animation:none;animation:none}.navbar-nav > li.dropdown > .dropdown-menu{border-top:1px solid #444;border-bottom:1px solid #444}.navbar-default .navbar-nav > li.dropdown > .dropdown-menu,.navbar-default .navbar-nav > li.dropdown > .dropdown-menu > li + li{border-color:#e7e7e7}.home-content h1{font-size:36px}.home-content h3{font-size:18px}.home-content h1,.home-content h2,.home-content h3,.home-content h4{margin:0 0 15px}.home-content p{margin-bottom:30px}.milestone-col + .milestone-col{border:none;border-top:1px solid rgba(255,255,255,0.2);margin-top:15px;padding-top:15px!important}.team{margin-bottom:30px}.action-box .btn{margin-top:15px}.pricing-table.col-4 > li,.pricing-table.col-3 > li{width:100%}.pricing-table .highlight{margin-top:0!important;padding:10px!important}} \ No newline at end of file diff --git a/public/assets/css/one-page-parallax/style.css b/public/assets/css/one-page-parallax/style.css new file mode 100755 index 0000000..2762028 --- /dev/null +++ b/public/assets/css/one-page-parallax/style.css @@ -0,0 +1,2981 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ + +:: 1.0 General Reset & Setup +------------------------------------------- + 1.1 Reset and overrides + +:: 2.0 Header Setting +------------------------------------------- + 2.1 Navbar Setting + 2.2 Navbar Brand Logo & Text Setting + 2.3 Navbar Mobile Toggle + 2.4 Navbar Default Setting + 2.5 Navbar Transparent & Inverse Setting + 2.6 Navbar Small Setting + 2.7 Navbar Dropdown + +:: 3.0 Content Setting +------------------------------------------- + 3.1 General Content Setting + +:: 4.0 Home Setting +------------------------------------------- + 4.1 Home Element Setting + +:: 5.0 About Us Setting +------------------------------------------- + 5.1 About Us Author Setting + 5.2 About Us Skills Setting + 5.3 About Us Milestone Setting + +:: 6.0 Team Setting +------------------------------------------- + 6.1 Team Element Setting + +:: 7.0 Quote Setting +------------------------------------------- + 7.1 Quote Element Setting + +:: 8.0 Service Setting +------------------------------------------- + 8.1 Service Element Setting + +:: 9.0 Work Setting +------------------------------------------- + 9.1 Work Element Setting + +:: 10.0 Action Box Setting +------------------------------------------- + 10.1 Action Box Element Setting + +:: 11.0 Testimonial Setting +------------------------------------------- + 11.1 Testimonial Element Setting + +:: 12.0 Pricing Setting +------------------------------------------- + 12.1 Pricing Element Setting + +:: 13.0 Footer Setting +------------------------------------------- + 13.1 Footer Element Setting + +:: 14.0 Pace Loader Setting +------------------------------------------- + 14.1 Pace Loader Element Setting + +:: 15.0 Predefined CSS Setting +------------------------------------------- + 15.1 Predefined Classes + +:: 16.0 Basic Element Setting +------------------------------------------- + 16.1 Component - Button Setting + 16.1.1 Component - Button - Default + 16.1.2 Component - Button - White + 16.1.3 Component - Button - Inverse + 16.1.4 Component - Button - Primary + 16.1.5 Component - Button - Success + 16.1.6 Component - Button - Warning + 16.1.7 Component - Button - Danger + 16.1.8 Component - Button - Info + 16.2 Component - Progress Bar Setting + 16.3 Component - From Control Setting + 16.4 Component - Dropdown Menu + 16.5 Component - Tooltip + 16.6 Component - Alert + 16.7 Component - Note Setting + 16.8 Component - Badge & Label Setting + 16.9 Component - Pagination & pager + 16.10 Component - Nav Setting + 16.11 Component - Nav Tabs + 16.12 Component - Nav Pills + 16.13 Component - Tab Content + 16.14 Component - Accordion Panel + 16.15 Component - Panel + 16.16 Component - Panel - Panel Expand + 16.17 Component - Panel - Panel loading + 16.18 Component - Modal Setting + 16.19 Component - Media Object + 16.20 Component - Table + 16.21 Component - Well + 16.22 Component - Jumbotron + 16.23 Component - List Group + 16.24 Component - Carousel + 16.25 Component - Theme Panel +*/ + + +/* ------------------------------- + 1.0 General Reset & Setup +------------------------------- */ + +/* 1.1 Reset and Overrides */ + +body { + background: #fff; + font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif; + color: #707478; + font-size: 13px; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; +} +.ie8 body { + font-family: Arial,sans-serif; +} +h1, h2, h3, h4, h5, h6{ + font-weight: 500; + color: #242a30; + margin-top: 0; + margin-bottom: 15px; + line-height: 1.25; +} +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + font-size: 60%; + font-weight: 300; + color: #7c7f83; +} +a { + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +a:focus { + outline: none; +} +label { + color: #242a30; +} +p { + line-height: 20px; +} +.row { + margin: 0 -15px; +} +.row > [class*="col-"] { + padding-left: 15px; + padding-right: 15px; +} +.contentAnimated { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.finishAnimated { + -webkit-animation: none !important; + animation: none !important; +} + + +/* 1.2 Page Setting */ + +body.page-navbar-fixed-top { + padding-top: 70px; +} +body.page-navbar-fixed-top-sm { + padding-top: 51px; +} + + + +/* ------------------------------- + 2.0 Header Setting +------------------------------- */ + +/* 2.1 Navbar Setting */ + +.header.navbar { + border-bottom: none; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.header.navbar .navbar-nav > li > a { + font-size: 12px; + line-height: 20px; + color: #2d353c; + font-weight: 600; + padding: 25px 15px; +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus { + background: none; +} + + +/* 2.2 Navbar Brand Logo & Text Setting */ + +.header .navbar-brand { + padding: 25px 15px; + height: auto; +} +.header .navbar-brand img { + display: block; + margin: -10px 0; + max-height: 40px; +} +.brand-logo { + float: left; + border: 15px solid; + border-color: #4DCACA #31A3A3 #1D8888; + margin-right: 10px; + margin-top: -5px; + margin-bottom: -5px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.brand-logo + .brand-text { + margin-left: 42px; + display: block; + color: #2d353c; + font-size: 20px; + line-height: 20px; + display: block; +} + + +/* 2.3 Navbar Mobile Toggle */ + +.navbar-toggle { + margin-top: 18px; + margin-bottom: 18px; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} + + +/* 2.4 Navbar Default Setting */ + +.header.navbar.navbar-default { + background: #fff; +} + + +/* 2.5 Navbar Transparent & Inverse Setting */ + +.header.navbar.navbar-transparent { + border-bottom: 1px solid rgba(255,255,255,0.2); +} +.header.navbar.navbar-transparent .navbar-nav > li > a, +.header.navbar.navbar-inverse .navbar-nav > li > a { + color: #8F8E8E; +} +.header.navbar.navbar-transparent .brand-text, +.header.navbar.navbar-inverse .brand-text { + color: #fff; +} +.navbar-transparent .navbar-toggle, +.navbar-inverse .navbar-toggle { + border-color: #8F8E8E; +} +.navbar-transparent .navbar-toggle .icon-bar, +.navbar-inverse .navbar-toggle .icon-bar { + background: #8f8e8e; +} + + +/* 2.6 Navbar Small Setting */ + +.header.navbar.navbar-small { + border-bottom: none; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); + box-shadow: 0 1px 2px rgba(0,0,0,.2); +} +.header.navbar.navbar-small .navbar-brand, +.header.navbar.navbar-small .navbar-nav > li > a { + padding: 15px; +} +.header.navbar.navbar-transparent.navbar-small { + background: #fff; +} +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a, +.header.navbar.navbar-transparent.navbar-small .brand-logo + .brand-text { + color: #2d353c; +} +.navbar-small .navbar-toggle { + border-color: #ddd; + margin-top: 8px; + margin-bottom: 8px; +} +.navbar-small .navbar-toggle .icon-bar { + background: #888; +} + + +/* 2.7 Navbar Dropdown */ + +.navbar-nav > li.dropdown:hover > .dropdown-menu, +.navbar-nav > li.dropdown:focus > .dropdown-menu { + display: block; +} +.navbar-nav .dropdown-menu { + background: #333; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + font-size: 12px; + padding: 0; + margin-top: 0; + border: none; +} +.navbar-nav .dropdown-menu > li > a { + color: #999; + padding: 10px 15px; +} +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus { + background: #222; + color: #00acac; +} +.navbar-nav .dropdown-menu > li + li { + border-top: 1px solid #444; +} + + + +/* ------------------------------- + 3.0 Content Setting +------------------------------- */ + +/* 3.1 General Content Setting */ + +.content { + padding: 60px 15px 75px; +} +.content .content-title { + text-align: center; + position: relative; + margin-bottom: 30px; + padding-bottom: 15px; + margin-top: 0; +} +.content .content-title:after { + content: ''; + display: block; + position: absolute; + width: 40px; + background: #242a30; + height: 2px; + bottom: 0; + left: 50%; + margin-left: -20px; +} +.content .content-desc { + text-align: center; + margin-bottom: 60px; + color: #242a30; +} +.content.has-bg { + padding-bottom: 60px; + overflow: hidden; + position: relative; +} +.content.has-bg .content-bg { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.content.has-bg .content-bg img { + max-width: 100%; +} +.content.has-bg .content-title:after { + background: #fff; +} +.content.has-bg .content-bg:before { + content: ''; + background: url(images/bg-content-cover.png); + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.content.has-bg .container { + position: relative; +} +.content.has-bg .container .content-title { + color: #fff; +} +.content.has-bg .container .content-desc { + color: rgba(255,255,255,0.6); +} +.content.has-bg h1, +.content.has-bg h2, +.content.has-bg h3, +.content.has-bg h4, +.content.has-bg h5, +.content.has-bg h6 { + color: #fff; +} + + + +/* ------------------------------- + 4.0 Home Setting +------------------------------- */ + +/* 4.1 Home Element Setting */ + +.home { + padding: 0 !important; + color: #fff; +} +.home-content { + z-index: 1020; + position: absolute; + top: 50%; + left: 0; + right: 0; + color: #8F8E8E; + margin-top: -120px; + padding: 0 15px; + text-align: center; +} +.home-content h1, +.home-content h2, +.home-content h3, +.home-content h4 { + color: #fff; + margin: 0 0 30px; + font-weight: 300; +} +.home-content h1 { + font-size: 64px; + font-weight: 600; +} +.home-content h3 { + font-size: 32px; +} +.home-content p { + margin-bottom: 60px; +} +.home-content a:hover, +.home-content a:focus { + color: #fff; +} +.home-content .btn + .btn { + margin-left: 15px; +} + + + +/* ------------------------------- + 5.0 About Us Setting +------------------------------- */ + +/* 5.1 About Us Author Setting */ + +.about-author { + position: relative; +} +.about-author .quote { + position: relative; + padding: 30px 60px; + border-radius: 12px; + margin-bottom: 15px; +} +.about-author .quote:before { + content: ''; + position: absolute; + bottom: -20px; + left: 95px; + border: 10px solid transparent; + border-top-color: #f0f3f4; + border-left-color: #f0f3f4; +} +.about-author .quote h3 { + margin: 0; + font-weight: 300; + color: #707478; + font-style: italic; + line-height: 30px; +} +.about-author .fa.fa-quote-left, +.about-author .fa.fa-quote-right { + font-size: 28px; + position: absolute; + left: 30px; + top: 50%; + margin-top: -14px; + line-height: 28px; + top: 30px; + color: #D5D9DA; +} +.about-author .fa.fa-quote-right { + left: auto; + right: 30px; + bottom: 30px; + margin-top: 0; + margin-bottom: -14px; + top: auto; +} +.about-author .author { + position: relative; + text-align: right; + padding-left: 100px; + margin-bottom: 15px; +} +.about-author .author .image { + position: absolute; + left: -10px; + top: -40px; + background: #fff; + border: 5px solid #fff; + border-radius: 50%; + width: 100px; + overflow: hidden; +} +.about-author .author .image img { + max-width: 100%; +} +.about-author .author .info { + color: #242a30; + font-weight: 600; + font-size: 14px; +} +.about-author .author .info small { + display: block; + color: #999; + font-size: 12px; + font-weight: normal; +} +.about-author .author .info a { + font-weight: normal; + font-size: 12px; + display: block; +} + + +/* 5.2 About Us Skills Setting */ + +.skills .skills-name { + font-size: 12px; + color: #242a30; + margin-bottom: 5px; + font-weight: 600; +} + + +/* 5.3 About Us Milestone Setting */ + +.milestone { + text-align: center; +} +.milestone-col + .milestone-col { + border-left: 1px solid rgba(255,255,255,0.2); +} +.milestone .number { + font-size: 42px; + color: #fff; + font-weight: 300; +} +.milestone .title { + color: #8F8E8E; +} + + + +/* ------------------------------- + 6.0 Team Setting +------------------------------- */ + +/* 6.1 Team Element Setting */ + +.team { + text-align: center; + padding: 0 30px; +} +.team .image { + display: inline-block; + border-radius: 300px; + overflow: hidden; +} +.team .info { + margin-top: 15px; +} +.team .image img { + border-radius: 300px; +} +.team .name { + margin-bottom: 5px; +} +.team .title { + font-size: 12px; + margin-bottom: 15px; + font-weight: 600; +} +.team p { + margin-bottom: 15px; +} +.team .social a { + border-radius: 300px; + border: 1px solid #ccc; + padding: 5px; + width: 40px; + height: 40px; + line-height: 28px; + text-align: center; + display: inline-block; + color: #ccc; + text-decoration: none; +} +.team .social a + a { + margin-left: 5px; +} + + + +/* ------------------------------- + 7.0 Quote Setting +------------------------------- */ + +/* 7.1 Quote Element Setting */ + +.quote { + text-align: center; + font-size: 28px; + font-weight: 300; + color: #fff; +} +.quote .fa-quote-left, +.quote .fa-quote-right { + color: #fff; + font-size: 20px; + position: relative; + top: -14px; +} +.quote small { + display: block; + font-size: 14px; + color: rgba(255,255,255,0.75); + margin-top: 20px; +} + + + +/* ------------------------------- + 8.0 Service Setting +------------------------------- */ + +/* 8.1 Service Element Setting */ + +.service { + margin-bottom: 30px; +} +.service .icon { + float: left; + width: 50px; + height: 50px; + background: #242a30; + color: #fff; + text-align: center; + line-height: 50px; + font-size: 18px; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; +} +.service .title { + margin-bottom: 5px; +} +.service .icon + .info { + margin-left: 70px; +} +.service.service-vertical { + text-align: center; +} +.service.service-vertical .icon { + float: none; + margin: 0 auto 15px; +} +.service.service-vertical .info { + margin: 0; +} + + + +/* ------------------------------- + 9.0 Work Setting +------------------------------- */ + +/* 9.1 Work Element Setting */ + +.work { + position: relative; + overflow: hidden; + margin-bottom: 10px; +} +.work .image img { + max-width: 100%; +} +.work:hover .desc, +.work:focus .desc { + margin-top: -62px; +} +.work .desc { + padding: 12px 15px; + position: absolute; + right: 0; + left: 0; + top: 100%; + background: rgba(0, 0, 0, 0.7); + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.work .desc .desc-title { + color: #fff; + font-size: 14px; + display: block; + font-weight: 600; +} +.work .desc .desc-text { + font-size: 12px; + color: #ccc; + display: block; +} + + + +/* ------------------------------- + 10.0 Action Box Setting +------------------------------- */ + +/* 10.1 Action Box Element Setting */ + +.action-box h3 { + margin-bottom: 5px; + margin-top: 3px; +} +.action-box p { + margin-bottom: 0px; +} +.action-box .icon-large { + font-size: 48px; + float: left; + margin-right: 20px; + line-height: 50px; + width: 50px; + text-align: center; +} +.action-box .btn { + margin-top: -3px; +} + + + +/* ------------------------------- + 11.0 Testimonial Setting +------------------------------- */ + +/* 11.1 Testimonial Element Setting */ + +.testimonials { + padding-bottom: 50px; +} +.testimonials .item { + padding-top: 15px; +} +.testimonials .carousel-indicators { + bottom: 0; +} +.testimonials blockquote { + border: none; + text-align: center; + color: #fff; + position: relative; + font-weight: 300; + margin-bottom: 15px; +} +.testimonials blockquote .fa-quote-left, +.testimonials blockquote .fa-quote-right { + font-size: 28px; + position: absolute; + margin-left: 15px; + margin-top: 15px; + color: #8F8E8E; +} +.testimonials blockquote .fa-quote-left { + margin-left: -43px; + margin-top: -15px; +} +.testimonials .name { + color: #fff; + font-size: 14px; + margin-bottom: 15px; +} +.testimonials .name span { + margin-left: 5px; +} +.testimonials .carousel-indicators li { + background: rgba(255,255,255,0.4); + border: none; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.testimonials .carousel-indicators li:hover, +.testimonials .carousel-indicators li:focus { + background: rgba(255,255,255,0.7); +} +.testimonials .carousel-indicators li.active { + background: #fff; +} +.carousel-indicators li, +.carousel-indicators li.active { + width: 12px; + height: 12px; + margin: 1px 3px; +} + + + +/* ------------------------------- + 12.0 Pricing Setting +------------------------------- */ + +/* 12.1 Pricing Element Setting */ + +.pricing-table { + list-style-type: none; + margin: 0 -10px; + padding: 0; + text-align: center; +} +.pricing-table > li { + float: left; + padding: 10px; +} +.pricing-table.col-4 > li { + width: 25%; +} +.pricing-table.col-3 > li { + width: 33.33333%; +} +.pricing-table .pricing-container { + overflow: hidden; + border-radius: 6px; + background: #f0f3f4; + box-shadow: 0 3px #b6c2c9; +} +.pricing-table h3 { + background: #242a30; + margin: 0; + color: #fff; + font-size: 14px; + padding: 15px 30px; + font-weight: bold; +} +.pricing-table .features { + list-style-type: none; + margin: 0; + padding: 0 30px; +} +.pricing-table .features > li { + padding: 10px 0; +} +.pricing-table .features > li + li { + border-top: 1px solid #e2e7eb; +} +.pricing-table .price { + width: 100%; + display: table; + background: #2d353c; +} +.pricing-table .price .price-figure { + vertical-align: middle; + display: table-cell; + text-align: center; + height: 80px; +} +.pricing-table .price .price-number { + font-size: 28px; + color: #00a3a3; + display: block; +} +.pricing-table .price .price-tenure { + font-size: 12px; + color: #fff; + color: rgba(255, 255, 255, 0.7); + display: block; + text-align: center; +} +.pricing-table .footer { + padding: 15px 20px; +} +.pricing-table .highlight { + padding: 0px; + margin-top: -30px; +} +.pricing-table .highlight .features > li { + padding: 15px 0; +} +.pricing-table .highlight h3 { + padding: 20px 30px; +} +.pricing-table .highlight .price .price-figure { + height: 90px; +} +.pricing-table .highlight .price .price-number { + color: #fff; +} + + +/* ------------------------------- + 13.0 Footer Setting +------------------------------- */ + +/* 13.1 Footer Element Setting */ + +.footer { + padding: 60px 0; + background: #242a30; + text-align: center; + box-shadow: inset 0 100px 80px -80px rgba(0,0,0,0.7); + -webkit-box-shadow: inset 0 100px 80px -80px rgba(0,0,0,0.7); +} +.footer .footer-brand-logo { + display: block; + margin: 0 auto 10px; + width: 40px; + border: 20px solid; + border-color: #4DCACA #31A3A3 #1D8888; + border-radius: 4px; +} +.footer .footer-brand { + font-size: 24px; + color: #fff; + font-weight: 300; + margin-bottom: 30px; +} +.footer .social-list { + margin: 30px 0 0; + font-size: 20px; +} + + + +/* ------------------------------- + 14.0 Pace Loader Setting +------------------------------- */ + +/* 14.1 Pace Loader Element Setting */ + +.pace-inactive { + opacity: 0; + filter: alpha(opacity=0); +} +.pace { + background: #2d353c; + position: fixed; + top: 0; + left: 0; + right: 0; + -webkit-transition: opacity 1s; + -moz-transition: opacity 1s; + -o-transition: opacity 1s; + transition: opacity 1s; + z-index: 1020; +} +.pace-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 3px; + background: #00acac; + -webkit-transition: width 1s; + -moz-transition: width 1s; + -o-transition: width 1s; + transition: width 1s; + z-index: 2000; +} +.pace:before { + content: ''; + background: #242a30; + position: fixed; + top: 0; + right: 0; + left: 0; + height: 3px; +} +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + border-top-color: #00acac; + border-left-color: #00acac; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; +} +@-webkit-keyframes pace-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes pace-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes pace-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes pace-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes pace-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} + + + +/* ------------------------------- + 15.0 Predefined CSS Setting +------------------------------- */ + +/* 15.1 Predefined Classes */ + +.row { margin: 0 -10px; } +.row > [class*="col-"] { padding: 0 10px; } + +.row.row-space-0 { margin: 0; } +.row.row-space-2 { margin: 0 -1px; } +.row.row-space-4 { margin: 0 -2px; } +.row.row-space-6 { margin: 0 -3px; } +.row.row-space-8 { margin: 0 -4px; } +.row.row-space-10 { margin: 0 -5px; } +.row.row-space-12 { margin: 0 -6px; } +.row.row-space-14 { margin: 0 -7px; } +.row.row-space-16 { margin: 0 -8px; } +.row.row-space-18 { margin: 0 -9px; } +.row.row-space-18 { margin: 0 -10px; } +.row.row-space-22 { margin: 0 -11px; } +.row.row-space-24 { margin: 0 -12px; } +.row.row-space-26 { margin: 0 -13px; } +.row.row-space-28 { margin: 0 -14px; } +.row.row-space-30 { margin: 0 -15px; } +.row.row-space-0 > [class*="col-"] { padding: 0; } +.row.row-space-2 > [class*="col-"] { padding: 0 1px; } +.row.row-space-4 > [class*="col-"] { padding: 0 2px; } +.row.row-space-6 > [class*="col-"] { padding: 0 3px; } +.row.row-space-8 > [class*="col-"] { padding: 0 4px; } +.row.row-space-10 > [class*="col-"] { padding: 0 5px; } +.row.row-space-12 > [class*="col-"] { padding: 0 6px; } +.row.row-space-14 > [class*="col-"] { padding: 0 7px; } +.row.row-space-16 > [class*="col-"] { padding: 0 8px; } +.row.row-space-18 > [class*="col-"] { padding: 0 9px; } +.row.row-space-20 > [class*="col-"] { padding: 0 10px; } +.row.row-space-22 > [class*="col-"] { padding: 0 11px; } +.row.row-space-24 > [class*="col-"] { padding: 0 12px; } +.row.row-space-26 > [class*="col-"] { padding: 0 13px; } +.row.row-space-28 > [class*="col-"] { padding: 0 14px; } +.row.row-space-30 > [class*="col-"] { padding: 0 15px; } + +.semi-bold { font-weight: 600; } + +.overflow-auto { overflow: auto !important; } +.overflow-hidden { overflow: hidden !important; } +.overflow-visible { overflow: visible !important; } +.overflow-scroll { overflow: scroll !important; } +.overflow-x-hidden { overflow-x: hidden !important; } +.overflow-x-visible { overflow-x: visible !important; } +.overflow-x-scroll { overflow-x: scroll !important; } +.overflow-y-hidden { overflow-y: hidden !important; } +.overflow-y-visible { overflow-y: visible !important; } +.overflow-y-scroll { overflow-y: scroll !important; } + +.m-auto { margin: 0 auto !important; } +.m-0 { margin: 0px !important; } +.m-1 { margin: 1px !important; } +.m-2 { margin: 2px !important; } +.m-3 { margin: 3px !important; } +.m-4 { margin: 4px !important; } +.m-5 { margin: 5px !important; } +.m-10 { margin: 10px !important; } +.m-15 { margin: 15px !important; } +.m-20 { margin: 20px !important; } +.m-25 { margin: 25px !important; } +.m-30 { margin: 30px !important; } +.m-35 { margin: 35px !important; } +.m-40 { margin: 40px !important; } + +.m-t-0 { margin-top: 0px !important; } +.m-t-1 { margin-top: 1px !important; } +.m-t-2 { margin-top: 2px !important; } +.m-t-3 { margin-top: 3px !important; } +.m-t-4 { margin-top: 4px !important; } +.m-t-5 { margin-top: 5px !important; } +.m-t-10 { margin-top: 10px !important; } +.m-t-15 { margin-top: 15px !important; } +.m-t-20 { margin-top: 20px !important; } +.m-t-25 { margin-top: 25px !important; } +.m-t-30 { margin-top: 30px !important; } +.m-t-35 { margin-top: 35px !important; } +.m-t-40 { margin-top: 40px !important; } + +.m-r-0 { margin-right: 0px !important; } +.m-r-1 { margin-right: 1px !important; } +.m-r-2 { margin-right: 2px !important; } +.m-r-3 { margin-right: 3px !important; } +.m-r-4 { margin-right: 4px !important; } +.m-r-5 { margin-right: 5px !important; } +.m-r-10 { margin-right: 10px !important; } +.m-r-15 { margin-right: 15px !important; } +.m-r-20 { margin-right: 20px !important; } +.m-r-25 { margin-right: 25px !important; } +.m-r-30 { margin-right: 30px !important; } +.m-r-35 { margin-right: 35px !important; } +.m-r-40 { margin-right: 40px !important; } + +.m-b-0 { margin-bottom: 0px !important; } +.m-b-1 { margin-bottom: 1px !important; } +.m-b-2 { margin-bottom: 2px !important; } +.m-b-3 { margin-bottom: 3px !important; } +.m-b-4 { margin-bottom: 4px !important; } +.m-b-5 { margin-bottom: 5px !important; } +.m-b-10 { margin-bottom: 10px !important; } +.m-b-15 { margin-bottom: 15px !important; } +.m-b-20 { margin-bottom: 20px !important; } +.m-b-25 { margin-bottom: 25px !important; } +.m-b-30 { margin-bottom: 30px !important; } +.m-b-35 { margin-bottom: 35px !important; } +.m-b-40 { margin-bottom: 40px !important; } + +.m-l-0 { margin-left: 0px !important; } +.m-l-1 { margin-left: 1px !important; } +.m-l-2 { margin-left: 2px !important; } +.m-l-3 { margin-left: 3px !important; } +.m-l-4 { margin-left: 4px !important; } +.m-l-5 { margin-left: 5px !important; } +.m-l-10 { margin-left: 10px !important; } +.m-l-15 { margin-left: 15px !important; } +.m-l-20 { margin-left: 20px !important; } +.m-l-25 { margin-left: 25px !important; } +.m-l-30 { margin-left: 30px !important; } +.m-l-35 { margin-left: 35px !important; } +.m-l-40 { margin-left: 40px !important; } + +.p-0 { padding: 0px !important; } +.p-1 { padding: 1px !important; } +.p-2 { padding: 2px !important; } +.p-3 { padding: 3px !important; } +.p-4 { padding: 4px !important; } +.p-5 { padding: 5px !important; } +.p-10 { padding: 10px !important; } +.p-15, .wrapper { padding: 15px !important; } +.p-20 { padding: 20px !important; } +.p-25 { padding: 25px !important; } +.p-30 { padding: 30px !important; } +.p-35 { padding: 35px !important; } +.p-40 { padding: 40px !important; } + +.p-t-0 { padding-top: 0px !important; } +.p-t-1 { padding-top: 1px !important; } +.p-t-2 { padding-top: 2px !important; } +.p-t-3 { padding-top: 3px !important; } +.p-t-4 { padding-top: 4px !important; } +.p-t-5 { padding-top: 5px !important; } +.p-t-10 { padding-top: 10px !important; } +.p-t-15 { padding-top: 15px !important; } +.p-t-20 { padding-top: 20px !important; } +.p-t-25 { padding-top: 25px !important; } +.p-t-30 { padding-top: 30px !important; } +.p-t-35 { padding-top: 35px !important; } +.p-t-40 { padding-top: 40px !important; } + +.p-r-0 { padding-right: 0px !important; } +.p-r-1 { padding-right: 1px !important; } +.p-r-2 { padding-right: 2px !important; } +.p-r-3 { padding-right: 3px !important; } +.p-r-4 { padding-right: 4px !important; } +.p-r-5 { padding-right: 5px !important; } +.p-r-10 { padding-right: 10px !important; } +.p-r-15 { padding-right: 15px !important; } +.p-r-20 { padding-right: 20px !important; } +.p-r-25 { padding-right: 25px !important; } +.p-r-30 { padding-right: 30px !important; } +.p-r-35 { padding-right: 35px !important; } +.p-r-40 { padding-right: 40px !important; } + +.p-b-0 { padding-bottom: 0px !important; } +.p-b-1 { padding-bottom: 1px !important; } +.p-b-2 { padding-bottom: 2px !important; } +.p-b-3 { padding-bottom: 3px !important; } +.p-b-4 { padding-bottom: 4px !important; } +.p-b-5 { padding-bottom: 5px !important; } +.p-b-10 { padding-bottom: 10px !important; } +.p-b-15 { padding-bottom: 15px !important; } +.p-b-20 { padding-bottom: 20px !important; } +.p-b-25 { padding-bottom: 25px !important; } +.p-b-30 { padding-bottom: 30px !important; } +.p-b-35 { padding-bottom: 35px !important; } +.p-b-40 { padding-bottom: 40px !important; } + +.p-l-0 { padding-left: 0px !important; } +.p-l-1 { padding-left: 1px !important; } +.p-l-2 { padding-left: 2px !important; } +.p-l-3 { padding-left: 3px !important; } +.p-l-4 { padding-left: 4px !important; } +.p-l-5 { padding-left: 5px !important; } +.p-l-10 { padding-left: 10px !important; } +.p-l-15 { padding-left: 15px !important; } +.p-l-20 { padding-left: 20px !important; } +.p-l-25 { padding-left: 25px !important; } +.p-l-30 { padding-left: 30px !important; } +.p-l-35 { padding-left: 35px !important; } +.p-l-40 { padding-left: 40px !important; } + +.f-s-8 { font-size: 8px !important; } +.f-s-9 { font-size: 9px !important; } +.f-s-10 { font-size: 10px !important; } +.f-s-11 { font-size: 11px !important; } +.f-s-12 { font-size: 12px !important; } +.f-s-13 { font-size: 13px !important; } +.f-s-14 { font-size: 14px !important; } +.f-s-15 { font-size: 15px !important; } +.f-s-16 { font-size: 16px !important; } +.f-s-17 { font-size: 17px !important; } +.f-s-18 { font-size: 18px !important; } +.f-s-19 { font-size: 19px !important; } +.f-s-20 { font-size: 20px !important; } + +.text-center { text-align: center !important; } +.text-left { text-align: left !important; } +.text-right { text-align: right !important; } + +.pull-left { float: left !important; } +.pull-right { float: right !important; } +.pull-none { float: none !important; } + +.f-w-100 { font-weight: 100 !important; } +.f-w-200 { font-weight: 200 !important; } +.f-w-300 { font-weight: 300 !important; } +.f-w-400 { font-weight: 400 !important; } +.f-w-500 { font-weight: 500 !important; } +.f-w-600 { font-weight: 600 !important; } +.f-w-700 { font-weight: 700 !important; } + +.table-valign-middle th, +.table-valign-middle td { + vertical-align: middle !important; +} +.table-th-valign-middle th, +.table-td-valign-middle td { + vertical-align: middle !important; +} +.table-valign-top th, +.table-valign-top td { + vertical-align: top !important; +} +.table-th-valign-top th, +.table-td-valign-top td { + vertical-align: top !important; +} +.table-valign-bottom th, +.table-valign-bottom td { + vertical-align: bottom !important; +} +.table-th-valign-bottom th, +.table-td-valign-bottom td { + vertical-align: bottom !important; +} +.vertical-box { + display: table; + table-layout: fixed; + border-spacing: 0; + height: 100%; + width: 100%; +} +.vertical-box-column { + display: table-cell; + vertical-align: top; + height: 100%; +} +.vertical-box-row { + display: table-row; + height: 100%; +} +.vertical-box-row > .vertical-box-cell { + position: relative; + height: 100%; + width: 100%; + float: none; +} +.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} +.no-rounded-corner { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.rounded-corner { + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + border-radius: 50% !important; +} +.no-border { border: 0 !important; } +.border-top-1 { border-top: 1px solid #eee !important; } +.border-right-1 { border-right: 1px solid #eee !important; } +.border-bottom-1 { border-bottom: 1px solid #eee !important; } +.border-left-1 { border-left: 1px solid #eee !important; } +.no-box-shadow { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.text-inverse { color: #2d353c !important; } +a.text-inverse:hover, +a.text-inverse:focus { + color: #575d63 !important; +} +.text-success { color: #00acac !important; } +a.text-success:hover, +a.text-success:focus { + color: #33bdbd !important; +} +.text-info { color: #49b6d6 !important; } +a.text-info:hover, +a.text-info:focus { + color: #6dc5de !important; +} +.text-blue { color: #348fe2 !important; } +a.text-blue:hover, +a.text-blue:focus { + color: #5da5e8 !important; +} +.text-warning { color: #f59c1a !important; } +a.text-warning:hover, +a.text-warning:focus { + color: #f7b048 !important; +} +.text-danger { color: #ff5b57 !important; } +a.text-danger:hover, +a.text-danger:focus { + color: #ff7c79 !important; +} +.text-white { color: #fff !important; } +a.text-white:hover, +a.text-white:focus { + color: #f0f3f4 !important; +} + +.bg-white { background: #ffffff !important; } +.bg-silver-lighter { background: #f4f6f7 !important; } +.bg-silver { background: #f0f3f4 !important; } +.bg-silver-darker { background: #b4b6b7 !important; } + +.bg-black { background: #2d353c !important; } +.bg-black-darker { background: #242a30 !important; } +.bg-black-lighter { background: #575d63 !important; } + +.bg-grey { background: #b6c2c9 !important; } +.bg-grey-darker { background: #929ba1 !important; } +.bg-grey-lighter { background: #c5ced4 !important; } + +.bg-red { background: #ff5b57 !important; } +.bg-red-darker { background: #cc4946 !important; } +.bg-red-lighter { background: #ff7c79 !important; } + +.bg-orange { background: #f59c1a !important; } +.bg-orange-darker { background: #c47d15 !important; } +.bg-orange-lighter { background: #f7b048 !important; } + +.bg-yellow { background: #e3fa3e !important; } +.bg-yellow-darker { background: #b6c832 !important; } +.bg-yellow-lighter { background: #e9fb65 !important; } + +.bg-green { background: #00acac !important; } +.bg-green-darker { background: #008a8a !important; } +.bg-green-lighter { background: #33bdbd !important; } + +.bg-blue { background: #348fe2 !important; } +.bg-blue-darker { background: #2a72b5 !important; } +.bg-blue-lighter { background: #5da5e8 !important; } + +.bg-aqua { background: #49b6d6 !important; } +.bg-aqua-darker { background: #3a92ab !important; } +.bg-aqua-lighter { background: #6dc5de !important; } + +.bg-purple { background: #727cb6 !important; } +.bg-purple-darker { background: #5b6392 !important; } +.bg-purple-lighter { background: #8e96c5 !important; } + +.no-bg { background: none !important; } + +.height-xs { height: 150px !important; } +.height-sm { height: 300px !important; } +.height-md { height: 450px !important; } +.height-lg { height: 600px !important; } +.height-full { height: 100% !important; } +.height-50 { height: 50px !important; } +.height-100 { height: 100px !important; } +.height-150 { height: 150px !important; } +.height-200 { height: 200px !important; } +.height-250 { height: 250px !important; } +.height-300 { height: 300px !important; } +.height-350 { height: 350px !important; } +.height-400 { height: 400px !important; } +.height-450 { height: 450px !important; } +.height-500 { height: 500px !important; } +.height-550 { height: 550px !important; } +.height-600 { height: 600px !important; } + +.width-xs { width: 150px !important; } +.width-sm { width: 300px !important; } +.width-md { width: 450px !important; } +.width-lg { width: 600px !important; } +.width-full { width: 100% !important; } +.width-50 { width: 50px !important; } +.width-100 { width: 100px !important; } +.width-150 { width: 150px !important; } +.width-200 { width: 200px !important; } +.width-250 { width: 250px !important; } +.width-300 { width: 300px !important; } +.width-350 { width: 350px !important; } +.width-400 { width: 400px !important; } +.width-450 { width: 450px !important; } +.width-500 { width: 500px !important; } +.width-550 { width: 550px !important; } +.width-600 { width: 600px !important; } + +.animated { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.fade { + opacity: 0; + -webkit-transition: opacity .3s linear; + transition: opacity .3s linear; +} +.text-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; +} + + + +/* ------------------------------- + 16.0 Basic Element Setting +------------------------------- */ + +/* 16.1 Component - Button */ + +.btn { + padding: 15px 30px; + font-size: 14px; + font-weight: 600; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.btn.btn-outline { + color: #fff; + border-width: 2px; + border-color: #8F8E8E; + background: none; +} +.btn.btn-outline:hover, +.btn.btn-outline:focus { + border-color: #fff; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: none; +} +.btn-icon, +.btn.btn-icon { + display: inline-block; + width: 28px; + height: 28px; + padding: 0; + border: none; + line-height: 28px; + text-align: center; + font-size: 14px; +} +.btn-circle, +.btn.btn-circle { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} +.btn-icon.btn-xs { + width: 16px; + height: 16px; + font-size: 8px; + line-height: 16px; +} +.btn-icon.btn-sm { + width: 22px; + height: 22px; + font-size: 11px; + line-height: 22px; +} +.btn-icon.btn-lg { + width: 34px; + height: 34px; + font-size: 17px; + line-height: 34px; +} +.btn-scroll-to-top { + position: fixed; + bottom: 20px; + right: 25px; + z-index: 1020; +} +.page-with-right-sidebar .btn-scroll-to-top { + left: 25px; + right: auto; +} +.btn > .pull-left, +.btn > .pull-right { + line-height: 1.428571429; +} +.btn-block { + padding-left: 12px; + padding-right: 12px; +} +.btn:active, +.btn.active { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); +} + + +/* 16.1.1 Component - Button - Default */ + +.btn.btn-default { + color: #fff; + background: #b6c2c9; + border-color: #b6c2c9; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background: #929ba1; + border-color: #929ba1; +} +.btn-group .btn.btn-default:not(.active) + .btn.btn-default, +.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default { + border-left-color: #929ba1; +} + + +/* 16.1.2 Component - Button - White */ + +.btn.btn-white { + font-weight: normal; + color: #333; + background: #fff; + border-color: #e2e7eb; +} +.btn.btn-white.btn-white-without-border { + border-color: #fff; +} +.btn.btn-white.btn-white-without-border.active, +.btn.btn-white.btn-white-without-border.active:hover, +.btn.btn-white.btn-white-without-border.active:focus { + border-color: #ddd; +} +.btn.btn-white.btn-white-without-border:hover, +.btn.btn-white.btn-white-without-border:focus { + border-color: #eee; +} +.btn-white:hover, +.btn-white:focus, +.btn-white:active, +.btn-white.active, +.open .dropdown-toggle.btn-white { + background: #e2e7eb; + border-color: #d8dde1; +} +.btn-group .btn.btn-white:not(.active) + .btn.btn-white, +.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { + border-left-color: #eee; +} + + +/* 16.1.3 Component - Button - Inverse */ + +.btn.btn-inverse { + color: #fff; + background: #2d353c; + border-color: #2d353c; +} +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse:active, +.btn-inverse.active, +.open .dropdown-toggle.btn-inverse { + background: #242a30; + border-color: #242a30; +} +.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse, +.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse { + border-left-color: #242a30; +} + + +/* 16.1.4 Component - Button - Primary */ + +.btn.btn-primary { + color: #fff; + background: #348fe2; + border-color: #348fe2; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background: #2a72b5; + border-color: #2a72b5; +} +.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary, +.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary { + border-left-color: #2a72b5; +} + + +/* 16.1.5 Component - Button - Success */ + +.btn.btn-success { + color: #fff; + background: #00acac; + border-color: #00acac; +} +.btn.btn-success:hover, +.btn.btn-success:focus, +.btn.btn-success:active, +.btn.btn-success.active, +.open .dropdown-toggle.btn-success { + background: #008a8a; + border-color: #008a8a; +} +.btn-group .btn.btn-success:not(.active) + .btn.btn-success, +.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success { + border-left-color: #008a8a; +} + + +/* 16.1.6 Component - Button - Warning */ + +.btn.btn-warning { + color: #fff; + background: #f59c1a; + border-color: #f59c1a; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background: #c47d15; + border-color: #c47d15; +} +.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning, +.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning { + border-left-color: #c47d15; +} + + +/* 16.1.7 Component - Button - Danger */ + +.btn.btn-danger { + color: #fff; + background: #ff5b57; + border-color: #ff5b57; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background: #cc4946; + border-color: #cc4946; +} +.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger, +.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger { + border-left-color: #cc4946; +} + + +/* 16.1.8 Component - Button - Info */ + +.btn.btn-info { + color: #fff; + background: #49b6d6; + border-color: #49b6d6; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background: #3a92ab; + border-color: #3a92ab; +} +.btn-group .btn.btn-info:not(.active) + .btn.btn-info, +.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info { + border-left-color: #3a92ab; +} + + +/* 16.2 Component - Progress Bar */ + +.progress { + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + height: 15px; + overflow: visible; + background: #e2e7eb; + -webkit-box-shadow: none; + box-shadow: none; +} +.progress .progress-bar { + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + position: relative; +} +.progress .progress-bar .progress-number { + position: absolute; + right: 0; + bottom: 100%; + background: #333; + padding: 2px 6px 1px; + border-radius: 4px; + margin-bottom: 5px; + display: block; + line-height: 16px; +} +.progress .progress-bar .progress-number:before { + content: ''; + position: absolute; + left: 50%; + margin-left: -5px; + bottom: -10px; + border: 5px solid transparent; + border-top-color: #333; +} +.progress-bar.progress-bar-success { + background: #00acac; +} +.progress.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress-xs { + height: 5px; +} +.progress-xs .progress-bar { + line-height: 5px; +} +.progress-sm { + height: 10px; +} +.progress-sm .progress-bar { + line-height: 10px; +} +.progress-lg { + height: 30px; +} +.progress-lg .progress-bar { + line-height: 30px; +} +.progress-bar { + background: #348fe2; + -webkit-box-shadow: none; + box-shadow: none; +} +.progress-bar.progress-bar-success { + background-color: #00acac; +} +.progress-bar.progress-bar-info { + background-color: #49b6d6; +} +.progress-bar.progress-bar-warning { + background-color: #f59c1a; +} +.progress-bar.progress-bar-danger { + background-color: #ff5b57; +} +.progress-bar.progress-bar-inverse { + background-color: #2d353c; +} +.progress-bar.progress-bar-purple { + background-color: #727cb6; +} + + +/* 16.3 Component - From Control */ + +.form-control { + border: 2px solid #ccd0d4; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.form-control.input-white { + background: #fff; + border-color: #fff; +} +.form-control.input-white:focus { + box-shadow: none; + -webkit-box-shadow: none; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background: #e5e9ed; + opacity: 0.6; + filter: alpha(opacity=60); +} +.form-control[disabled]:focus, +.form-control[readonly]:focus, +fieldset[disabled] .form-control:focus { + box-shadow: none; + -webkit-box-shadow: none; + border: 1px solid #ccd0d4; +} +.form-control:focus { + border-color: #9fa2a5; + -webkit-box-shadow: none; + box-shadow: none; +} +.form-horizontal.form-bordered .form-group { + border-bottom: 1px solid #eee; + margin: 0; +} +.form-horizontal.form-bordered .form-group:last-child { + border-bottom: 0; +} +.form-horizontal.form-bordered .form-group > .control-label { + padding: 22px 15px 15px; +} +.form-horizontal.form-bordered .form-group > div { + padding: 15px; +} +.form-horizontal.form-bordered .form-group > div { + border-left: 1px solid #eee; +} +.form-horizontal.form-bordered .form-group > .control-label { + border-right: 1px solid #eee; + margin-right: -1px; +} +.form-horizontal.form-bordered .has-feedback .form-control-feedback { + top: 15px; +} +label { + font-weight: 500; +} +.has-success .form-control, +.has-success .form-control:focus, +.has-warning .form-control, +.has-warning .form-control:focus, +.has-error .form-control, +.has-error .form-control:focus { + -webkit-box-shadow: none; + box-shadow: none; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success .form-control-feedback { + color: #00acac; +} +.has-success .form-control { + border-color: #00acac; +} +.has-success .form-control:focus { + border-color: #008a8a; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning .form-control-feedback { + color: #f59c1a; +} +.has-warning .form-control { + border-color: #f59c1a; +} +.has-warning .form-control:focus { + border-color: #c47d15; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error .form-control-feedback { + color: #ff5b57; +} +.has-error .form-control { + border-color: #ff5b57; +} +.has-error .form-control:focus { + border-color: #cc4946; +} +.form-control-feedback { + line-height: 34px; +} + +select.form-control { + border-color: #ccd0d4; +} +select[multiple].form-control { + border-color: #ccd0d4; +} +.input-group-addon { + background: #e2e7eb; + border: none; +} +legend { + padding-bottom: 3px; + border-bottom: 1px solid #e2e7eb; +} + + +/* 16.4 Component - Dropdown Menu */ + +.dropdown-menu { + border: none; + -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); + font-size: 12px; +} +.dropdown-menu > li > a { + padding: 5px 15px; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background: #edf0f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background: #348fe2; +} +.dropdown-menu .divider { + border-color: #eee; +} +.dropdown-menu.media-list { + max-width: 280px; + padding: 0; +} +.dropdown-menu.media-list p { + text-overflow: ellipsis; + overflow: hidden; +} +.dropdown-menu.media-list .dropdown-header { + padding: 10px 20px !important; + background: #fafafa; +} +.dropdown-menu.media-list > .media { + margin-top: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + margin-bottom: -1px; +} +.dropdown-menu.media-list > .media > a { + display: block; + padding: 10px 20px !important; +} +.dropdown-menu.media-list > .media .media-object { + height: 36px; + width: 36px; + line-height: 36px; + font-size: 14px; + color: #fff; + text-align: center; + margin-right: 10px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} +.dropdown-footer { + padding: 10px 20px; +} +.dropdown-menu > li.dropdown-footer > a { + padding: 0 !important; + display: inline !important; +} +.dropdown-menu > li.dropdown-footer > a:hover, +.dropdown-menu > li.dropdown-footer > a:focus { + background: none !important; + text-decoration: underline !important; +} + + +/* 16.5 Component - Tooltip */ + +.tooltip-inner { + padding: 4px 10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + + +/* 16.6 Component - Alert */ + +.alert { + border: none; +} +.alert.alert-success { + background: #7cdda7; +} +.alert.alert-info { + background: #93cfe5; +} +.alert.alert-danger { + background: #f8b2b2; +} +.alert.alert-warning { + background: #ffead0; +} + +/* 16.7 Component - Note Setting */ + +.note { + margin-bottom: 20px; + padding: 15px; + border-left: 3px solid; +} +.note.note-success { + border-color: #4a8564; + background: #b0ebca; + color: #3c763d; +} +.note.note-success h1, +.note.note-success h2, +.note.note-success h3, +.note.note-success h4, +.note.note-success h5, +.note.note-success h6 { + color: #3c763d; +} +.note.note-danger { + border-color: #986e6e; + background: #fbd1d1; + color: #a94442; +} +.note.note-danger h1, +.note.note-danger h2, +.note.note-danger h3, +.note.note-danger h4, +.note.note-danger h5, +.note.note-danger h6 { + color: #a94442; +} +.note.note-info { + border-color: #587c89; + background: #bee2ef; + color: #31708f; +} +.note.note-info h1, +.note.note-info h2, +.note.note-info h3, +.note.note-info h4, +.note.note-info h5, +.note.note-info h6 { + color: #31708f; +} +.note.note-warning { + border-color: #9d9080; + background: #fff2e3; + color: #8a6d3b; +} +.note.note-warning h1, +.note.note-warning h2, +.note.note-warning h3, +.note.note-warning h4, +.note.note-warning h5, +.note.note-warning h6 { + color: #8a6d3b; +} + + +/* 16.8 Component - Badge & Label Setting */ + +.badge { + font-size: 75%; + line-height: 1.25; + font-weight: 600; +} +.label { + font-size: 75%; + font-weight: 600; +} +.badge.badge-square { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.badge.badge-default, +.label.label-default { + background: #b6c2c9 ; +} +.badge.badge-danger, +.label.label-danger { + background: #ff5b57 ; +} +.badge.badge-warning, +.label.label-warning { + background: #f59c1a ; +} +.badge.badge-success, +.label.label-success { + background: #00acac ; +} +.badge.badge-info, +.label.label-info { + background: #49b6d6 ; +} +.badge.badge-primary, +.label.label-primary { + background: #348fe2 ; +} +.badge.badge-inverse, +.label.label-inverse { + background: #2d353c ; +} + + +/* 16.9 Component - Pagination & pager */ + +.pager li > a, +.pager li > span, +.pagination > li > a { + border-color: #e2e7eb; + color: #242a30; +} +.pager.pager-without-border li > a, +.pager.pager-without-border li > span, +.pagination.pagination-without-border > li > a { + border-color: #fff; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus, +.pager > .disabled > span, +.pager > .disabled > a { + opacity: 0.6; + filter: alpha(opacity=60); + border-color: #ddd; +} +.pagination > li > a { + color: #242a30; + margin-left: 5px; + -webkit-border-radius: 3px !important; + -moz-border-radius: 3px !important; + border-radius: 3px !important; +} +.pagination > li:first-child > a { + margin-left: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + font-size: 10px; + margin-left: 4px; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + font-size: 14px; + margin-left: 6px; +} +.pager li > a:hover, +.pager li > a:focus, +.pager li > span:hover, +.pager li > span:focus, +.pagination > li > a:hover, +.pagination > li > a:focus { + color: #242a30; + background: #e2e7eb; + border-color: #d8dde1; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + background: #242a30 !important; + border-color: #242a30 !important; +} + + +/* 16.10 Component - Nav Setting */ + +.nav > li > a { + color: #6e7179; +} +.nav > li > a:hover, +.nav > li > a:focus { + color: #333; + background: #fafafa; +} + + +/* 16.11 Component - Nav Tabs */ + +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + color: #242a30; +} +.nav-tabs.nav-tabs-inverse { + background: #242a30; +} +.nav-tabs.nav-justified > li > a { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.nav-tabs.nav-tabs-inverse > li.active > a, +.nav-tabs.nav-tabs-inverse > li.active > a:hover, +.nav-tabs.nav-tabs-inverse > li.active > a:focus { + background: #fff; +} +.nav-tabs.nav-tabs-inverse > li > a:hover, +.nav-tabs.nav-tabs-inverse > li > a:focus { + color: #fff; + background: none; +} +.nav-tabs > li > a { + margin-right: 5px; + line-height: 20px; +} + + +/* 16.12 Component - Nav Pills */ + +.nav-pills { + margin-bottom: 10px; +} +.nav-pills > li + li { + margin-left: 5px; +} +.nav-pills > li > a { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + background: #242a30; +} + +.nav-stacked > li + li { + margin-left: 0; + margin-top: 5px; +} + + +/* 16.13 Component - Tab Content */ + +.tab-content { + padding: 15px; + margin-bottom: 20px; + background: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.nav-tabs + .tab-content { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} + + +/* 16.14 Component - Accordion Panel */ + +.panel-title a { + display: block; +} +.panel-title > a:hover, +.panel-title > a:focus { + text-decoration: none; +} + + +/* 16.15 Component - Panel */ + +.panel { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.panel.panel-no-rounded-corner .panel-heading, +.panel.panel-no-rounded-corner .panel-body, +.panel.panel-no-rounded-corner .panel-footer { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.panel-heading { + padding: 10px 15px; + border: none; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.panel-heading + .table, +.panel-heading + .slimScrollDiv { + border-top: 1px solid #ddd; +} +.panel-heading-btn { + float: right; +} +.panel-heading-btn > a { + margin-left: 8px; +} +.panel-heading .btn-group .btn { + margin-top: -7px; +} +.panel-heading .btn-group .btn.btn-sm { + margin-top: -5px; +} +.panel-heading .btn-group .btn.btn-xs { + margin-top: -1px; +} +.panel-heading .label.pull-left, +.panel-heading .label.pull-right { + line-height: 15px; +} +.panel-heading .progress.pull-right, +.panel-heading .progress.pull-left { + width: 40%; + min-width: 120px; +} +.panel-heading + .alert { + margin-bottom: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.panel-with-tabs .panel-heading { + background: #c1ccd1 !important; + color: #333 !important; +} +.panel-heading .nav-tabs { + margin-top: -10px; + margin-right: -15px; +} +.panel-heading .nav-tabs > li > a { + padding: 10px 15px; + line-height: 20px; +} +.panel-title { + line-height: 20px; + font-size: 12px; +} +.panel-title .accordion-toggle { + margin: -10px -15px; + padding: 10px 15px; +} +.panel-title .accordion-toggle.accordion-toggle-styled .fa:before { + content: '\f056'; +} +.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before { + content: '\f055'; +} +.panel-title .pull-right { + line-height: 20px; +} +.panel-toolbar { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + padding: 10px 15px; + background: #fff; +} +.panel-toolbar + .form-control { + margin: -1px 0 0; + border-right: none; + border-left: none; +} +.panel-group .panel { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.form-control + .panel-footer { + border-top: none; +} +.panel-body { + padding: 15px; +} +.panel-body.no-border { + border: none !important; +} +.panel-body.panel-table, +.panel-body.panel-form, +.panel-body.no-padding, +.panel-body.panel-full-width { + padding: 0 !important; +} +.panel-body.with-table > .table { + border: 0; + margin: 0; +} +.panel-body.with-table > .table tr:last-child th, +.panel-body.with-table > .table tr:last-child td{ + border-bottom: 0; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #ddd; +} +.panel-footer { + background: #fff; + border-top: 1px solid #ddd; +} +.panel .tab-content { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.panel-default > .panel-heading { + background: #fafafa; +} +.panel-inverse > .panel-heading, +.panel-success > .panel-heading, +.panel-warning > .panel-heading, +.panel-danger > .panel-heading, +.panel-primary > .panel-heading, +.panel-info > .panel-heading { + color: #fff; +} +.panel-inverse { border-color: #242a30; } +.panel-inverse > .panel-heading { background: #242a30; } +.panel-success { border-color: #008a8a; } +.panel-success > .panel-heading { background: #008a8a; } +.panel-warning { border-color: #c47d15; } +.panel-warning > .panel-heading { background: #c47d15; } +.panel-danger { border-color: #cc4946; } +.panel-danger > .panel-heading { background: #cc4946; } +.panel-primary { border-color: #2a72b5; } +.panel-primary > .panel-heading { background: #2a72b5; } +.panel-info { border-color: #3a92ab; } +.panel-info > .panel-heading { background: #3a92ab; } +.panel-inverse .panel-heading a:hover, +.panel-inverse .panel-heading a:focus, +.panel-success .panel-heading a:hover, +.panel-success .panel-heading a:focus, +.panel-warning .panel-heading a:hover, +.panel-warning .panel-heading a:focus, +.panel-danger .panel-heading a:hover, +.panel-danger .panel-heading a:focus, +.panel-primary .panel-heading a:hover, +.panel-primary .panel-heading a:focus, +.panel-info .panel-heading a:hover, +.panel-info .panel-heading a:focus { + color: #fff; +} + + +/* 16.16.Component - Panel - Panel Expand */ + +.panel.panel-expand { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + overflow: hidden; + z-index: 1080; +} +.panel-expand .height-xs, +.panel-expand .height-sm, +.panel-expand .height-md, +.panel-expand .height-lg, +.panel-expand .height-full { + height: 100% !important; +} +@keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +@-webkit-keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +.panel.panel-expand > .panel-heading .fa.fa-expand:before { + content: '\f066'; +} +.panel.panel-expand, +.panel.panel-expand > .panel-heading, +.panel.panel-expand > .panel-body { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.panel.panel-expand > .panel-body { + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 40px; + overflow-y: scroll; + z-index: 1020; +} +.panel.panel-expand > .panel-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} + + +/* 16.17 Component - Panel - Panel loading */ + +.panel.panel-loading .panel-body { + position: relative; + z-index: 0; +} +.panel.panel-loading.panel-expand .panel-body { + position: absolute; +} +.panel.panel-loading .panel-body .panel-loader { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + opacity: 0.9; + filter: alpha(opacity=90); + animation: fadeIn .2s; + -webkit-animation: fadeIn .2s; + z-index: 1020; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + + +/* 16.18 Component - Modal Setting */ + +.modal-content { + border: none; + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.modal-header { + padding: 12px 15px; + border-bottom-color: #e2e7eb; +} +.modal-header .close { + margin-top: 2px; +} +.modal-body { + padding: 15px; +} +.modal-footer { + border-top-color: #e2e7eb; + padding: 14px 15px 15px; +} + +.modal-message .modal-dialog { + width: 100%; +} +.modal-message .modal-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.modal-message .modal-header, +.modal-message .modal-body, +.modal-message .modal-footer { + width: 60%; + border: none; + margin: 0 auto; +} + + +/* 16.19 Component - Media Object */ + +.media .media-object { + width: 128px; +} +.media.media-lg .media-object { + width: 256px; +} +.media.media-sm .media-object { + width: 64px; +} +.media.media-xs .media-object { + width: 32px; +} +.media > .pull-left { + margin-right: 15px; +} +.media > .pull-right { + margin-left: 15px; +} +.media a:hover, +.media a:focus, +.media a:hover .media-heading, +.media a:focus .media-heading, +.media a.media-heading:hover, +.media a.media-heading:focus { + color: #242a30; + text-decoration: none; +} +.media-list.media-list-with-divider > li + li { + border-top: 1px solid #eee; + padding-top: 20px; +} + + +/* 16.20 Component - Table */ + +.table { + border-color: #e2e7eb; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.table > thead > tr > th { + color: #242a30; + font-weight: 600; + border-bottom: 2px solid #e2e7eb !important; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + border-color: #e2e7eb; + padding: 10px 15px; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 7px 15px; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background: #e8ecf1 !important; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background: #f0f3f5; +} +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th, +.table.table-inverse > thead > tr > td, +.table.table-inverse > tbody > tr > td, +.table.table-inverse > tfoot > tr > td { + border-color: #999 !important; + border-color: rgba(0,0,0,0.2) !important; +} +.table.table-inverse, +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th { + color: #fff; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background: #dbf0f7; + border-color: #b6e2ef; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background: #cceeee; + border-color: #99dede; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background: #ffdedd; + border-color: #ffbdbc; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background: #fdebd1; + border-color: #fbd7a3; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background: #f0f3f5; + border-color: #e2e7e9; +} + + +/* 16.21 Component - Well */ + +.well { + padding: 15px; + background: #fff; + box-shadow: none; + -webkit-box-shadow: none; +} +.well-sm { + padding: 10px; +} +.well-lg { + padding: 30px; +} + + +/* 16.22 Component - Jumbotron */ + +.jumbotron { + background: #f0f3f4; +} +.jumbotron h1, +.jumbotron .h1 { + font-size: 56px; +} +.jumbotron p { + font-size: 18px; +} + + +/* 16.23 Component - List Group */ + +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + background: #348fe2; +} + + +/* 16.24 Component - Carousel */ + +.carousel .carousel-caption h1, +.carousel .carousel-caption h2, +.carousel .carousel-caption h3, +.carousel .carousel-caption h4, +.carousel .carousel-caption h5, +.carousel .carousel-caption h6 { + color: #fff; +} +.carousel .carousel-control .fa { + position: absolute; + top: 50%; + z-index: 5; + display: block; + width: 30px; + height: 30px; + margin-top: -15px; + text-align: center; + line-height: 30px; + margin-left: -15px; +} +.carousel .carousel-control.left .fa { + left: 50%; +} +.carousel .carousel-control.right .fa { + right: 50%; + margin-left: 0; + margin-right: -15px; +} + + +/* 16.25 Component - Theme Panel */ + +.theme-panel .theme-collapse-btn { + position: absolute; + left: -40px; + top: 50%; + margin-top: -20px; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; + color: #000; + background: #fff; + background: rgba(255,255,255,0.9); + border-radius: 4px 0 0 4px; + text-align: center; + box-shadow: 0 0 2px rgba(0,0,0,.4); + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.4); + text-decoration: none; +} +.theme-panel { + position: fixed; + right: -180px; + top: 200px; + z-index: 1020; + box-shadow: 0 0 2px rgba(0,0,0,.4); + -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4); + -moz-box-shadow: 0 0 2px rgba(0,0,0,.4); + width: 180px; + -webkit-transition: right .2s linear; + -moz-transition: right .2s linear; + transition: right .2s linear; +} +.theme-panel .theme-panel-content { + padding: 5px; + background: #fff; + position: relative; + z-index: 1020; +} +.theme-panel .theme-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.theme-panel .theme-list > li { + float: left; +} +.theme-panel .theme-list > li + li { + margin-left: 5px; +} +.theme-panel .theme-list > li > a { + width: 30px; + height: 30px; + border-radius: 3px; + display: block; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; + position: relative; + text-decoration: none; +} +.theme-panel .theme-list > li.active > a:before { + content: '\f00c'; + font-family: FontAwesome; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + font-size: 14px; + color: #fff; + opacity: .4; + filter: alpha(opacity=40); + text-align: center; + line-height: 30px; + text-align: center; +} +.theme-panel.active { + right: 0; +} diff --git a/public/assets/css/one-page-parallax/style.min.css b/public/assets/css/one-page-parallax/style.min.css new file mode 100755 index 0000000..3be3a1c --- /dev/null +++ b/public/assets/css/one-page-parallax/style.min.css @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/body{background:#fff;font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;color:#707478;font-size:13px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ie8 body{font-family:Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:500;color:#242a30;margin-top:0;margin-bottom:15px;line-height:1.25}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;font-weight:300;color:#7c7f83}a{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}a:focus{outline:none}label{color:#242a30}p{line-height:20px}.row{margin:0 -15px}.row > [class*="col-"]{padding-left:15px;padding-right:15px}.contentAnimated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.finishAnimated{-webkit-animation:none!important;animation:none!important}body.page-navbar-fixed-top{padding-top:70px}body.page-navbar-fixed-top-sm{padding-top:51px}.header.navbar{border-bottom:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.header.navbar .navbar-nav > li > a{font-size:12px;line-height:20px;color:#2d353c;font-weight:600;padding:25px 15px}.header.navbar .navbar-nav > li.active > a,.header.navbar .navbar-nav > li > a:hover,.header.navbar .navbar-nav > li > a:focus{background:none}.header .navbar-brand{padding:25px 15px;height:auto}.header .navbar-brand img{display:block;margin:-10px 0;max-height:40px}.brand-logo{float:left;border:15px solid;border-color:#4DCACA #31A3A3 #1D8888;margin-right:10px;margin-top:-5px;margin-bottom:-5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.brand-logo + .brand-text{margin-left:42px;display:block;color:#2d353c;font-size:20px;line-height:20px;display:block}.navbar-toggle{margin-top:18px;margin-bottom:18px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.header.navbar.navbar-default{background:#fff}.header.navbar.navbar-transparent{border-bottom:1px solid rgba(255,255,255,0.2)}.header.navbar.navbar-transparent .navbar-nav > li > a,.header.navbar.navbar-inverse .navbar-nav > li > a{color:#8F8E8E}.header.navbar.navbar-transparent .brand-text,.header.navbar.navbar-inverse .brand-text{color:#fff}.navbar-transparent .navbar-toggle,.navbar-inverse .navbar-toggle{border-color:#8F8E8E}.navbar-transparent .navbar-toggle .icon-bar,.navbar-inverse .navbar-toggle .icon-bar{background:#8f8e8e}.header.navbar.navbar-small{border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.header.navbar.navbar-small .navbar-brand,.header.navbar.navbar-small .navbar-nav > li > a{padding:15px}.header.navbar.navbar-transparent.navbar-small{background:#fff}.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a,.header.navbar.navbar-transparent.navbar-small .brand-logo + .brand-text{color:#2d353c}.navbar-small .navbar-toggle{border-color:#ddd;margin-top:8px;margin-bottom:8px}.navbar-small .navbar-toggle .icon-bar{background:#888}.navbar-nav > li.dropdown:hover > .dropdown-menu,.navbar-nav > li.dropdown:focus > .dropdown-menu{display:block}.navbar-nav .dropdown-menu{background:#333;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:12px;padding:0;margin-top:0;border:none}.navbar-nav .dropdown-menu > li > a{color:#999;padding:10px 15px}.navbar-nav .dropdown-menu > li.active > a,.navbar-nav .dropdown-menu > li > a:hover,.navbar-nav .dropdown-menu > li > a:focus{background:#222;color:#00acac}.navbar-nav .dropdown-menu > li + li{border-top:1px solid #444}.content{padding:60px 15px 75px}.content .content-title{text-align:center;position:relative;margin-bottom:30px;padding-bottom:15px;margin-top:0}.content .content-title:after{content:'';display:block;position:absolute;width:40px;background:#242a30;height:2px;bottom:0;left:50%;margin-left:-20px}.content .content-desc{text-align:center;margin-bottom:60px;color:#242a30}.content.has-bg{padding-bottom:60px;overflow:hidden;position:relative}.content.has-bg .content-bg{position:absolute;top:0;left:0;bottom:0;right:0}.content.has-bg .content-bg img{max-width:100%}.content.has-bg .content-title:after{background:#fff}.content.has-bg .content-bg:before{content:'';background:url(images/bg-content-cover.png);position:absolute;left:0;right:0;top:0;bottom:0}.content.has-bg .container{position:relative}.content.has-bg .container .content-title{color:#fff}.content.has-bg .container .content-desc{color:rgba(255,255,255,0.6)}.content.has-bg h1,.content.has-bg h2,.content.has-bg h3,.content.has-bg h4,.content.has-bg h5,.content.has-bg h6{color:#fff}.home{padding:0!important;color:#fff}.home-content{z-index:1020;position:absolute;top:50%;left:0;right:0;color:#8F8E8E;margin-top:-120px;padding:0 15px;text-align:center}.home-content h1,.home-content h2,.home-content h3,.home-content h4{color:#fff;margin:0 0 30px;font-weight:300}.home-content h1{font-size:64px;font-weight:600}.home-content h3{font-size:32px}.home-content p{margin-bottom:60px}.home-content a:hover,.home-content a:focus{color:#fff}.home-content .btn + .btn{margin-left:15px}.about-author{position:relative}.about-author .quote{position:relative;padding:30px 60px;border-radius:12px;margin-bottom:15px}.about-author .quote:before{content:'';position:absolute;bottom:-20px;left:95px;border:10px solid transparent;border-top-color:#f0f3f4;border-left-color:#f0f3f4}.about-author .quote h3{margin:0;font-weight:300;color:#707478;font-style:italic;line-height:30px}.about-author .fa.fa-quote-left,.about-author .fa.fa-quote-right{font-size:28px;position:absolute;left:30px;top:50%;margin-top:-14px;line-height:28px;top:30px;color:#D5D9DA}.about-author .fa.fa-quote-right{left:auto;right:30px;bottom:30px;margin-top:0;margin-bottom:-14px;top:auto}.about-author .author{position:relative;text-align:right;padding-left:100px;margin-bottom:15px}.about-author .author .image{position:absolute;left:-10px;top:-40px;background:#fff;border:5px solid #fff;border-radius:50%;width:100px;overflow:hidden}.about-author .author .image img{max-width:100%}.about-author .author .info{color:#242a30;font-weight:600;font-size:14px}.about-author .author .info small{display:block;color:#999;font-size:12px;font-weight:400}.about-author .author .info a{font-weight:400;font-size:12px;display:block}.skills .skills-name{font-size:12px;color:#242a30;margin-bottom:5px;font-weight:600}.milestone{text-align:center}.milestone-col + .milestone-col{border-left:1px solid rgba(255,255,255,0.2)}.milestone .number{font-size:42px;color:#fff;font-weight:300}.milestone .title{color:#8F8E8E}.team{text-align:center;padding:0 30px}.team .image{display:inline-block;border-radius:300px;overflow:hidden}.team .info{margin-top:15px}.team .image img{border-radius:300px}.team .name{margin-bottom:5px}.team .title{font-size:12px;margin-bottom:15px;font-weight:600}.team p{margin-bottom:15px}.team .social a{border-radius:300px;border:1px solid #ccc;padding:5px;width:40px;height:40px;line-height:28px;text-align:center;display:inline-block;color:#ccc;text-decoration:none}.team .social a + a{margin-left:5px}.quote{text-align:center;font-size:28px;font-weight:300;color:#fff}.quote .fa-quote-left,.quote .fa-quote-right{color:#fff;font-size:20px;position:relative;top:-14px}.quote small{display:block;font-size:14px;color:rgba(255,255,255,0.75);margin-top:20px}.service{margin-bottom:30px}.service .icon{float:left;width:50px;height:50px;background:#242a30;color:#fff;text-align:center;line-height:50px;font-size:18px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}.service .title{margin-bottom:5px}.service .icon + .info{margin-left:70px}.service.service-vertical{text-align:center}.service.service-vertical .icon{float:none;margin:0 auto 15px}.service.service-vertical .info{margin:0}.work{position:relative;overflow:hidden;margin-bottom:10px}.work .image img{max-width:100%}.work:hover .desc,.work:focus .desc{margin-top:-62px}.work .desc{padding:12px 15px;position:absolute;right:0;left:0;top:100%;background:rgba(0,0,0,0.7);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.work .desc .desc-title{color:#fff;font-size:14px;display:block;font-weight:600}.work .desc .desc-text{font-size:12px;color:#ccc;display:block}.action-box h3{margin-bottom:5px;margin-top:3px}.action-box p{margin-bottom:0}.action-box .icon-large{font-size:48px;float:left;margin-right:20px;line-height:50px;width:50px;text-align:center}.action-box .btn{margin-top:-3px}.testimonials{padding-bottom:50px}.testimonials .item{padding-top:15px}.testimonials .carousel-indicators{bottom:0}.testimonials blockquote{border:none;text-align:center;color:#fff;position:relative;font-weight:300;margin-bottom:15px}.testimonials blockquote .fa-quote-left,.testimonials blockquote .fa-quote-right{font-size:28px;position:absolute;margin-left:15px;margin-top:15px;color:#8F8E8E}.testimonials blockquote .fa-quote-left{margin-left:-43px;margin-top:-15px}.testimonials .name{color:#fff;font-size:14px;margin-bottom:15px}.testimonials .name span{margin-left:5px}.testimonials .carousel-indicators li{background:rgba(255,255,255,0.4);border:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.testimonials .carousel-indicators li:hover,.testimonials .carousel-indicators li:focus{background:rgba(255,255,255,0.7)}.testimonials .carousel-indicators li.active{background:#fff}.carousel-indicators li,.carousel-indicators li.active{width:12px;height:12px;margin:1px 3px}.pricing-table{list-style-type:none;margin:0 -10px;padding:0;text-align:center}.pricing-table > li{float:left;padding:10px}.pricing-table.col-4 > li{width:25%}.pricing-table.col-3 > li{width:33.33333%}.pricing-table .pricing-container{overflow:hidden;border-radius:6px;background:#f0f3f4;box-shadow:0 3px #b6c2c9}.pricing-table h3{background:#242a30;margin:0;color:#fff;font-size:14px;padding:15px 30px;font-weight:700}.pricing-table .features{list-style-type:none;margin:0;padding:0 30px}.pricing-table .features > li{padding:10px 0}.pricing-table .features > li + li{border-top:1px solid #e2e7eb}.pricing-table .price{width:100%;display:table;background:#2d353c}.pricing-table .price .price-figure{vertical-align:middle;display:table-cell;text-align:center;height:80px}.pricing-table .price .price-number{font-size:28px;color:#00a3a3;display:block}.pricing-table .price .price-tenure{font-size:12px;color:#fff;color:rgba(255,255,255,0.7);display:block;text-align:center}.pricing-table .footer{padding:15px 20px}.pricing-table .highlight{padding:0;margin-top:-30px}.pricing-table .highlight .features > li{padding:15px 0}.pricing-table .highlight h3{padding:20px 30px}.pricing-table .highlight .price .price-figure{height:90px}.pricing-table .highlight .price .price-number{color:#fff}.footer{padding:60px 0;background:#242a30;text-align:center;box-shadow:inset 0 100px 80px -80px rgba(0,0,0,0.7);-webkit-box-shadow:inset 0 100px 80px -80px rgba(0,0,0,0.7)}.footer .footer-brand-logo{display:block;margin:0 auto 10px;width:40px;border:20px solid;border-color:#4DCACA #31A3A3 #1D8888;border-radius:4px}.footer .footer-brand{font-size:24px;color:#fff;font-weight:300;margin-bottom:30px}.footer .social-list{margin:30px 0 0;font-size:20px}.pace-inactive{opacity:0;filter:alpha(opacity=0)}.pace{background:#2d353c;position:fixed;top:0;left:0;right:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;z-index:1020}.pace-progress{position:fixed;top:0;left:0;right:0;text-align:center;height:3px;background:#00acac;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s;z-index:2000}.pace:before{content:'';background:#242a30;position:fixed;top:0;right:0;left:0;height:3px}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:14px;border:solid 2px transparent;border-top-color:#00acac;border-left-color:#00acac;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}.row{margin:0 -10px}.row > [class*="col-"]{padding:0 10px}.row.row-space-0{margin:0}.row.row-space-2{margin:0 -1px}.row.row-space-4{margin:0 -2px}.row.row-space-6{margin:0 -3px}.row.row-space-8{margin:0 -4px}.row.row-space-10{margin:0 -5px}.row.row-space-12{margin:0 -6px}.row.row-space-14{margin:0 -7px}.row.row-space-16{margin:0 -8px}.row.row-space-18{margin:0 -9px;margin:0 -10px}.row.row-space-22{margin:0 -11px}.row.row-space-24{margin:0 -12px}.row.row-space-26{margin:0 -13px}.row.row-space-28{margin:0 -14px}.row.row-space-30{margin:0 -15px}.row.row-space-0 > [class*="col-"]{padding:0}.row.row-space-2 > [class*="col-"]{padding:0 1px}.row.row-space-4 > [class*="col-"]{padding:0 2px}.row.row-space-6 > [class*="col-"]{padding:0 3px}.row.row-space-8 > [class*="col-"]{padding:0 4px}.row.row-space-10 > [class*="col-"]{padding:0 5px}.row.row-space-12 > [class*="col-"]{padding:0 6px}.row.row-space-14 > [class*="col-"]{padding:0 7px}.row.row-space-16 > [class*="col-"]{padding:0 8px}.row.row-space-18 > [class*="col-"]{padding:0 9px}.row.row-space-20 > [class*="col-"]{padding:0 10px}.row.row-space-22 > [class*="col-"]{padding:0 11px}.row.row-space-24 > [class*="col-"]{padding:0 12px}.row.row-space-26 > [class*="col-"]{padding:0 13px}.row.row-space-28 > [class*="col-"]{padding:0 14px}.row.row-space-30 > [class*="col-"]{padding:0 15px}.semi-bold{font-weight:600}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.m-auto{margin:0 auto!important}.m-0{margin:0!important}.m-1{margin:1px!important}.m-2{margin:2px!important}.m-3{margin:3px!important}.m-4{margin:4px!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-25{margin:25px!important}.m-30{margin:30px!important}.m-35{margin:35px!important}.m-40{margin:40px!important}.m-t-0{margin-top:0!important}.m-t-1{margin-top:1px!important}.m-t-2{margin-top:2px!important}.m-t-3{margin-top:3px!important}.m-t-4{margin-top:4px!important}.m-t-5{margin-top:5px!important}.m-t-10{margin-top:10px!important}.m-t-15{margin-top:15px!important}.m-t-20{margin-top:20px!important}.m-t-25{margin-top:25px!important}.m-t-30{margin-top:30px!important}.m-t-35{margin-top:35px!important}.m-t-40{margin-top:40px!important}.m-r-0{margin-right:0!important}.m-r-1{margin-right:1px!important}.m-r-2{margin-right:2px!important}.m-r-3{margin-right:3px!important}.m-r-4{margin-right:4px!important}.m-r-5{margin-right:5px!important}.m-r-10{margin-right:10px!important}.m-r-15{margin-right:15px!important}.m-r-20{margin-right:20px!important}.m-r-25{margin-right:25px!important}.m-r-30{margin-right:30px!important}.m-r-35{margin-right:35px!important}.m-r-40{margin-right:40px!important}.m-b-0{margin-bottom:0!important}.m-b-1{margin-bottom:1px!important}.m-b-2{margin-bottom:2px!important}.m-b-3{margin-bottom:3px!important}.m-b-4{margin-bottom:4px!important}.m-b-5{margin-bottom:5px!important}.m-b-10{margin-bottom:10px!important}.m-b-15{margin-bottom:15px!important}.m-b-20{margin-bottom:20px!important}.m-b-25{margin-bottom:25px!important}.m-b-30{margin-bottom:30px!important}.m-b-35{margin-bottom:35px!important}.m-b-40{margin-bottom:40px!important}.m-l-0{margin-left:0!important}.m-l-1{margin-left:1px!important}.m-l-2{margin-left:2px!important}.m-l-3{margin-left:3px!important}.m-l-4{margin-left:4px!important}.m-l-5{margin-left:5px!important}.m-l-10{margin-left:10px!important}.m-l-15{margin-left:15px!important}.m-l-20{margin-left:20px!important}.m-l-25{margin-left:25px!important}.m-l-30{margin-left:30px!important}.m-l-35{margin-left:35px!important}.m-l-40{margin-left:40px!important}.p-0{padding:0!important}.p-1{padding:1px!important}.p-2{padding:2px!important}.p-3{padding:3px!important}.p-4{padding:4px!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15,.wrapper{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-t-0{padding-top:0!important}.p-t-1{padding-top:1px!important}.p-t-2{padding-top:2px!important}.p-t-3{padding-top:3px!important}.p-t-4{padding-top:4px!important}.p-t-5{padding-top:5px!important}.p-t-10{padding-top:10px!important}.p-t-15{padding-top:15px!important}.p-t-20{padding-top:20px!important}.p-t-25{padding-top:25px!important}.p-t-30{padding-top:30px!important}.p-t-35{padding-top:35px!important}.p-t-40{padding-top:40px!important}.p-r-0{padding-right:0!important}.p-r-1{padding-right:1px!important}.p-r-2{padding-right:2px!important}.p-r-3{padding-right:3px!important}.p-r-4{padding-right:4px!important}.p-r-5{padding-right:5px!important}.p-r-10{padding-right:10px!important}.p-r-15{padding-right:15px!important}.p-r-20{padding-right:20px!important}.p-r-25{padding-right:25px!important}.p-r-30{padding-right:30px!important}.p-r-35{padding-right:35px!important}.p-r-40{padding-right:40px!important}.p-b-0{padding-bottom:0!important}.p-b-1{padding-bottom:1px!important}.p-b-2{padding-bottom:2px!important}.p-b-3{padding-bottom:3px!important}.p-b-4{padding-bottom:4px!important}.p-b-5{padding-bottom:5px!important}.p-b-10{padding-bottom:10px!important}.p-b-15{padding-bottom:15px!important}.p-b-20{padding-bottom:20px!important}.p-b-25{padding-bottom:25px!important}.p-b-30{padding-bottom:30px!important}.p-b-35{padding-bottom:35px!important}.p-b-40{padding-bottom:40px!important}.p-l-0{padding-left:0!important}.p-l-1{padding-left:1px!important}.p-l-2{padding-left:2px!important}.p-l-3{padding-left:3px!important}.p-l-4{padding-left:4px!important}.p-l-5{padding-left:5px!important}.p-l-10{padding-left:10px!important}.p-l-15{padding-left:15px!important}.p-l-20{padding-left:20px!important}.p-l-25{padding-left:25px!important}.p-l-30{padding-left:30px!important}.p-l-35{padding-left:35px!important}.p-l-40{padding-left:40px!important}.f-s-8{font-size:8px!important}.f-s-9{font-size:9px!important}.f-s-10{font-size:10px!important}.f-s-11{font-size:11px!important}.f-s-12{font-size:12px!important}.f-s-13{font-size:13px!important}.f-s-14{font-size:14px!important}.f-s-15{font-size:15px!important}.f-s-16{font-size:16px!important}.f-s-17{font-size:17px!important}.f-s-18{font-size:18px!important}.f-s-19{font-size:19px!important}.f-s-20{font-size:20px!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.pull-left{float:left!important}.pull-right{float:right!important}.pull-none{float:none!important}.f-w-100{font-weight:100!important}.f-w-200{font-weight:200!important}.f-w-300{font-weight:300!important}.f-w-400{font-weight:400!important}.f-w-500{font-weight:500!important}.f-w-600{font-weight:600!important}.f-w-700{font-weight:700!important}.table-valign-middle th,.table-valign-middle td{vertical-align:middle!important}.table-th-valign-middle th,.table-td-valign-middle td{vertical-align:middle!important}.table-valign-top th,.table-valign-top td{vertical-align:top!important}.table-th-valign-top th,.table-td-valign-top td{vertical-align:top!important}.table-valign-bottom th,.table-valign-bottom td{vertical-align:bottom!important}.table-th-valign-bottom th,.table-td-valign-bottom td{vertical-align:bottom!important}.vertical-box{display:table;table-layout:fixed;border-spacing:0;height:100%;width:100%}.vertical-box-column{display:table-cell;vertical-align:top;height:100%}.vertical-box-row{display:table-row;height:100%}.vertical-box-row > .vertical-box-cell{position:relative;height:100%;width:100%;float:none}.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.no-rounded-corner{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.rounded-corner{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}.no-border{border:0!important}.border-top-1{border-top:1px solid #eee!important}.border-right-1{border-right:1px solid #eee!important}.border-bottom-1{border-bottom:1px solid #eee!important}.border-left-1{border-left:1px solid #eee!important}.no-box-shadow{-webkit-box-shadow:none!important;box-shadow:none!important}.text-inverse{color:#2d353c!important}a.text-inverse:hover,a.text-inverse:focus{color:#575d63!important}.text-success{color:#00acac!important}a.text-success:hover,a.text-success:focus{color:#33bdbd!important}.text-info{color:#49b6d6!important}a.text-info:hover,a.text-info:focus{color:#6dc5de!important}.text-blue{color:#348fe2!important}a.text-blue:hover,a.text-blue:focus{color:#5da5e8!important}.text-warning{color:#f59c1a!important}a.text-warning:hover,a.text-warning:focus{color:#f7b048!important}.text-danger{color:#ff5b57!important}a.text-danger:hover,a.text-danger:focus{color:#ff7c79!important}.text-white{color:#fff!important}a.text-white:hover,a.text-white:focus{color:#f0f3f4!important}.bg-white{background:#fff!important}.bg-silver-lighter{background:#f4f6f7!important}.bg-silver{background:#f0f3f4!important}.bg-silver-darker{background:#b4b6b7!important}.bg-black{background:#2d353c!important}.bg-black-darker{background:#242a30!important}.bg-black-lighter{background:#575d63!important}.bg-grey{background:#b6c2c9!important}.bg-grey-darker{background:#929ba1!important}.bg-grey-lighter{background:#c5ced4!important}.bg-red{background:#ff5b57!important}.bg-red-darker{background:#cc4946!important}.bg-red-lighter{background:#ff7c79!important}.bg-orange{background:#f59c1a!important}.bg-orange-darker{background:#c47d15!important}.bg-orange-lighter{background:#f7b048!important}.bg-yellow{background:#e3fa3e!important}.bg-yellow-darker{background:#b6c832!important}.bg-yellow-lighter{background:#e9fb65!important}.bg-green{background:#00acac!important}.bg-green-darker{background:#008a8a!important}.bg-green-lighter{background:#33bdbd!important}.bg-blue{background:#348fe2!important}.bg-blue-darker{background:#2a72b5!important}.bg-blue-lighter{background:#5da5e8!important}.bg-aqua{background:#49b6d6!important}.bg-aqua-darker{background:#3a92ab!important}.bg-aqua-lighter{background:#6dc5de!important}.bg-purple{background:#727cb6!important}.bg-purple-darker{background:#5b6392!important}.bg-purple-lighter{background:#8e96c5!important}.no-bg{background:none!important}.height-xs{height:150px!important}.height-sm{height:300px!important}.height-md{height:450px!important}.height-lg{height:600px!important}.height-full{height:100%!important}.height-50{height:50px!important}.height-100{height:100px!important}.height-150{height:150px!important}.height-200{height:200px!important}.height-250{height:250px!important}.height-300{height:300px!important}.height-350{height:350px!important}.height-400{height:400px!important}.height-450{height:450px!important}.height-500{height:500px!important}.height-550{height:550px!important}.height-600{height:600px!important}.width-xs{width:150px!important}.width-sm{width:300px!important}.width-md{width:450px!important}.width-lg{width:600px!important}.width-full{width:100%!important}.width-50{width:50px!important}.width-100{width:100px!important}.width-150{width:150px!important}.width-200{width:200px!important}.width-250{width:250px!important}.width-300{width:300px!important}.width-350{width:350px!important}.width-400{width:400px!important}.width-450{width:450px!important}.width-500{width:500px!important}.width-550{width:550px!important}.width-600{width:600px!important}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fade{opacity:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.text-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.btn{padding:15px 30px;font-size:14px;font-weight:600;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn.btn-outline{color:#fff;border-width:2px;border-color:#8F8E8E;background:none}.btn.btn-outline:hover,.btn.btn-outline:focus{border-color:#fff}.btn:focus,.btn:active:focus,.btn.active:focus{outline:none}.btn-icon,.btn.btn-icon{display:inline-block;width:28px;height:28px;padding:0;border:none;line-height:28px;text-align:center;font-size:14px}.btn-circle,.btn.btn-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.btn-icon.btn-xs{width:16px;height:16px;font-size:8px;line-height:16px}.btn-icon.btn-sm{width:22px;height:22px;font-size:11px;line-height:22px}.btn-icon.btn-lg{width:34px;height:34px;font-size:17px;line-height:34px}.btn-scroll-to-top{position:fixed;bottom:20px;right:25px;z-index:1020}.page-with-right-sidebar .btn-scroll-to-top{left:25px;right:auto}.btn > .pull-left,.btn > .pull-right{line-height:1.428571429}.btn-block{padding-left:12px;padding-right:12px}.btn:active,.btn.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);box-shadow:inset 0 3px 5px rgba(0,0,0,0.1)}.btn.btn-default{color:#fff;background:#b6c2c9;border-color:#b6c2c9}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background:#929ba1;border-color:#929ba1}.btn-group .btn.btn-default:not(.active) + .btn.btn-default,.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default{border-left-color:#929ba1}.btn.btn-white{font-weight:400;color:#333;background:#fff;border-color:#e2e7eb}.btn.btn-white.btn-white-without-border{border-color:#fff}.btn.btn-white.btn-white-without-border.active,.btn.btn-white.btn-white-without-border.active:hover,.btn.btn-white.btn-white-without-border.active:focus{border-color:#ddd}.btn.btn-white.btn-white-without-border:hover,.btn.btn-white.btn-white-without-border:focus{border-color:#eee}.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white{background:#e2e7eb;border-color:#d8dde1}.btn-group .btn.btn-white:not(.active) + .btn.btn-white,.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white{border-left-color:#eee}.btn.btn-inverse{color:#fff;background:#2d353c;border-color:#2d353c}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.open .dropdown-toggle.btn-inverse{background:#242a30;border-color:#242a30}.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse{border-left-color:#242a30}.btn.btn-primary{color:#fff;background:#348fe2;border-color:#348fe2}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background:#2a72b5;border-color:#2a72b5}.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary,.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary{border-left-color:#2a72b5}.btn.btn-success{color:#fff;background:#00acac;border-color:#00acac}.btn.btn-success:hover,.btn.btn-success:focus,.btn.btn-success:active,.btn.btn-success.active,.open .dropdown-toggle.btn-success{background:#008a8a;border-color:#008a8a}.btn-group .btn.btn-success:not(.active) + .btn.btn-success,.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success{border-left-color:#008a8a}.btn.btn-warning{color:#fff;background:#f59c1a;border-color:#f59c1a}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background:#c47d15;border-color:#c47d15}.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning,.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning{border-left-color:#c47d15}.btn.btn-danger{color:#fff;background:#ff5b57;border-color:#ff5b57}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background:#cc4946;border-color:#cc4946}.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger,.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger{border-left-color:#cc4946}.btn.btn-info{color:#fff;background:#49b6d6;border-color:#49b6d6}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background:#3a92ab;border-color:#3a92ab}.btn-group .btn.btn-info:not(.active) + .btn.btn-info,.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info{border-left-color:#3a92ab}.progress{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;height:15px;overflow:visible;background:#e2e7eb;-webkit-box-shadow:none;box-shadow:none}.progress .progress-bar{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;position:relative}.progress .progress-bar .progress-number{position:absolute;right:0;bottom:100%;background:#333;padding:2px 6px 1px;border-radius:4px;margin-bottom:5px;display:block;line-height:16px}.progress .progress-bar .progress-number:before{content:'';position:absolute;left:50%;margin-left:-5px;bottom:-10px;border:5px solid transparent;border-top-color:#333}.progress-bar.progress-bar-success{background:#00acac}.progress.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-xs{height:5px}.progress-xs .progress-bar{line-height:5px}.progress-sm{height:10px}.progress-sm .progress-bar{line-height:10px}.progress-lg{height:30px}.progress-lg .progress-bar{line-height:30px}.progress-bar{background:#348fe2;-webkit-box-shadow:none;box-shadow:none}.progress-bar.progress-bar-success{background-color:#00acac}.progress-bar.progress-bar-info{background-color:#49b6d6}.progress-bar.progress-bar-warning{background-color:#f59c1a}.progress-bar.progress-bar-danger{background-color:#ff5b57}.progress-bar.progress-bar-inverse{background-color:#2d353c}.progress-bar.progress-bar-purple{background-color:#727cb6}.form-control{border:2px solid #ccd0d4;-webkit-box-shadow:none;box-shadow:none;font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.form-control.input-white{background:#fff;border-color:#fff}.form-control.input-white:focus{box-shadow:none;-webkit-box-shadow:none}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background:#e5e9ed;opacity:.6;filter:alpha(opacity=60)}.form-control[disabled]:focus,.form-control[readonly]:focus,fieldset[disabled] .form-control:focus{box-shadow:none;-webkit-box-shadow:none;border:1px solid #ccd0d4}.form-control:focus{border-color:#9fa2a5;-webkit-box-shadow:none;box-shadow:none}.form-horizontal.form-bordered .form-group{border-bottom:1px solid #eee;margin:0}.form-horizontal.form-bordered .form-group:last-child{border-bottom:0}.form-horizontal.form-bordered .form-group > .control-label{padding:22px 15px 15px}.form-horizontal.form-bordered .form-group > div{padding:15px;border-left:1px solid #eee}.form-horizontal.form-bordered .form-group > .control-label{border-right:1px solid #eee;margin-right:-1px}.form-horizontal.form-bordered .has-feedback .form-control-feedback{top:15px}label{font-weight:500}.has-success .form-control,.has-success .form-control:focus,.has-warning .form-control,.has-warning .form-control:focus,.has-error .form-control,.has-error .form-control:focus{-webkit-box-shadow:none;box-shadow:none}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success .form-control-feedback{color:#00acac}.has-success .form-control{border-color:#00acac}.has-success .form-control:focus{border-color:#008a8a}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning .form-control-feedback{color:#f59c1a}.has-warning .form-control{border-color:#f59c1a}.has-warning .form-control:focus{border-color:#c47d15}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error .form-control-feedback{color:#ff5b57}.has-error .form-control{border-color:#ff5b57}.has-error .form-control:focus{border-color:#cc4946}.form-control-feedback{line-height:34px}select.form-control{border-color:#ccd0d4}select[multiple].form-control{border-color:#ccd0d4}.input-group-addon{background:#e2e7eb;border:none}legend{padding-bottom:3px;border-bottom:1px solid #e2e7eb}.dropdown-menu{border:none;-webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,0.2);box-shadow:0 2px 5px -1px rgba(0,0,0,0.2);font-size:12px}.dropdown-menu > li > a{padding:5px 15px}.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background:#edf0f5}.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{background:#348fe2}.dropdown-menu .divider{border-color:#eee}.dropdown-menu.media-list{max-width:280px;padding:0}.dropdown-menu.media-list p{text-overflow:ellipsis;overflow:hidden}.dropdown-menu.media-list .dropdown-header{padding:10px 20px!important;background:#fafafa}.dropdown-menu.media-list > .media{margin-top:0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:-1px}.dropdown-menu.media-list > .media > a{display:block;padding:10px 20px!important}.dropdown-menu.media-list > .media .media-object{height:36px;width:36px;line-height:36px;font-size:14px;color:#fff;text-align:center;margin-right:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.dropdown-footer{padding:10px 20px}.dropdown-menu > li.dropdown-footer > a{padding:0!important;display:inline!important}.dropdown-menu > li.dropdown-footer > a:hover,.dropdown-menu > li.dropdown-footer > a:focus{background:none!important;text-decoration:underline!important}.tooltip-inner{padding:4px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.alert{border:none}.alert.alert-success{background:#7cdda7}.alert.alert-info{background:#93cfe5}.alert.alert-danger{background:#f8b2b2}.alert.alert-warning{background:#ffead0}.note{margin-bottom:20px;padding:15px;border-left:3px solid}.note.note-success{border-color:#4a8564;background:#b0ebca;color:#3c763d}.note.note-success h1,.note.note-success h2,.note.note-success h3,.note.note-success h4,.note.note-success h5,.note.note-success h6{color:#3c763d}.note.note-danger{border-color:#986e6e;background:#fbd1d1;color:#a94442}.note.note-danger h1,.note.note-danger h2,.note.note-danger h3,.note.note-danger h4,.note.note-danger h5,.note.note-danger h6{color:#a94442}.note.note-info{border-color:#587c89;background:#bee2ef;color:#31708f}.note.note-info h1,.note.note-info h2,.note.note-info h3,.note.note-info h4,.note.note-info h5,.note.note-info h6{color:#31708f}.note.note-warning{border-color:#9d9080;background:#fff2e3;color:#8a6d3b}.note.note-warning h1,.note.note-warning h2,.note.note-warning h3,.note.note-warning h4,.note.note-warning h5,.note.note-warning h6{color:#8a6d3b}.badge{font-size:75%;line-height:1.25;font-weight:600}.label{font-size:75%;font-weight:600}.badge.badge-square{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.badge.badge-default,.label.label-default{background:#b6c2c9}.badge.badge-danger,.label.label-danger{background:#ff5b57}.badge.badge-warning,.label.label-warning{background:#f59c1a}.badge.badge-success,.label.label-success{background:#00acac}.badge.badge-info,.label.label-info{background:#49b6d6}.badge.badge-primary,.label.label-primary{background:#348fe2}.badge.badge-inverse,.label.label-inverse{background:#2d353c}.pager li > a,.pager li > span,.pagination > li > a{border-color:#e2e7eb;color:#242a30}.pager.pager-without-border li > a,.pager.pager-without-border li > span,.pagination.pagination-without-border > li > a{border-color:#fff}.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus,.pager > .disabled > span,.pager > .disabled > a{opacity:.6;filter:alpha(opacity=60);border-color:#ddd}.pagination > li > a{color:#242a30;margin-left:5px;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;border-radius:3px!important}.pagination > li:first-child > a{margin-left:0}.pagination-sm > li > a,.pagination-sm > li > span{font-size:10px;margin-left:4px}.pagination-lg > li > a,.pagination-lg > li > span{font-size:14px;margin-left:6px}.pager li > a:hover,.pager li > a:focus,.pager li > span:hover,.pager li > span:focus,.pagination > li > a:hover,.pagination > li > a:focus{color:#242a30;background:#e2e7eb;border-color:#d8dde1}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background:#242a30!important;border-color:#242a30!important}.nav > li > a{color:#6e7179}.nav > li > a:hover,.nav > li > a:focus{color:#333;background:#fafafa}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus,.nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:focus{color:#242a30}.nav-tabs.nav-tabs-inverse{background:#242a30}.nav-tabs.nav-justified > li > a{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.nav-tabs.nav-tabs-inverse > li.active > a,.nav-tabs.nav-tabs-inverse > li.active > a:hover,.nav-tabs.nav-tabs-inverse > li.active > a:focus{background:#fff}.nav-tabs.nav-tabs-inverse > li > a:hover,.nav-tabs.nav-tabs-inverse > li > a:focus{color:#fff;background:none}.nav-tabs > li > a{margin-right:5px;line-height:20px}.nav-pills{margin-bottom:10px}.nav-pills > li + li{margin-left:5px}.nav-pills > li > a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus{background:#242a30}.nav-stacked > li + li{margin-left:0;margin-top:5px}.tab-content{padding:15px;margin-bottom:20px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-tabs + .tab-content{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.panel-title a{display:block}.panel-title > a:hover,.panel-title > a:focus{text-decoration:none}.panel{-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.panel.panel-no-rounded-corner .panel-heading,.panel.panel-no-rounded-corner .panel-body,.panel.panel-no-rounded-corner .panel-footer{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.panel-heading{padding:10px 15px;border:none;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.panel-heading + .table,.panel-heading + .slimScrollDiv{border-top:1px solid #ddd}.panel-heading-btn{float:right}.panel-heading-btn > a{margin-left:8px}.panel-heading .btn-group .btn{margin-top:-7px}.panel-heading .btn-group .btn.btn-sm{margin-top:-5px}.panel-heading .btn-group .btn.btn-xs{margin-top:-1px}.panel-heading .label.pull-left,.panel-heading .label.pull-right{line-height:15px}.panel-heading .progress.pull-right,.panel-heading .progress.pull-left{width:40%;min-width:120px}.panel-heading + .alert{margin-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel-with-tabs .panel-heading{background:#c1ccd1!important;color:#333!important}.panel-heading .nav-tabs{margin-top:-10px;margin-right:-15px}.panel-heading .nav-tabs > li > a{padding:10px 15px;line-height:20px}.panel-title{line-height:20px;font-size:12px}.panel-title .accordion-toggle{margin:-10px -15px;padding:10px 15px}.panel-title .accordion-toggle.accordion-toggle-styled .fa:before{content:'\f056'}.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before{content:'\f055'}.panel-title .pull-right{line-height:20px}.panel-toolbar{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 15px;background:#fff}.panel-toolbar + .form-control{margin:-1px 0 0;border-right:none;border-left:none}.panel-group .panel{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.form-control + .panel-footer{border-top:none}.panel-body{padding:15px}.panel-body.no-border{border:none!important}.panel-body.panel-table,.panel-body.panel-form,.panel-body.no-padding,.panel-body.panel-full-width{padding:0!important}.panel-body.with-table > .table{border:0;margin:0}.panel-body.with-table > .table tr:last-child th,.panel-body.with-table > .table tr:last-child td{border-bottom:0}.panel-default > .panel-heading + .panel-collapse .panel-body{border-top:1px solid #ddd}.panel-footer{background:#fff;border-top:1px solid #ddd}.panel .tab-content{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.panel-default > .panel-heading{background:#fafafa}.panel-inverse > .panel-heading,.panel-success > .panel-heading,.panel-warning > .panel-heading,.panel-danger > .panel-heading,.panel-primary > .panel-heading,.panel-info > .panel-heading{color:#fff}.panel-inverse{border-color:#242a30}.panel-inverse > .panel-heading{background:#242a30}.panel-success{border-color:#008a8a}.panel-success > .panel-heading{background:#008a8a}.panel-warning{border-color:#c47d15}.panel-warning > .panel-heading{background:#c47d15}.panel-danger{border-color:#cc4946}.panel-danger > .panel-heading{background:#cc4946}.panel-primary{border-color:#2a72b5}.panel-primary > .panel-heading{background:#2a72b5}.panel-info{border-color:#3a92ab}.panel-info > .panel-heading{background:#3a92ab}.panel-inverse .panel-heading a:hover,.panel-inverse .panel-heading a:focus,.panel-success .panel-heading a:hover,.panel-success .panel-heading a:focus,.panel-warning .panel-heading a:hover,.panel-warning .panel-heading a:focus,.panel-danger .panel-heading a:hover,.panel-danger .panel-heading a:focus,.panel-primary .panel-heading a:hover,.panel-primary .panel-heading a:focus,.panel-info .panel-heading a:hover,.panel-info .panel-heading a:focus{color:#fff}.panel.panel-expand{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;overflow:hidden;z-index:1080}.panel-expand .height-xs,.panel-expand .height-sm,.panel-expand .height-md,.panel-expand .height-lg,.panel-expand .height-full{height:100%!important}@keyframes panelExpand{from{top:50%;left:50%;right:50%;bottom:50%}to{top:0;left:0;right:0;bottom:0}}@-webkit-keyframes panelExpand{from{top:50%;left:50%;right:50%;bottom:50%}to{top:0;left:0;right:0;bottom:0}}.panel.panel-expand > .panel-heading .fa.fa-expand:before{content:'\f066'}.panel.panel-expand,.panel.panel-expand > .panel-heading,.panel.panel-expand > .panel-body{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel.panel-expand > .panel-body{position:absolute;right:0;left:0;bottom:0;top:40px;overflow-y:scroll;z-index:1020}.panel.panel-expand > .panel-footer{position:absolute;left:0;right:0;bottom:0}.panel.panel-loading .panel-body{position:relative;z-index:0}.panel.panel-loading.panel-expand .panel-body{position:absolute}.panel.panel-loading .panel-body .panel-loader{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.9;filter:alpha(opacity=90);animation:fadeIn .2s;-webkit-animation:fadeIn .2s;z-index:1020;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{border:none;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.3);box-shadow:0 5px 15px rgba(0,0,0,0.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.modal-header{padding:12px 15px;border-bottom-color:#e2e7eb}.modal-header .close{margin-top:2px}.modal-body{padding:15px}.modal-footer{border-top-color:#e2e7eb;padding:14px 15px 15px}.modal-message .modal-dialog{width:100%}.modal-message .modal-content{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.modal-message .modal-header,.modal-message .modal-body,.modal-message .modal-footer{width:60%;border:none;margin:0 auto}.media .media-object{width:128px}.media.media-lg .media-object{width:256px}.media.media-sm .media-object{width:64px}.media.media-xs .media-object{width:32px}.media > .pull-left{margin-right:15px}.media > .pull-right{margin-left:15px}.media a:hover,.media a:focus,.media a:hover .media-heading,.media a:focus .media-heading,.media a.media-heading:hover,.media a.media-heading:focus{color:#242a30;text-decoration:none}.media-list.media-list-with-divider > li + li{border-top:1px solid #eee;padding-top:20px}.table{border-color:#e2e7eb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.table > thead > tr > th{color:#242a30;font-weight:600;border-bottom:2px solid #e2e7eb!important}.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{border-color:#e2e7eb;padding:10px 15px}.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:7px 15px}.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th{background:#e8ecf1!important}.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th{background:#f0f3f5}.table.table-inverse > thead > tr > th,.table.table-inverse > tbody > tr > th,.table.table-inverse > tfoot > tr > th,.table.table-inverse > thead > tr > td,.table.table-inverse > tbody > tr > td,.table.table-inverse > tfoot > tr > td{border-color:#999!important;border-color:rgba(0,0,0,0.2)!important}.table.table-inverse,.table.table-inverse > thead > tr > th,.table.table-inverse > tbody > tr > th,.table.table-inverse > tfoot > tr > th{color:#fff}.table > thead > tr > td.info,.table > tbody > tr > td.info,.table > tfoot > tr > td.info,.table > thead > tr > th.info,.table > tbody > tr > th.info,.table > tfoot > tr > th.info,.table > thead > tr.info > td,.table > tbody > tr.info > td,.table > tfoot > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr.info > th,.table > tfoot > tr.info > th{background:#dbf0f7;border-color:#b6e2ef}.table > thead > tr > td.success,.table > tbody > tr > td.success,.table > tfoot > tr > td.success,.table > thead > tr > th.success,.table > tbody > tr > th.success,.table > tfoot > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,.table > tfoot > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th,.table > tfoot > tr.success > th{background:#cee;border-color:#99dede}.table > thead > tr > td.danger,.table > tbody > tr > td.danger,.table > tfoot > tr > td.danger,.table > thead > tr > th.danger,.table > tbody > tr > th.danger,.table > tfoot > tr > th.danger,.table > thead > tr.danger > td,.table > tbody > tr.danger > td,.table > tfoot > tr.danger > td,.table > thead > tr.danger > th,.table > tbody > tr.danger > th,.table > tfoot > tr.danger > th{background:#ffdedd;border-color:#ffbdbc}.table > thead > tr > td.warning,.table > tbody > tr > td.warning,.table > tfoot > tr > td.warning,.table > thead > tr > th.warning,.table > tbody > tr > th.warning,.table > tfoot > tr > th.warning,.table > thead > tr.warning > td,.table > tbody > tr.warning > td,.table > tfoot > tr.warning > td,.table > thead > tr.warning > th,.table > tbody > tr.warning > th,.table > tfoot > tr.warning > th{background:#fdebd1;border-color:#fbd7a3}.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th{background:#f0f3f5;border-color:#e2e7e9}.well{padding:15px;background:#fff;box-shadow:none;-webkit-box-shadow:none}.well-sm{padding:10px}.well-lg{padding:30px}.jumbotron{background:#f0f3f4}.jumbotron h1,.jumbotron .h1{font-size:56px}.jumbotron p{font-size:18px}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{background:#348fe2}.carousel .carousel-caption h1,.carousel .carousel-caption h2,.carousel .carousel-caption h3,.carousel .carousel-caption h4,.carousel .carousel-caption h5,.carousel .carousel-caption h6{color:#fff}.carousel .carousel-control .fa{position:absolute;top:50%;z-index:5;display:block;width:30px;height:30px;margin-top:-15px;text-align:center;line-height:30px;margin-left:-15px}.carousel .carousel-control.left .fa{left:50%}.carousel .carousel-control.right .fa{right:50%;margin-left:0;margin-right:-15px}.theme-panel .theme-collapse-btn{position:absolute;left:-40px;top:50%;margin-top:-20px;width:40px;height:40px;line-height:40px;font-size:18px;color:#000;background:#fff;background:rgba(255,255,255,0.9);border-radius:4px 0 0 4px;text-align:center;box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);text-decoration:none}.theme-panel{position:fixed;right:-180px;top:200px;z-index:1020;box-shadow:0 0 2px rgba(0,0,0,.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);width:180px;-webkit-transition:right .2s linear;-moz-transition:right .2s linear;transition:right .2s linear}.theme-panel .theme-panel-content{padding:5px;background:#fff;position:relative;z-index:1020}.theme-panel .theme-list{list-style-type:none;margin:0;padding:0}.theme-panel .theme-list > li{float:left}.theme-panel .theme-list > li + li{margin-left:5px}.theme-panel .theme-list > li > a{width:30px;height:30px;border-radius:3px;display:block;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;position:relative;text-decoration:none}.theme-panel .theme-list > li.active > a:before{content:'\f00c';font-family:FontAwesome;position:absolute;left:0;right:0;top:0;bottom:0;font-size:14px;color:#fff;opacity:.4;filter:alpha(opacity=40);text-align:center;line-height:30px;text-align:center}.theme-panel.active{right:0} \ No newline at end of file diff --git a/public/assets/css/one-page-parallax/theme/blue.css b/public/assets/css/one-page-parallax/theme/blue.css new file mode 100755 index 0000000..2274687 --- /dev/null +++ b/public/assets/css/one-page-parallax/theme/blue.css @@ -0,0 +1,59 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/ + +.btn.btn-theme { + background: #348fe2; + border-color: #348fe2; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #2a72b5; + border-color: #2a72b5; +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: #348fe2; +} +a:hover, +a:focus { + color: #2a72b5; +} +.pricing-table .highlight h3, +.pace-progress { + background: #2a72b5; +} +.pricing-table .highlight .price { + background: #348fe2; +} +.pace .pace-activity { + border-top-color: #348fe2; + border-left-color: #348fe2; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #2F83CF #2a72b5 #1f5688; +} \ No newline at end of file diff --git a/public/assets/css/one-page-parallax/theme/default.css b/public/assets/css/one-page-parallax/theme/default.css new file mode 100755 index 0000000..186fd49 --- /dev/null +++ b/public/assets/css/one-page-parallax/theme/default.css @@ -0,0 +1,59 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/ + +.btn.btn-theme { + background: #00acac; + border-color: #00acac; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #008a8a; + border-color: #008a8a; +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: #00acac; +} +a:hover, +a:focus { + color: #008a8a; +} +.pricing-table .highlight h3, +.pace-progress { + background: #008a8a; +} +.pricing-table .highlight .price { + background: #00acac; +} +.pace .pace-activity { + border-top-color: #00acac; + border-left-color: #00acac; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #4DCACA #31A3A3 #1D8888; +} \ No newline at end of file diff --git a/public/assets/css/one-page-parallax/theme/orange.css b/public/assets/css/one-page-parallax/theme/orange.css new file mode 100755 index 0000000..59c35b5 --- /dev/null +++ b/public/assets/css/one-page-parallax/theme/orange.css @@ -0,0 +1,59 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/ + +.btn.btn-theme { + background: #f59c1a; + border-color: #f59c1a; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #c47d15; + border-color: #c47d15; +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: #f59c1a; +} +a:hover, +a:focus { + color: #c47d15; +} +.pricing-table .highlight h3, +.pace-progress { + background: #c47d15; +} +.pricing-table .highlight .price { + background: #f59c1a; +} +.pace .pace-activity { + border-top-color: #f59c1a; + border-left-color: #f59c1a; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #DF8F19 #c47d15 #935e10; +} \ No newline at end of file diff --git a/public/assets/css/one-page-parallax/theme/purple.css b/public/assets/css/one-page-parallax/theme/purple.css new file mode 100755 index 0000000..36c89bc --- /dev/null +++ b/public/assets/css/one-page-parallax/theme/purple.css @@ -0,0 +1,59 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/ + +.btn.btn-theme { + background: #727cb6; + border-color: #727cb6; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #5b6392; + border-color: #5b6392; +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: #727cb6; +} +a:hover, +a:focus { + color: #5b6392; +} +.pricing-table .highlight h3, +.pace-progress { + background: #5b6392; +} +.pricing-table .highlight .price { + background: #727cb6; +} +.pace .pace-activity { + border-top-color: #727cb6; + border-left-color: #727cb6; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #6670AC #5b6392 #444a6d; +} \ No newline at end of file diff --git a/public/assets/css/one-page-parallax/theme/red.css b/public/assets/css/one-page-parallax/theme/red.css new file mode 100755 index 0000000..760242e --- /dev/null +++ b/public/assets/css/one-page-parallax/theme/red.css @@ -0,0 +1,59 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/ + +.btn.btn-theme { + background: #ff5b57; + border-color: #ff5b57; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: #cc4946; + border-color: #cc4946; +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: #ff5b57; +} +a:hover, +a:focus { + color: #cc4946; +} +.pricing-table .highlight h3, +.pace-progress { + background: #cc4946; +} +.pricing-table .highlight .price { + background: #ff5b57; +} +.pace .pace-activity { + border-top-color: #ff5b57; + border-left-color: #ff5b57; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #F8504B #cc4946 #993734; +} \ No newline at end of file diff --git a/public/assets/img/about/about-me.jpg b/public/assets/img/about/about-me.jpg new file mode 100755 index 0000000..e8d2c61 Binary files /dev/null and b/public/assets/img/about/about-me.jpg differ diff --git a/public/assets/img/bg/bg-action.jpg b/public/assets/img/bg/bg-action.jpg new file mode 100755 index 0000000..bae8e56 Binary files /dev/null and b/public/assets/img/bg/bg-action.jpg differ diff --git a/public/assets/img/bg/bg-client.jpg b/public/assets/img/bg/bg-client.jpg new file mode 100755 index 0000000..3472395 Binary files /dev/null and b/public/assets/img/bg/bg-client.jpg differ diff --git a/public/assets/img/bg/bg-home.jpg b/public/assets/img/bg/bg-home.jpg new file mode 100755 index 0000000..c334658 Binary files /dev/null and b/public/assets/img/bg/bg-home.jpg differ diff --git a/public/assets/img/bg/bg-milestone.jpg b/public/assets/img/bg/bg-milestone.jpg new file mode 100755 index 0000000..489f541 Binary files /dev/null and b/public/assets/img/bg/bg-milestone.jpg differ diff --git a/public/assets/img/bg/bg-quote.jpg b/public/assets/img/bg/bg-quote.jpg new file mode 100755 index 0000000..98605cf Binary files /dev/null and b/public/assets/img/bg/bg-quote.jpg differ diff --git a/public/assets/img/brand/brand-apple.png b/public/assets/img/brand/brand-apple.png new file mode 100755 index 0000000..9105616 Binary files /dev/null and b/public/assets/img/brand/brand-apple.png differ diff --git a/public/assets/img/brand/brand-blackberry.png b/public/assets/img/brand/brand-blackberry.png new file mode 100755 index 0000000..0096a37 Binary files /dev/null and b/public/assets/img/brand/brand-blackberry.png differ diff --git a/public/assets/img/brand/brand-htc.png b/public/assets/img/brand/brand-htc.png new file mode 100755 index 0000000..4e3832f Binary files /dev/null and b/public/assets/img/brand/brand-htc.png differ diff --git a/public/assets/img/brand/brand-microsoft.png b/public/assets/img/brand/brand-microsoft.png new file mode 100755 index 0000000..a57c202 Binary files /dev/null and b/public/assets/img/brand/brand-microsoft.png differ diff --git a/public/assets/img/brand/brand-nokia.png b/public/assets/img/brand/brand-nokia.png new file mode 100755 index 0000000..23ba28e Binary files /dev/null and b/public/assets/img/brand/brand-nokia.png differ diff --git a/public/assets/img/brand/brand-samsung.png b/public/assets/img/brand/brand-samsung.png new file mode 100755 index 0000000..a3fc636 Binary files /dev/null and b/public/assets/img/brand/brand-samsung.png differ diff --git a/public/assets/img/brand/brand-sony.png b/public/assets/img/brand/brand-sony.png new file mode 100755 index 0000000..6291bbd Binary files /dev/null and b/public/assets/img/brand/brand-sony.png differ diff --git a/public/assets/img/carousel/carousel-1.jpg b/public/assets/img/carousel/carousel-1.jpg new file mode 100755 index 0000000..543c5fd Binary files /dev/null and b/public/assets/img/carousel/carousel-1.jpg differ diff --git a/public/assets/img/carousel/carousel-2.jpg b/public/assets/img/carousel/carousel-2.jpg new file mode 100755 index 0000000..00de6a5 Binary files /dev/null and b/public/assets/img/carousel/carousel-2.jpg differ diff --git a/public/assets/img/carousel/carousel-3.jpg b/public/assets/img/carousel/carousel-3.jpg new file mode 100755 index 0000000..ebd1074 Binary files /dev/null and b/public/assets/img/carousel/carousel-3.jpg differ diff --git a/public/assets/img/cover/cover-1.jpg b/public/assets/img/cover/cover-1.jpg new file mode 100755 index 0000000..72345a0 Binary files /dev/null and b/public/assets/img/cover/cover-1.jpg differ diff --git a/public/assets/img/cover/cover-10.jpg b/public/assets/img/cover/cover-10.jpg new file mode 100755 index 0000000..db81c66 Binary files /dev/null and b/public/assets/img/cover/cover-10.jpg differ diff --git a/public/assets/img/cover/cover-11.jpg b/public/assets/img/cover/cover-11.jpg new file mode 100755 index 0000000..85a4931 Binary files /dev/null and b/public/assets/img/cover/cover-11.jpg differ diff --git a/public/assets/img/cover/cover-12.jpg b/public/assets/img/cover/cover-12.jpg new file mode 100755 index 0000000..6641438 Binary files /dev/null and b/public/assets/img/cover/cover-12.jpg differ diff --git a/public/assets/img/cover/cover-13.jpg b/public/assets/img/cover/cover-13.jpg new file mode 100755 index 0000000..516f699 Binary files /dev/null and b/public/assets/img/cover/cover-13.jpg differ diff --git a/public/assets/img/cover/cover-14.jpg b/public/assets/img/cover/cover-14.jpg new file mode 100755 index 0000000..b3ca3f3 Binary files /dev/null and b/public/assets/img/cover/cover-14.jpg differ diff --git a/public/assets/img/cover/cover-15.jpg b/public/assets/img/cover/cover-15.jpg new file mode 100755 index 0000000..79a7900 Binary files /dev/null and b/public/assets/img/cover/cover-15.jpg differ diff --git a/public/assets/img/cover/cover-2.jpg b/public/assets/img/cover/cover-2.jpg new file mode 100755 index 0000000..438f76b Binary files /dev/null and b/public/assets/img/cover/cover-2.jpg differ diff --git a/public/assets/img/cover/cover-3.jpg b/public/assets/img/cover/cover-3.jpg new file mode 100755 index 0000000..db816f4 Binary files /dev/null and b/public/assets/img/cover/cover-3.jpg differ diff --git a/public/assets/img/cover/cover-4.jpg b/public/assets/img/cover/cover-4.jpg new file mode 100755 index 0000000..0bf4d3c Binary files /dev/null and b/public/assets/img/cover/cover-4.jpg differ diff --git a/public/assets/img/cover/cover-5.jpg b/public/assets/img/cover/cover-5.jpg new file mode 100755 index 0000000..307cccb Binary files /dev/null and b/public/assets/img/cover/cover-5.jpg differ diff --git a/public/assets/img/cover/cover-6.jpg b/public/assets/img/cover/cover-6.jpg new file mode 100755 index 0000000..e4c0877 Binary files /dev/null and b/public/assets/img/cover/cover-6.jpg differ diff --git a/public/assets/img/cover/cover-7.jpg b/public/assets/img/cover/cover-7.jpg new file mode 100755 index 0000000..e61bb74 Binary files /dev/null and b/public/assets/img/cover/cover-7.jpg differ diff --git a/public/assets/img/cover/cover-8.jpg b/public/assets/img/cover/cover-8.jpg new file mode 100755 index 0000000..73aa99a Binary files /dev/null and b/public/assets/img/cover/cover-8.jpg differ diff --git a/public/assets/img/cover/cover-9.jpg b/public/assets/img/cover/cover-9.jpg new file mode 100755 index 0000000..d7da7b6 Binary files /dev/null and b/public/assets/img/cover/cover-9.jpg differ diff --git a/public/assets/img/flag/flag-chinese.png b/public/assets/img/flag/flag-chinese.png new file mode 100755 index 0000000..824c5ea Binary files /dev/null and b/public/assets/img/flag/flag-chinese.png differ diff --git a/public/assets/img/flag/flag-english.png b/public/assets/img/flag/flag-english.png new file mode 100755 index 0000000..44b6a7e Binary files /dev/null and b/public/assets/img/flag/flag-english.png differ diff --git a/public/assets/img/flag/flag-french.png b/public/assets/img/flag/flag-french.png new file mode 100755 index 0000000..82d182a Binary files /dev/null and b/public/assets/img/flag/flag-french.png differ diff --git a/public/assets/img/flag/flag-german.png b/public/assets/img/flag/flag-german.png new file mode 100755 index 0000000..7cfbfbc Binary files /dev/null and b/public/assets/img/flag/flag-german.png differ diff --git a/public/assets/img/flag/flag-spanish.png b/public/assets/img/flag/flag-spanish.png new file mode 100755 index 0000000..bfd6396 Binary files /dev/null and b/public/assets/img/flag/flag-spanish.png differ diff --git a/public/assets/img/icon/icon-chat-bubble.png b/public/assets/img/icon/icon-chat-bubble.png new file mode 100755 index 0000000..ef89370 Binary files /dev/null and b/public/assets/img/icon/icon-chat-bubble.png differ diff --git a/public/assets/img/icon/icon-code.png b/public/assets/img/icon/icon-code.png new file mode 100755 index 0000000..e681299 Binary files /dev/null and b/public/assets/img/icon/icon-code.png differ diff --git a/public/assets/img/icon/icon-cog.png b/public/assets/img/icon/icon-cog.png new file mode 100755 index 0000000..3a1e5ac Binary files /dev/null and b/public/assets/img/icon/icon-cog.png differ diff --git a/public/assets/img/icon/icon-cone.png b/public/assets/img/icon/icon-cone.png new file mode 100755 index 0000000..f560bb7 Binary files /dev/null and b/public/assets/img/icon/icon-cone.png differ diff --git a/public/assets/img/icon/icon-discussion-blue.png b/public/assets/img/icon/icon-discussion-blue.png new file mode 100755 index 0000000..c10c1ba Binary files /dev/null and b/public/assets/img/icon/icon-discussion-blue.png differ diff --git a/public/assets/img/icon/icon-discussion-grey.png b/public/assets/img/icon/icon-discussion-grey.png new file mode 100755 index 0000000..9ecce5e Binary files /dev/null and b/public/assets/img/icon/icon-discussion-grey.png differ diff --git a/public/assets/img/icon/icon-discussion-red.png b/public/assets/img/icon/icon-discussion-red.png new file mode 100755 index 0000000..2c520b1 Binary files /dev/null and b/public/assets/img/icon/icon-discussion-red.png differ diff --git a/public/assets/img/icon/icon-folder-blue.png b/public/assets/img/icon/icon-folder-blue.png new file mode 100755 index 0000000..3865522 Binary files /dev/null and b/public/assets/img/icon/icon-folder-blue.png differ diff --git a/public/assets/img/icon/icon-folder-green.png b/public/assets/img/icon/icon-folder-green.png new file mode 100755 index 0000000..e48f8d4 Binary files /dev/null and b/public/assets/img/icon/icon-folder-green.png differ diff --git a/public/assets/img/icon/icon-folder.png b/public/assets/img/icon/icon-folder.png new file mode 100755 index 0000000..51ba62a Binary files /dev/null and b/public/assets/img/icon/icon-folder.png differ diff --git a/public/assets/img/icon/icon-gold-note.png b/public/assets/img/icon/icon-gold-note.png new file mode 100755 index 0000000..2897b8c Binary files /dev/null and b/public/assets/img/icon/icon-gold-note.png differ diff --git a/public/assets/img/icon/icon-home.png b/public/assets/img/icon/icon-home.png new file mode 100755 index 0000000..0b50403 Binary files /dev/null and b/public/assets/img/icon/icon-home.png differ diff --git a/public/assets/img/icon/icon-news.png b/public/assets/img/icon/icon-news.png new file mode 100755 index 0000000..9f82aee Binary files /dev/null and b/public/assets/img/icon/icon-news.png differ diff --git a/public/assets/img/icon/icon-note.png b/public/assets/img/icon/icon-note.png new file mode 100755 index 0000000..e16a58f Binary files /dev/null and b/public/assets/img/icon/icon-note.png differ diff --git a/public/assets/img/icon/icon-rss.png b/public/assets/img/icon/icon-rss.png new file mode 100755 index 0000000..10606e5 Binary files /dev/null and b/public/assets/img/icon/icon-rss.png differ diff --git a/public/assets/img/icon/icon-star.png b/public/assets/img/icon/icon-star.png new file mode 100755 index 0000000..a370ed4 Binary files /dev/null and b/public/assets/img/icon/icon-star.png differ diff --git a/public/assets/img/payment/payment-method.png b/public/assets/img/payment/payment-method.png new file mode 100755 index 0000000..683a4f1 Binary files /dev/null and b/public/assets/img/payment/payment-method.png differ diff --git a/public/assets/img/post/post-1.jpg b/public/assets/img/post/post-1.jpg new file mode 100755 index 0000000..52b377b Binary files /dev/null and b/public/assets/img/post/post-1.jpg differ diff --git a/public/assets/img/post/post-10.jpg b/public/assets/img/post/post-10.jpg new file mode 100755 index 0000000..39ec37f Binary files /dev/null and b/public/assets/img/post/post-10.jpg differ diff --git a/public/assets/img/post/post-2.jpg b/public/assets/img/post/post-2.jpg new file mode 100755 index 0000000..5a82416 Binary files /dev/null and b/public/assets/img/post/post-2.jpg differ diff --git a/public/assets/img/post/post-3.jpg b/public/assets/img/post/post-3.jpg new file mode 100755 index 0000000..ae09251 Binary files /dev/null and b/public/assets/img/post/post-3.jpg differ diff --git a/public/assets/img/post/post-4.jpg b/public/assets/img/post/post-4.jpg new file mode 100755 index 0000000..62aeb11 Binary files /dev/null and b/public/assets/img/post/post-4.jpg differ diff --git a/public/assets/img/post/post-5.jpg b/public/assets/img/post/post-5.jpg new file mode 100755 index 0000000..9ea8974 Binary files /dev/null and b/public/assets/img/post/post-5.jpg differ diff --git a/public/assets/img/post/post-6.jpg b/public/assets/img/post/post-6.jpg new file mode 100755 index 0000000..35da95e Binary files /dev/null and b/public/assets/img/post/post-6.jpg differ diff --git a/public/assets/img/post/post-7.jpg b/public/assets/img/post/post-7.jpg new file mode 100755 index 0000000..acdda1b Binary files /dev/null and b/public/assets/img/post/post-7.jpg differ diff --git a/public/assets/img/post/post-8.jpg b/public/assets/img/post/post-8.jpg new file mode 100755 index 0000000..8c1202c Binary files /dev/null and b/public/assets/img/post/post-8.jpg differ diff --git a/public/assets/img/post/post-9.jpg b/public/assets/img/post/post-9.jpg new file mode 100755 index 0000000..3bc0f4b Binary files /dev/null and b/public/assets/img/post/post-9.jpg differ diff --git a/public/assets/img/product/product-3dtouch.jpg b/public/assets/img/product/product-3dtouch.jpg new file mode 100755 index 0000000..7eae43f Binary files /dev/null and b/public/assets/img/product/product-3dtouch.jpg differ diff --git a/public/assets/img/product/product-apple-tv.png b/public/assets/img/product/product-apple-tv.png new file mode 100755 index 0000000..0e516c6 Binary files /dev/null and b/public/assets/img/product/product-apple-tv.png differ diff --git a/public/assets/img/product/product-apple-watch-sm.png b/public/assets/img/product/product-apple-watch-sm.png new file mode 100755 index 0000000..7f2278c Binary files /dev/null and b/public/assets/img/product/product-apple-watch-sm.png differ diff --git a/public/assets/img/product/product-apple-watch.png b/public/assets/img/product/product-apple-watch.png new file mode 100755 index 0000000..b655a9a Binary files /dev/null and b/public/assets/img/product/product-apple-watch.png differ diff --git a/public/assets/img/product/product-cameras.jpg b/public/assets/img/product/product-cameras.jpg new file mode 100755 index 0000000..dd5e412 Binary files /dev/null and b/public/assets/img/product/product-cameras.jpg differ diff --git a/public/assets/img/product/product-design.jpg b/public/assets/img/product/product-design.jpg new file mode 100755 index 0000000..37da18a Binary files /dev/null and b/public/assets/img/product/product-design.jpg differ diff --git a/public/assets/img/product/product-galaxy-note5.jpg b/public/assets/img/product/product-galaxy-note5.jpg new file mode 100755 index 0000000..5e996e1 Binary files /dev/null and b/public/assets/img/product/product-galaxy-note5.jpg differ diff --git a/public/assets/img/product/product-galaxy-s6.jpg b/public/assets/img/product/product-galaxy-s6.jpg new file mode 100755 index 0000000..fa49390 Binary files /dev/null and b/public/assets/img/product/product-galaxy-s6.jpg differ diff --git a/public/assets/img/product/product-galaxy-tab2.png b/public/assets/img/product/product-galaxy-tab2.png new file mode 100755 index 0000000..91c6a7a Binary files /dev/null and b/public/assets/img/product/product-galaxy-tab2.png differ diff --git a/public/assets/img/product/product-galaxy-taba.png b/public/assets/img/product/product-galaxy-taba.png new file mode 100755 index 0000000..a2e78f3 Binary files /dev/null and b/public/assets/img/product/product-galaxy-taba.png differ diff --git a/public/assets/img/product/product-hp-spectrex2.png b/public/assets/img/product/product-hp-spectrex2.png new file mode 100755 index 0000000..d2de35b Binary files /dev/null and b/public/assets/img/product/product-hp-spectrex2.png differ diff --git a/public/assets/img/product/product-huawei-mediapad.jpg b/public/assets/img/product/product-huawei-mediapad.jpg new file mode 100755 index 0000000..7ba8f40 Binary files /dev/null and b/public/assets/img/product/product-huawei-mediapad.jpg differ diff --git a/public/assets/img/product/product-imac.jpg b/public/assets/img/product/product-imac.jpg new file mode 100755 index 0000000..c0462e4 Binary files /dev/null and b/public/assets/img/product/product-imac.jpg differ diff --git a/public/assets/img/product/product-imac.png b/public/assets/img/product/product-imac.png new file mode 100755 index 0000000..f0a6dd2 Binary files /dev/null and b/public/assets/img/product/product-imac.png differ diff --git a/public/assets/img/product/product-ipad-air.png b/public/assets/img/product/product-ipad-air.png new file mode 100755 index 0000000..30b4887 Binary files /dev/null and b/public/assets/img/product/product-ipad-air.png differ diff --git a/public/assets/img/product/product-ipad-pro.jpg b/public/assets/img/product/product-ipad-pro.jpg new file mode 100755 index 0000000..644340a Binary files /dev/null and b/public/assets/img/product/product-ipad-pro.jpg differ diff --git a/public/assets/img/product/product-ipad-pro.png b/public/assets/img/product/product-ipad-pro.png new file mode 100755 index 0000000..612b49d Binary files /dev/null and b/public/assets/img/product/product-ipad-pro.png differ diff --git a/public/assets/img/product/product-ipad.jpg b/public/assets/img/product/product-ipad.jpg new file mode 100755 index 0000000..ed6fd66 Binary files /dev/null and b/public/assets/img/product/product-ipad.jpg differ diff --git a/public/assets/img/product/product-iphone-6s-plus-2.jpg b/public/assets/img/product/product-iphone-6s-plus-2.jpg new file mode 100755 index 0000000..98a9ab0 Binary files /dev/null and b/public/assets/img/product/product-iphone-6s-plus-2.jpg differ diff --git a/public/assets/img/product/product-iphone-6s-plus-3.jpg b/public/assets/img/product/product-iphone-6s-plus-3.jpg new file mode 100755 index 0000000..99f849c Binary files /dev/null and b/public/assets/img/product/product-iphone-6s-plus-3.jpg differ diff --git a/public/assets/img/product/product-iphone-6s-plus-4.jpg b/public/assets/img/product/product-iphone-6s-plus-4.jpg new file mode 100755 index 0000000..c876143 Binary files /dev/null and b/public/assets/img/product/product-iphone-6s-plus-4.jpg differ diff --git a/public/assets/img/product/product-iphone-6s-plus-5.jpg b/public/assets/img/product/product-iphone-6s-plus-5.jpg new file mode 100755 index 0000000..a10e40c Binary files /dev/null and b/public/assets/img/product/product-iphone-6s-plus-5.jpg differ diff --git a/public/assets/img/product/product-iphone-6s-plus-6.jpg b/public/assets/img/product/product-iphone-6s-plus-6.jpg new file mode 100755 index 0000000..151373c Binary files /dev/null and b/public/assets/img/product/product-iphone-6s-plus-6.jpg differ diff --git a/public/assets/img/product/product-iphone-6s-plus-7.jpg b/public/assets/img/product/product-iphone-6s-plus-7.jpg new file mode 100755 index 0000000..7746df1 Binary files /dev/null and b/public/assets/img/product/product-iphone-6s-plus-7.jpg differ diff --git a/public/assets/img/product/product-iphone-6s-plus.jpg b/public/assets/img/product/product-iphone-6s-plus.jpg new file mode 100755 index 0000000..167bd5e Binary files /dev/null and b/public/assets/img/product/product-iphone-6s-plus.jpg differ diff --git a/public/assets/img/product/product-iphone-6s-plus.png b/public/assets/img/product/product-iphone-6s-plus.png new file mode 100755 index 0000000..3f0d7b7 Binary files /dev/null and b/public/assets/img/product/product-iphone-6s-plus.png differ diff --git a/public/assets/img/product/product-iphone-6s.jpg b/public/assets/img/product/product-iphone-6s.jpg new file mode 100755 index 0000000..e292c6c Binary files /dev/null and b/public/assets/img/product/product-iphone-6s.jpg differ diff --git a/public/assets/img/product/product-iphone-se.png b/public/assets/img/product/product-iphone-se.png new file mode 100755 index 0000000..503ae7a Binary files /dev/null and b/public/assets/img/product/product-iphone-se.png differ diff --git a/public/assets/img/product/product-iphone.png b/public/assets/img/product/product-iphone.png new file mode 100755 index 0000000..3f2aa41 Binary files /dev/null and b/public/assets/img/product/product-iphone.png differ diff --git a/public/assets/img/product/product-iphone2.png b/public/assets/img/product/product-iphone2.png new file mode 100755 index 0000000..a634a21 Binary files /dev/null and b/public/assets/img/product/product-iphone2.png differ diff --git a/public/assets/img/product/product-lumia-532.png b/public/assets/img/product/product-lumia-532.png new file mode 100755 index 0000000..3335bb8 Binary files /dev/null and b/public/assets/img/product/product-lumia-532.png differ diff --git a/public/assets/img/product/product-mac-accessories.png b/public/assets/img/product/product-mac-accessories.png new file mode 100755 index 0000000..b63a756 Binary files /dev/null and b/public/assets/img/product/product-mac-accessories.png differ diff --git a/public/assets/img/product/product-mac-mini b/public/assets/img/product/product-mac-mini new file mode 100755 index 0000000..4d49217 Binary files /dev/null and b/public/assets/img/product/product-mac-mini differ diff --git a/public/assets/img/product/product-mac-mini.png b/public/assets/img/product/product-mac-mini.png new file mode 100755 index 0000000..12719c9 Binary files /dev/null and b/public/assets/img/product/product-mac-mini.png differ diff --git a/public/assets/img/product/product-mac-pro b/public/assets/img/product/product-mac-pro new file mode 100755 index 0000000..60f6fa8 Binary files /dev/null and b/public/assets/img/product/product-mac-pro differ diff --git a/public/assets/img/product/product-mac-pro.png b/public/assets/img/product/product-mac-pro.png new file mode 100755 index 0000000..e8e35cb Binary files /dev/null and b/public/assets/img/product/product-mac-pro.png differ diff --git a/public/assets/img/product/product-macbook-pro.png b/public/assets/img/product/product-macbook-pro.png new file mode 100755 index 0000000..0fc8c32 Binary files /dev/null and b/public/assets/img/product/product-macbook-pro.png differ diff --git a/public/assets/img/product/product-main.jpg b/public/assets/img/product/product-main.jpg new file mode 100755 index 0000000..c20da4f Binary files /dev/null and b/public/assets/img/product/product-main.jpg differ diff --git a/public/assets/img/product/product-samsung-note5.png b/public/assets/img/product/product-samsung-note5.png new file mode 100755 index 0000000..57cbc60 Binary files /dev/null and b/public/assets/img/product/product-samsung-note5.png differ diff --git a/public/assets/img/product/product-samsung-s7-edge.jpg b/public/assets/img/product/product-samsung-s7-edge.jpg new file mode 100755 index 0000000..9e7a659 Binary files /dev/null and b/public/assets/img/product/product-samsung-s7-edge.jpg differ diff --git a/public/assets/img/product/product-samsung.jpeg b/public/assets/img/product/product-samsung.jpeg new file mode 100755 index 0000000..e7afc6a Binary files /dev/null and b/public/assets/img/product/product-samsung.jpeg differ diff --git a/public/assets/img/product/product-technology.jpg b/public/assets/img/product/product-technology.jpg new file mode 100755 index 0000000..12378bc Binary files /dev/null and b/public/assets/img/product/product-technology.jpg differ diff --git a/public/assets/img/product/product-xperia-z.png b/public/assets/img/product/product-xperia-z.png new file mode 100755 index 0000000..170911c Binary files /dev/null and b/public/assets/img/product/product-xperia-z.png differ diff --git a/public/assets/img/product/product-xperia-z2.png b/public/assets/img/product/product-xperia-z2.png new file mode 100755 index 0000000..22a833a Binary files /dev/null and b/public/assets/img/product/product-xperia-z2.png differ diff --git a/public/assets/img/product/product-zenfone2.png b/public/assets/img/product/product-zenfone2.png new file mode 100755 index 0000000..9dfa8a9 Binary files /dev/null and b/public/assets/img/product/product-zenfone2.png differ diff --git a/public/assets/img/slider/slider-1-cover.jpg b/public/assets/img/slider/slider-1-cover.jpg new file mode 100755 index 0000000..038bb2d Binary files /dev/null and b/public/assets/img/slider/slider-1-cover.jpg differ diff --git a/public/assets/img/slider/slider-1-product.png b/public/assets/img/slider/slider-1-product.png new file mode 100755 index 0000000..c7ee8ba Binary files /dev/null and b/public/assets/img/slider/slider-1-product.png differ diff --git a/public/assets/img/slider/slider-2-cover.jpg b/public/assets/img/slider/slider-2-cover.jpg new file mode 100755 index 0000000..05bd016 Binary files /dev/null and b/public/assets/img/slider/slider-2-cover.jpg differ diff --git a/public/assets/img/slider/slider-2-product.png b/public/assets/img/slider/slider-2-product.png new file mode 100755 index 0000000..d2308e6 Binary files /dev/null and b/public/assets/img/slider/slider-2-product.png differ diff --git a/public/assets/img/slider/slider-3-cover.jpg b/public/assets/img/slider/slider-3-cover.jpg new file mode 100755 index 0000000..029d200 Binary files /dev/null and b/public/assets/img/slider/slider-3-cover.jpg differ diff --git a/public/assets/img/slider/slider-3-product.png b/public/assets/img/slider/slider-3-product.png new file mode 100755 index 0000000..415ed82 Binary files /dev/null and b/public/assets/img/slider/slider-3-product.png differ diff --git a/public/assets/img/slider/slider-product-2.png b/public/assets/img/slider/slider-product-2.png new file mode 100755 index 0000000..65cc55b Binary files /dev/null and b/public/assets/img/slider/slider-product-2.png differ diff --git a/public/assets/img/transparent/black-0.1.png b/public/assets/img/transparent/black-0.1.png new file mode 100755 index 0000000..34683ef Binary files /dev/null and b/public/assets/img/transparent/black-0.1.png differ diff --git a/public/assets/img/transparent/black-0.2.png b/public/assets/img/transparent/black-0.2.png new file mode 100755 index 0000000..e8fce41 Binary files /dev/null and b/public/assets/img/transparent/black-0.2.png differ diff --git a/public/assets/img/transparent/black-0.3.png b/public/assets/img/transparent/black-0.3.png new file mode 100755 index 0000000..911fb79 Binary files /dev/null and b/public/assets/img/transparent/black-0.3.png differ diff --git a/public/assets/img/transparent/black-0.4.png b/public/assets/img/transparent/black-0.4.png new file mode 100755 index 0000000..30d467c Binary files /dev/null and b/public/assets/img/transparent/black-0.4.png differ diff --git a/public/assets/img/transparent/black-0.5.png b/public/assets/img/transparent/black-0.5.png new file mode 100755 index 0000000..2982214 Binary files /dev/null and b/public/assets/img/transparent/black-0.5.png differ diff --git a/public/assets/img/transparent/black-0.6.png b/public/assets/img/transparent/black-0.6.png new file mode 100755 index 0000000..8621cb9 Binary files /dev/null and b/public/assets/img/transparent/black-0.6.png differ diff --git a/public/assets/img/transparent/black-0.7.png b/public/assets/img/transparent/black-0.7.png new file mode 100755 index 0000000..3f0d630 Binary files /dev/null and b/public/assets/img/transparent/black-0.7.png differ diff --git a/public/assets/img/transparent/black-0.8.png b/public/assets/img/transparent/black-0.8.png new file mode 100755 index 0000000..18e5f4d Binary files /dev/null and b/public/assets/img/transparent/black-0.8.png differ diff --git a/public/assets/img/transparent/black-0.9.png b/public/assets/img/transparent/black-0.9.png new file mode 100755 index 0000000..da7719b Binary files /dev/null and b/public/assets/img/transparent/black-0.9.png differ diff --git a/public/assets/img/transparent/white-0.1.png b/public/assets/img/transparent/white-0.1.png new file mode 100755 index 0000000..06c84b9 Binary files /dev/null and b/public/assets/img/transparent/white-0.1.png differ diff --git a/public/assets/img/transparent/white-0.2.png b/public/assets/img/transparent/white-0.2.png new file mode 100755 index 0000000..15b03e9 Binary files /dev/null and b/public/assets/img/transparent/white-0.2.png differ diff --git a/public/assets/img/transparent/white-0.3.png b/public/assets/img/transparent/white-0.3.png new file mode 100755 index 0000000..3f859fe Binary files /dev/null and b/public/assets/img/transparent/white-0.3.png differ diff --git a/public/assets/img/transparent/white-0.4.png b/public/assets/img/transparent/white-0.4.png new file mode 100755 index 0000000..9fbb0bd Binary files /dev/null and b/public/assets/img/transparent/white-0.4.png differ diff --git a/public/assets/img/transparent/white-0.5.png b/public/assets/img/transparent/white-0.5.png new file mode 100755 index 0000000..544c6c6 Binary files /dev/null and b/public/assets/img/transparent/white-0.5.png differ diff --git a/public/assets/img/transparent/white-0.6.png b/public/assets/img/transparent/white-0.6.png new file mode 100755 index 0000000..c5d17cc Binary files /dev/null and b/public/assets/img/transparent/white-0.6.png differ diff --git a/public/assets/img/transparent/white-0.7.png b/public/assets/img/transparent/white-0.7.png new file mode 100755 index 0000000..3ea5893 Binary files /dev/null and b/public/assets/img/transparent/white-0.7.png differ diff --git a/public/assets/img/transparent/white-0.8.png b/public/assets/img/transparent/white-0.8.png new file mode 100755 index 0000000..bcfddae Binary files /dev/null and b/public/assets/img/transparent/white-0.8.png differ diff --git a/public/assets/img/transparent/white-0.9.png b/public/assets/img/transparent/white-0.9.png new file mode 100755 index 0000000..dab1ac2 Binary files /dev/null and b/public/assets/img/transparent/white-0.9.png differ diff --git a/public/assets/img/transparent/white-0.98.png b/public/assets/img/transparent/white-0.98.png new file mode 100755 index 0000000..54b210c Binary files /dev/null and b/public/assets/img/transparent/white-0.98.png differ diff --git a/public/assets/img/user/user-1.jpg b/public/assets/img/user/user-1.jpg new file mode 100755 index 0000000..43c53bf Binary files /dev/null and b/public/assets/img/user/user-1.jpg differ diff --git a/public/assets/img/user/user-10.jpg b/public/assets/img/user/user-10.jpg new file mode 100755 index 0000000..12e90d2 Binary files /dev/null and b/public/assets/img/user/user-10.jpg differ diff --git a/public/assets/img/user/user-11.jpg b/public/assets/img/user/user-11.jpg new file mode 100755 index 0000000..8ea5e80 Binary files /dev/null and b/public/assets/img/user/user-11.jpg differ diff --git a/public/assets/img/user/user-12.jpg b/public/assets/img/user/user-12.jpg new file mode 100755 index 0000000..b96d8b1 Binary files /dev/null and b/public/assets/img/user/user-12.jpg differ diff --git a/public/assets/img/user/user-13.jpg b/public/assets/img/user/user-13.jpg new file mode 100755 index 0000000..fdf9625 Binary files /dev/null and b/public/assets/img/user/user-13.jpg differ diff --git a/public/assets/img/user/user-2.jpg b/public/assets/img/user/user-2.jpg new file mode 100755 index 0000000..df5137a Binary files /dev/null and b/public/assets/img/user/user-2.jpg differ diff --git a/public/assets/img/user/user-3.jpg b/public/assets/img/user/user-3.jpg new file mode 100755 index 0000000..be12e9f Binary files /dev/null and b/public/assets/img/user/user-3.jpg differ diff --git a/public/assets/img/user/user-4.jpg b/public/assets/img/user/user-4.jpg new file mode 100755 index 0000000..5ba2eff Binary files /dev/null and b/public/assets/img/user/user-4.jpg differ diff --git a/public/assets/img/user/user-5.jpg b/public/assets/img/user/user-5.jpg new file mode 100755 index 0000000..fac7503 Binary files /dev/null and b/public/assets/img/user/user-5.jpg differ diff --git a/public/assets/img/user/user-6.jpg b/public/assets/img/user/user-6.jpg new file mode 100755 index 0000000..8bd3dd7 Binary files /dev/null and b/public/assets/img/user/user-6.jpg differ diff --git a/public/assets/img/user/user-7.jpg b/public/assets/img/user/user-7.jpg new file mode 100755 index 0000000..df3a812 Binary files /dev/null and b/public/assets/img/user/user-7.jpg differ diff --git a/public/assets/img/user/user-8.jpg b/public/assets/img/user/user-8.jpg new file mode 100755 index 0000000..bcde0fc Binary files /dev/null and b/public/assets/img/user/user-8.jpg differ diff --git a/public/assets/img/user/user-9.jpg b/public/assets/img/user/user-9.jpg new file mode 100755 index 0000000..4311626 Binary files /dev/null and b/public/assets/img/user/user-9.jpg differ diff --git a/public/assets/img/work/work-img-1.jpg b/public/assets/img/work/work-img-1.jpg new file mode 100755 index 0000000..6c7ed4f Binary files /dev/null and b/public/assets/img/work/work-img-1.jpg differ diff --git a/public/assets/img/work/work-img-2.jpg b/public/assets/img/work/work-img-2.jpg new file mode 100755 index 0000000..95df0d1 Binary files /dev/null and b/public/assets/img/work/work-img-2.jpg differ diff --git a/public/assets/img/work/work-img-3.jpg b/public/assets/img/work/work-img-3.jpg new file mode 100755 index 0000000..fdeb174 Binary files /dev/null and b/public/assets/img/work/work-img-3.jpg differ diff --git a/public/assets/img/work/work-img-4.jpg b/public/assets/img/work/work-img-4.jpg new file mode 100755 index 0000000..23da43b Binary files /dev/null and b/public/assets/img/work/work-img-4.jpg differ diff --git a/public/assets/img/work/work-img-5.jpg b/public/assets/img/work/work-img-5.jpg new file mode 100755 index 0000000..eff4c2d Binary files /dev/null and b/public/assets/img/work/work-img-5.jpg differ diff --git a/public/assets/img/work/work-img-6.jpg b/public/assets/img/work/work-img-6.jpg new file mode 100755 index 0000000..20b57ac Binary files /dev/null and b/public/assets/img/work/work-img-6.jpg differ diff --git a/public/assets/img/work/work-img-7.jpg b/public/assets/img/work/work-img-7.jpg new file mode 100755 index 0000000..55b36b6 Binary files /dev/null and b/public/assets/img/work/work-img-7.jpg differ diff --git a/public/assets/img/work/work-img-8.jpg b/public/assets/img/work/work-img-8.jpg new file mode 100755 index 0000000..6c50cfd Binary files /dev/null and b/public/assets/img/work/work-img-8.jpg differ diff --git a/public/assets/js/blog/apps.js b/public/assets/js/blog/apps.js new file mode 100755 index 0000000..3a9df53 --- /dev/null +++ b/public/assets/js/blog/apps.js @@ -0,0 +1,214 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ + ---------------------------- + APPS CONTENT TABLE + ---------------------------- + + + 01. Handle Home Content Height + 02. Handle Header Navigation State + 03. Handle Commas to Number + 04. Handle Page Container Show + 05. Handle Pace Page Loading Plugins + 06. Handle Page Scroll Content Animation + 07. Handle Header Scroll To Action + 08. Handle Tooltip Activation + 09. Handle Theme Panel Expand + 10. Handle Theme Page Control + + + Application Controller +*/ + + + +/* 01. Handle Home Content Height +------------------------------------------------ */ +var handleHomeContentHeight = function() { + $('#home').height($(window).height()); +}; + + +/* 02. Handle Header Navigation State +------------------------------------------------ */ +var handleHeaderNavigationState = function() { + $(window).on('scroll', function() { + var totalScrollTop = $(window).scrollTop(); + if (totalScrollTop >= 50){ + $('#header').addClass('navbar-sm'); + } else { + $('#header').removeClass('navbar-sm'); + } + }); +}; + + +/* 03. Handle Commas to Number +------------------------------------------------ */ +var handleAddCommasToNumber = function(value) { + return value.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); +}; + + +/* 04. Handle Page Container Show +------------------------------------------------ */ +var handlePageContainerShow = function() { + $('#page-container').addClass('in'); +}; + + +/* 05. Handle Pace Page Loading Plugins +------------------------------------------------ */ +var handlePaceLoadingPlugins = function() { + Pace.on('hide', function(){ + setTimeout(function() { + $('.pace').addClass('hide'); + }, 1000); + }); +}; + + +/* 06. Handle Page Scroll Content Animation +------------------------------------------------ */ +var handlePageScrollContentAnimation = function() { + $('[data-scrollview="true"]').each(function() { + var myElement = $(this); + + var elementWatcher = scrollMonitor.create( myElement, 60 ); + + elementWatcher.enterViewport(function() { + $(myElement).find('[data-animation=true]').each(function() { + var targetAnimation = $(this).attr('data-animation-type'); + var targetElement = $(this); + if (!$(targetElement).hasClass('contentAnimated')) { + if (targetAnimation == 'number') { + var finalNumber = parseInt($(targetElement).attr('data-final-number')); + $({animateNumber: 0}).animate({animateNumber: finalNumber}, { + duration: 1000, + easing:'swing', + step: function() { + var displayNumber = handleAddCommasToNumber(Math.ceil(this.animateNumber)); + $(targetElement).text(displayNumber).addClass('contentAnimated'); + } + }); + } else { + $(this).addClass(targetAnimation + ' contentAnimated'); + } + } + }); + }); + }); +}; + + +/* 07. Handle Header Scroll To Action +------------------------------------------------ */ +var handleHeaderScrollToAction = function() { + $('[data-click=scroll-to-target]').on('click', function(e) { + e.preventDefault(); + e.stopPropagation(); + var target = $(this).attr('href'); + var headerHeight = 50; + $('html, body').animate({ + scrollTop: $(target).offset().top - headerHeight + }, 500); + + if ($(this).attr('data-toggle') == 'dropdown') { + var targetLi = $(this).closest('li.dropdown'); + if ($(targetLi).hasClass('open')) { + $(targetLi).removeClass('open'); + } else { + $(targetLi).addClass('open'); + } + } + }); + $(document).click(function(e) { + if (!e.isPropagationStopped()) { + $('.dropdown.open').removeClass('open'); + } + }); +}; + + +/* 08. Handle Tooltip Activation +------------------------------------------------ */ +var handleTooltipActivation = function() { + if ($('[data-toggle=tooltip]').length !== 0) { + $('[data-toggle=tooltip]').tooltip(); + } +}; + + +/* 09. Handle Theme Panel Expand +------------------------------------------------ */ +var handleThemePanelExpand = function() { + $(document).on('click', '[data-click="theme-panel-expand"]', function() { + var targetContainer = '.theme-panel'; + var targetClass = 'active'; + if ($(targetContainer).hasClass(targetClass)) { + $(targetContainer).removeClass(targetClass); + } else { + $(targetContainer).addClass(targetClass); + } + }); +}; + + +/* 10. Handle Theme Page Control +------------------------------------------------ */ +var handleThemePageControl = function() { + if (Cookies && Cookies.get('theme')) { + if ($('.theme-list').length !== 0) { + $('.theme-list [data-theme]').closest('li').removeClass('active'); + $('.theme-list [data-theme="'+ Cookies.get('theme') +'"]').closest('li').addClass('active'); + } + var cssFileSrc = $('[data-theme="'+ Cookies.get('theme') +'"]').attr('data-theme-file'); + $('#theme').attr('href', cssFileSrc, { expires: 365 }); + } + + $(document).on('click', '.theme-list [data-theme]', function() { + var cssFileSrc = $(this).attr('data-theme-file'); + $('#theme').attr('href', cssFileSrc); + $('.theme-list [data-theme]').not(this).closest('li').removeClass('active'); + $(this).closest('li').addClass('active'); + Cookies.set('theme', $(this).attr('data-theme')); + }); +}; + +var handlePostGrid = function() { + if ($('.post-grid').length !== 0) { + $('.post-grid').masonry({ + // set itemSelector so .grid-sizer is not used in layout + itemSelector: '.post-li', + // use element for option + columnWidth: '.post-li', + percentPosition: true + }); + } +}; + + +/* Application Controller +------------------------------------------------ */ +var App = function () { + "use strict"; + + return { + //main function + init: function () { + handleHomeContentHeight(); + handleHeaderNavigationState(); + handlePageContainerShow(); + handlePaceLoadingPlugins(); + handlePageScrollContentAnimation(); + handleHeaderScrollToAction(); + handleTooltipActivation(); + handleThemePanelExpand(); + handleThemePageControl(); + handlePostGrid(); + } + }; +}(); \ No newline at end of file diff --git a/public/assets/js/blog/apps.min.js b/public/assets/js/blog/apps.min.js new file mode 100755 index 0000000..e59501c --- /dev/null +++ b/public/assets/js/blog/apps.min.js @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/blog/ +*/var handleHomeContentHeight=function(){$("#home").height($(window).height())},handleHeaderNavigationState=function(){$(window).on("scroll",function(){$(window).scrollTop()>=50?$("#header").addClass("navbar-sm"):$("#header").removeClass("navbar-sm")})},handleAddCommasToNumber=function(e){return e.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")},handlePageContainerShow=function(){$("#page-container").addClass("in")},handlePaceLoadingPlugins=function(){Pace.on("hide",function(){setTimeout(function(){$(".pace").addClass("hide")},1e3)})},handlePageScrollContentAnimation=function(){$('[data-scrollview="true"]').each(function(){var e=$(this);scrollMonitor.create(e,60).enterViewport(function(){$(e).find("[data-animation=true]").each(function(){var e=$(this).attr("data-animation-type"),t=$(this);if(!$(t).hasClass("contentAnimated"))if("number"==e){var a=parseInt($(t).attr("data-final-number"));$({animateNumber:0}).animate({animateNumber:a},{duration:1e3,easing:"swing",step:function(){var e=handleAddCommasToNumber(Math.ceil(this.animateNumber));$(t).text(e).addClass("contentAnimated")}})}else $(this).addClass(e+" contentAnimated")})})})},handleHeaderScrollToAction=function(){$("[data-click=scroll-to-target]").on("click",function(e){e.preventDefault(),e.stopPropagation();var t=$(this).attr("href");if($("html, body").animate({scrollTop:$(t).offset().top-50},500),"dropdown"==$(this).attr("data-toggle")){var a=$(this).closest("li.dropdown");$(a).hasClass("open")?$(a).removeClass("open"):$(a).addClass("open")}}),$(document).click(function(e){e.isPropagationStopped()||$(".dropdown.open").removeClass("open")})},handleTooltipActivation=function(){0!==$("[data-toggle=tooltip]").length&&$("[data-toggle=tooltip]").tooltip()},handleThemePanelExpand=function(){$(document).on("click",'[data-click="theme-panel-expand"]',function(){$(".theme-panel").hasClass("active")?$(".theme-panel").removeClass("active"):$(".theme-panel").addClass("active")})},handleThemePageControl=function(){if(Cookies&&Cookies.get("theme")){0!==$(".theme-list").length&&($(".theme-list [data-theme]").closest("li").removeClass("active"),$('.theme-list [data-theme="'+Cookies.get("theme")+'"]').closest("li").addClass("active"));var e=$('[data-theme="'+Cookies.get("theme")+'"]').attr("data-theme-file");$("#theme").attr("href",e,{expires:365})}$(document).on("click",".theme-list [data-theme]",function(){var e=$(this).attr("data-theme-file");$("#theme").attr("href",e),$(".theme-list [data-theme]").not(this).closest("li").removeClass("active"),$(this).closest("li").addClass("active"),Cookies.set("theme",$(this).attr("data-theme"))})},handlePostGrid=function(){0!==$(".post-grid").length&&$(".post-grid").masonry({itemSelector:".post-li",columnWidth:".post-li",percentPosition:!0})},App=function(){"use strict";return{init:function(){handleHomeContentHeight(),handleHeaderNavigationState(),handlePageContainerShow(),handlePaceLoadingPlugins(),handlePageScrollContentAnimation(),handleHeaderScrollToAction(),handleTooltipActivation(),handleThemePanelExpand(),handleThemePageControl(),handlePostGrid()}}}(); \ No newline at end of file diff --git a/public/assets/js/e-commerce/apps.js b/public/assets/js/e-commerce/apps.js new file mode 100755 index 0000000..a4b4ca5 --- /dev/null +++ b/public/assets/js/e-commerce/apps.js @@ -0,0 +1,181 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ + ---------------------------- + APPS CONTENT TABLE + ---------------------------- + + + 01. Handle Fixed Header Option + 02. Handle Page Container Show + 03. Handle Pace Page Loading Plugins + 04. Handle Tooltip Activation + 05. Handle Theme Panel Expand + 06. Handle Theme Page Control + 07. Handle Payment Type Selection + 08. Handle Checkout Qty Control + 09. Handle Product Image + + + Application Controller +*/ + + + +/* 01. Handle Fixed Header Option +------------------------------------------------ */ +var handleHeaderFixedTop = function() { + if ($('#header[data-fixed-top="true"]').length !== 0) { + $(window).on('scroll', function() { + var targetScrollTop = ($(window).width() >= 1920) ? 48 : 40; + var targetPaddingTop = ($(window).width() >= 1920) ? '100px' : '76px'; + if ($(window).scrollTop() >= targetScrollTop) { + $('body').css('padding-top', targetPaddingTop); + $('#header').addClass('header-fixed'); + } else { + $('#header').removeClass('header-fixed'); + $('body').css('padding-top', '0'); + } + }); + } +}; + + +/* 02. Handle Page Container Show +------------------------------------------------ */ +var handlePageContainerShow = function() { + $('#page-container').addClass('in'); +}; + + +/* 03. Handle Pace Page Loading Plugins +------------------------------------------------ */ +var handlePaceLoadingPlugins = function() { + Pace.on('hide', function(){ + setTimeout(function() { + $('.pace').addClass('hide'); + },500); + }); +}; + + +/* 04. Handle Tooltip Activation +------------------------------------------------ */ +var handleTooltipActivation = function() { + if ($('[data-toggle=tooltip]').length !== 0) { + $('[data-toggle=tooltip]').tooltip(); + } +}; + + +/* 05. Handle Theme Panel Expand +------------------------------------------------ */ +var handleThemePanelExpand = function() { + $(document).on('click', '[data-click="theme-panel-expand"]', function() { + var targetContainer = '.theme-panel'; + var targetClass = 'active'; + if ($(targetContainer).hasClass(targetClass)) { + $(targetContainer).removeClass(targetClass); + } else { + $(targetContainer).addClass(targetClass); + } + }); +}; + + +/* 06. Handle Theme Page Control +------------------------------------------------ */ +var handleThemePageControl = function() { + if (Cookies && Cookies.get('theme')) { + if ($('.theme-list').length !== 0) { + $('.theme-list [data-theme]').closest('li').removeClass('active'); + $('.theme-list [data-theme="'+ Cookies.get('theme') +'"]').closest('li').addClass('active'); + } + var cssFileSrc = $('[data-theme="'+ Cookies.get('theme') +'"]').attr('data-theme-file'); + $('#theme').attr('href', cssFileSrc, { expires: 365 }); + } + + $(document).on('click', '.theme-list [data-theme]', function() { + var cssFileSrc = $(this).attr('data-theme-file'); + $('#theme').attr('href', cssFileSrc); + $('.theme-list [data-theme]').not(this).closest('li').removeClass('active'); + $(this).closest('li').addClass('active'); + Cookies.set('theme', $(this).attr('data-theme')); + }); +}; + + +/* 07. Handle Payment Type Selection +------------------------------------------------ */ +var handlePaymentTypeSelection = function() { + $(document).on('click', '[data-click="set-payment"]', function(e) { + e.preventDefault(); + + var targetLi = $(this).closest('li'); + var targetValue = $(this).attr('data-value'); + $('[data-click="set-payment"]').closest('li').not(targetLi).removeClass('active'); + $('[data-id="payment-type"]').val(targetValue); + $(targetLi).addClass('active'); + }); +}; + + +/* 08. Handle Checkout Qty Control +------------------------------------------------ */ +var handleQtyControl = function() { + $(document).on('click', '[data-click="increase-qty"]', function(e) { + e.preventDefault(); + var targetInput = $(this).attr('data-target'); + var targetValue = parseInt($(targetInput).val()) + 1; + + $(targetInput).val(targetValue); + }); + $('[data-click="decrease-qty"]').click(function(e) { + e.preventDefault(); + var targetInput = $(this).attr('data-target'); + var targetValue = parseInt($(targetInput).val()) - 1; + targetValue = (targetValue < 0) ? 0 : targetValue; + $(targetInput).val(targetValue); + }); +}; + + +/* 09. Handle Product Image +------------------------------------------------ */ +var handleProductImage = function() { + $(document).on('click', '[data-click="show-main-image"]', function(e) { + e.preventDefault(); + + var targetContainer = '[data-id="main-image"]'; + var targetImage = ''; + var targetLi = $(this).closest('li'); + + $(targetContainer).html(targetImage); + $(targetLi).addClass('active'); + $('[data-click="show-main-image"]').closest('li').not(targetLi).removeClass('active'); + }); +}; + + +/* Application Controller +------------------------------------------------ */ +var App = function () { + "use strict"; + + return { + //main function + init: function () { + handleHeaderFixedTop(); + handlePageContainerShow(); + handlePaceLoadingPlugins(); + handleTooltipActivation(); + handleThemePanelExpand(); + handleThemePageControl(); + handlePaymentTypeSelection(); + handleQtyControl(); + handleProductImage(); + } + }; +}(); \ No newline at end of file diff --git a/public/assets/js/e-commerce/apps.min.js b/public/assets/js/e-commerce/apps.min.js new file mode 100755 index 0000000..9d63132 --- /dev/null +++ b/public/assets/js/e-commerce/apps.min.js @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/e-commerce/ +*/var handleHeaderFixedTop=function(){0!==$('#header[data-fixed-top="true"]').length&&$(window).on("scroll",function(){var e=$(window).width()>=1920?48:40,t=$(window).width()>=1920?"100px":"76px";$(window).scrollTop()>=e?($("body").css("padding-top",t),$("#header").addClass("header-fixed")):($("#header").removeClass("header-fixed"),$("body").css("padding-top","0"))})},handlePageContainerShow=function(){$("#page-container").addClass("in")},handlePaceLoadingPlugins=function(){Pace.on("hide",function(){setTimeout(function(){$(".pace").addClass("hide")},500)})},handleTooltipActivation=function(){0!==$("[data-toggle=tooltip]").length&&$("[data-toggle=tooltip]").tooltip()},handleThemePanelExpand=function(){$(document).on("click",'[data-click="theme-panel-expand"]',function(){$(".theme-panel").hasClass("active")?$(".theme-panel").removeClass("active"):$(".theme-panel").addClass("active")})},handleThemePageControl=function(){if(Cookies&&Cookies.get("theme")){0!==$(".theme-list").length&&($(".theme-list [data-theme]").closest("li").removeClass("active"),$('.theme-list [data-theme="'+Cookies.get("theme")+'"]').closest("li").addClass("active"));var e=$('[data-theme="'+Cookies.get("theme")+'"]').attr("data-theme-file");$("#theme").attr("href",e,{expires:365})}$(document).on("click",".theme-list [data-theme]",function(){var e=$(this).attr("data-theme-file");$("#theme").attr("href",e),$(".theme-list [data-theme]").not(this).closest("li").removeClass("active"),$(this).closest("li").addClass("active"),Cookies.set("theme",$(this).attr("data-theme"))})},handlePaymentTypeSelection=function(){$(document).on("click",'[data-click="set-payment"]',function(e){e.preventDefault();var t=$(this).closest("li"),a=$(this).attr("data-value");$('[data-click="set-payment"]').closest("li").not(t).removeClass("active"),$('[data-id="payment-type"]').val(a),$(t).addClass("active")})},handleQtyControl=function(){$(document).on("click",'[data-click="increase-qty"]',function(e){e.preventDefault();var t=$(this).attr("data-target"),a=parseInt($(t).val())+1;$(t).val(a)}),$('[data-click="decrease-qty"]').click(function(e){e.preventDefault();var t=$(this).attr("data-target"),a=parseInt($(t).val())-1;a=a<0?0:a,$(t).val(a)})},handleProductImage=function(){$(document).on("click",'[data-click="show-main-image"]',function(e){e.preventDefault();var t='',a=$(this).closest("li");$('[data-id="main-image"]').html(t),$(a).addClass("active"),$('[data-click="show-main-image"]').closest("li").not(a).removeClass("active")})},App=function(){"use strict";return{init:function(){handleHeaderFixedTop(),handlePageContainerShow(),handlePaceLoadingPlugins(),handleTooltipActivation(),handleThemePanelExpand(),handleThemePageControl(),handlePaymentTypeSelection(),handleQtyControl(),handleProductImage()}}}(); \ No newline at end of file diff --git a/public/assets/js/forum/apps.js b/public/assets/js/forum/apps.js new file mode 100755 index 0000000..ec60279 --- /dev/null +++ b/public/assets/js/forum/apps.js @@ -0,0 +1,106 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ + ---------------------------- + APPS CONTENT TABLE + ---------------------------- + + + 01. Handle Header Navigation State + 02. Handle Pace Page Loading Plugins + 03. Handle Tooltip Activation + 04. Handle Theme Panel Expand + + + Application Controller +*/ + + +/* 01. Handle Header Navigation State +------------------------------------------------ */ +var handleHeaderNavigationState = function() { + $(window).on('scroll load', function() { + if ($(window).scrollTop() > 20) { + $('#header').addClass('navbar-sm'); + } else { + $('#header').removeClass('navbar-sm'); + } + }); +}; + + +/* 02. Handle Pace Page Loading Plugins +------------------------------------------------ */ +var handlePaceLoadingPlugins = function() { + Pace.on('hide', function(){ + setTimeout(function() { + $('.pace').addClass('hide'); + }, 1000); + }); +}; + + +/* 03. Handle Tooltip Activation +------------------------------------------------ */ +var handleTooltipActivation = function() { + if ($('[data-toggle=tooltip]').length !== 0) { + $('[data-toggle=tooltip]').tooltip(); + } +}; + + +/* 04. Handle Theme Panel Expand +------------------------------------------------ */ +var handleThemePanelExpand = function() { + $(document).on('click', '[data-click="theme-panel-expand"]', function() { + var targetContainer = '.theme-panel'; + var targetClass = 'active'; + if ($(targetContainer).hasClass(targetClass)) { + $(targetContainer).removeClass(targetClass); + } else { + $(targetContainer).addClass(targetClass); + } + }); +}; + + +/* 05. Handle Theme Page Control +------------------------------------------------ */ +var handleThemePageControl = function() { + if (Cookies && Cookies.get('theme')) { + if ($('.theme-list').length !== 0) { + $('.theme-list [data-theme]').closest('li').removeClass('active'); + $('.theme-list [data-theme="'+ Cookies.get('theme') +'"]').closest('li').addClass('active'); + } + var cssFileSrc = $('[data-theme="'+ Cookies.get('theme') +'"]').attr('data-theme-file'); + $('#theme').attr('href', cssFileSrc, { expires: 365 }); + } + + $(document).on('click', '.theme-list [data-theme]', function() { + var cssFileSrc = $(this).attr('data-theme-file'); + $('#theme').attr('href', cssFileSrc); + $('.theme-list [data-theme]').not(this).closest('li').removeClass('active'); + $(this).closest('li').addClass('active'); + Cookies.set('theme', $(this).attr('data-theme')); + }); +}; + + +/* Application Controller +------------------------------------------------ */ +var App = function () { + "use strict"; + + return { + //main function + init: function () { + handleHeaderNavigationState(); + handlePaceLoadingPlugins(); + handleTooltipActivation(); + handleThemePanelExpand(); + handleThemePageControl(); + } + }; +}(); \ No newline at end of file diff --git a/public/assets/js/forum/apps.min.js b/public/assets/js/forum/apps.min.js new file mode 100755 index 0000000..add66fe --- /dev/null +++ b/public/assets/js/forum/apps.min.js @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/var handleHeaderNavigationState=function(){$(window).on("scroll load",function(){$(window).scrollTop()>20?$("#header").addClass("navbar-sm"):$("#header").removeClass("navbar-sm")})},handlePaceLoadingPlugins=function(){Pace.on("hide",function(){setTimeout(function(){$(".pace").addClass("hide")},1e3)})},handleTooltipActivation=function(){0!==$("[data-toggle=tooltip]").length&&$("[data-toggle=tooltip]").tooltip()},handleThemePanelExpand=function(){$(document).on("click",'[data-click="theme-panel-expand"]',function(){$(".theme-panel").hasClass("active")?$(".theme-panel").removeClass("active"):$(".theme-panel").addClass("active")})},handleThemePageControl=function(){if(Cookies&&Cookies.get("theme")){0!==$(".theme-list").length&&($(".theme-list [data-theme]").closest("li").removeClass("active"),$('.theme-list [data-theme="'+Cookies.get("theme")+'"]').closest("li").addClass("active"));var e=$('[data-theme="'+Cookies.get("theme")+'"]').attr("data-theme-file");$("#theme").attr("href",e,{expires:365})}$(document).on("click",".theme-list [data-theme]",function(){var e=$(this).attr("data-theme-file");$("#theme").attr("href",e),$(".theme-list [data-theme]").not(this).closest("li").removeClass("active"),$(this).closest("li").addClass("active"),Cookies.set("theme",$(this).attr("data-theme"))})},App=function(){"use strict";return{init:function(){handleHeaderNavigationState(),handlePaceLoadingPlugins(),handleTooltipActivation(),handleThemePanelExpand(),handleThemePageControl()}}}(); \ No newline at end of file diff --git a/public/assets/js/forum/forum-details-page.js b/public/assets/js/forum/forum-details-page.js new file mode 100755 index 0000000..0c8cbdc --- /dev/null +++ b/public/assets/js/forum/forum-details-page.js @@ -0,0 +1,21 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/ + +var handleFormWysihtml5 = function () { + "use strict"; + $('#wysihtml5').wysihtml5(); +}; + +var ForumDetailsPage = function () { + "use strict"; + return { + //main function + init: function () { + handleFormWysihtml5(); + } + }; +}(); \ No newline at end of file diff --git a/public/assets/js/forum/forum-details-page.min.js b/public/assets/js/forum/forum-details-page.min.js new file mode 100755 index 0000000..7f1c557 --- /dev/null +++ b/public/assets/js/forum/forum-details-page.min.js @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/forum/ +*/var handleFormWysihtml5=function(){"use strict";$("#wysihtml5").wysihtml5()},ForumDetailsPage=function(){"use strict";return{init:function(){handleFormWysihtml5()}}}(); \ No newline at end of file diff --git a/public/assets/js/one-page-parallax/apps.js b/public/assets/js/one-page-parallax/apps.js new file mode 100755 index 0000000..535066c --- /dev/null +++ b/public/assets/js/one-page-parallax/apps.js @@ -0,0 +1,208 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ + ---------------------------- + APPS CONTENT TABLE + ---------------------------- + + + 01. Handle Home Content Height + 02. Handle Header Navigation State + 03. Handle Commas to Number + 04. Handle Page Container Show + 05. Handle Pace Page Loading Plugins + 06. Handle Page Scroll Content Animation + 07. Handle Header Scroll To Action + 08. Handle Tooltip Activation + 09. Handle Theme Panel Expand + 10. Handle Theme Page Control + + + Application Controller +*/ + + + +/* 01. Handle Home Content Height +------------------------------------------------ */ +var handleHomeContentHeight = function() { + $('#home').height($(window).height()); + + $(window).on('resize', function() { + $('#home').height($(window).height()); + }); +}; + + +/* 02. Handle Header Navigation State +------------------------------------------------ */ +var handleHeaderNavigationState = function() { + $(window).on('scroll load', function() { + if ($('#header').attr('data-state-change') != 'disabled') { + var totalScroll = $(window).scrollTop(); + var headerHeight = $('#header').height(); + if (totalScroll >= headerHeight) { + $('#header').addClass('navbar-small'); + } else { + $('#header').removeClass('navbar-small'); + } + } + }); +}; + + +/* 03. Handle Commas to Number +------------------------------------------------ */ +var handleAddCommasToNumber = function(value) { + return value.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); +}; + + +/* 04. Handle Page Container Show +------------------------------------------------ */ +var handlePageContainerShow = function() { + $('#page-container').addClass('in'); +}; + + +/* 05. Handle Pace Page Loading Plugins +------------------------------------------------ */ +var handlePaceLoadingPlugins = function() { + Pace.on('hide', function(){ + $('.pace').addClass('hide'); + }); +}; + + +/* 06. Handle Page Scroll Content Animation +------------------------------------------------ */ +var handlePageScrollContentAnimation = function() { + $('[data-scrollview="true"]').each(function() { + var myElement = $(this); + var elementWatcher = scrollMonitor.create( myElement, 60 ); + + elementWatcher.enterViewport(function() { + $(myElement).find('[data-animation=true]').each(function() { + var targetAnimation = $(this).attr('data-animation-type'); + var targetElement = $(this); + if (!$(targetElement).hasClass('contentAnimated')) { + if (targetAnimation == 'number') { + var finalNumber = parseInt($(targetElement).attr('data-final-number')); + $({animateNumber: 0}).animate({animateNumber: finalNumber}, { + duration: 1000, + easing:'swing', + step: function() { + var displayNumber = handleAddCommasToNumber(Math.ceil(this.animateNumber)); + $(targetElement).text(displayNumber).addClass('contentAnimated'); + } + }); + } else { + $(this).addClass(targetAnimation + ' contentAnimated'); + setTimeout(function() { + $(targetElement).addClass('finishAnimated'); + }, 1500); + } + } + }); + }); + }); +}; + + +/* 07. Handle Header Scroll To Action +------------------------------------------------ */ +var handleHeaderScrollToAction = function() { + $(document).on('click', '[data-click=scroll-to-target]', function(e) { + e.preventDefault(); + e.stopPropagation(); + var target = $(this).attr('href'); + var headerHeight = 50; + $('html, body').animate({ + scrollTop: $(target).offset().top - headerHeight + }, 500); + + if ($(this).attr('data-toggle') == 'dropdown') { + var targetLi = $(this).closest('li.dropdown'); + if ($(targetLi).hasClass('open')) { + $(targetLi).removeClass('open'); + } else { + $(targetLi).addClass('open'); + } + } + }); + $(document).click(function(e) { + if (!e.isPropagationStopped()) { + $('.dropdown.open').removeClass('open'); + } + }); +}; + + +/* 08. Handle Tooltip Activation +------------------------------------------------ */ +var handleTooltipActivation = function() { + if ($('[data-toggle=tooltip]').length !== 0) { + $('[data-toggle=tooltip]').tooltip(); + } +}; + + +/* 09. Handle Theme Panel Expand +------------------------------------------------ */ +var handleThemePanelExpand = function() { + $(document).on('click', '[data-click="theme-panel-expand"]', function() { + var targetContainer = '.theme-panel'; + var targetClass = 'active'; + if ($(targetContainer).hasClass(targetClass)) { + $(targetContainer).removeClass(targetClass); + } else { + $(targetContainer).addClass(targetClass); + } + }); +}; + + +/* 10. Handle Theme Page Control +------------------------------------------------ */ +var handleThemePageControl = function() { + if (Cookies && Cookies.get('theme')) { + if ($('.theme-list').length !== 0) { + $('.theme-list [data-theme]').closest('li').removeClass('active'); + $('.theme-list [data-theme="'+ Cookies.get('theme') +'"]').closest('li').addClass('active'); + } + var cssFileSrc = $('[data-theme="'+ Cookies.get('theme') +'"]').attr('data-theme-file'); + $('#theme').attr('href', cssFileSrc, { expires: 365 }); + } + + $(document).on('click', '.theme-list [data-theme]', function() { + var cssFileSrc = $(this).attr('data-theme-file'); + $('#theme').attr('href', cssFileSrc); + $('.theme-list [data-theme]').not(this).closest('li').removeClass('active'); + $(this).closest('li').addClass('active'); + Cookies.set('theme', $(this).attr('data-theme')); + }); +}; + + +/* Application Controller +------------------------------------------------ */ +var App = function () { + "use strict"; + + return { + //main function + init: function () { + handleHomeContentHeight(); + handleHeaderNavigationState(); + handlePageContainerShow(); + handlePaceLoadingPlugins(); + handlePageScrollContentAnimation(); + handleHeaderScrollToAction(); + handleTooltipActivation(); + handleThemePanelExpand(); + handleThemePageControl(); + } + }; +}(); \ No newline at end of file diff --git a/public/assets/js/one-page-parallax/apps.min.js b/public/assets/js/one-page-parallax/apps.min.js new file mode 100755 index 0000000..9845b04 --- /dev/null +++ b/public/assets/js/one-page-parallax/apps.min.js @@ -0,0 +1,6 @@ +/* +Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4 +Version: 4.0.0 +Author: Sean Ngu +Website: http://www.seantheme.com/color-admin-v4.0/frontend/one-page-parallax/ +*/var handleHomeContentHeight=function(){$("#home").height($(window).height()),$(window).on("resize",function(){$("#home").height($(window).height())})},handleHeaderNavigationState=function(){$(window).on("scroll load",function(){"disabled"!=$("#header").attr("data-state-change")&&($(window).scrollTop()>=$("#header").height()?$("#header").addClass("navbar-small"):$("#header").removeClass("navbar-small"))})},handleAddCommasToNumber=function(e){return e.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")},handlePageContainerShow=function(){$("#page-container").addClass("in")},handlePaceLoadingPlugins=function(){Pace.on("hide",function(){$(".pace").addClass("hide")})},handlePageScrollContentAnimation=function(){$('[data-scrollview="true"]').each(function(){var e=$(this);scrollMonitor.create(e,60).enterViewport(function(){$(e).find("[data-animation=true]").each(function(){var e=$(this).attr("data-animation-type"),t=$(this);if(!$(t).hasClass("contentAnimated"))if("number"==e){var a=parseInt($(t).attr("data-final-number"));$({animateNumber:0}).animate({animateNumber:a},{duration:1e3,easing:"swing",step:function(){var e=handleAddCommasToNumber(Math.ceil(this.animateNumber));$(t).text(e).addClass("contentAnimated")}})}else $(this).addClass(e+" contentAnimated"),setTimeout(function(){$(t).addClass("finishAnimated")},1500)})})})},handleHeaderScrollToAction=function(){$(document).on("click","[data-click=scroll-to-target]",function(e){e.preventDefault(),e.stopPropagation();var t=$(this).attr("href");if($("html, body").animate({scrollTop:$(t).offset().top-50},500),"dropdown"==$(this).attr("data-toggle")){var a=$(this).closest("li.dropdown");$(a).hasClass("open")?$(a).removeClass("open"):$(a).addClass("open")}}),$(document).click(function(e){e.isPropagationStopped()||$(".dropdown.open").removeClass("open")})},handleTooltipActivation=function(){0!==$("[data-toggle=tooltip]").length&&$("[data-toggle=tooltip]").tooltip()},handleThemePanelExpand=function(){$(document).on("click",'[data-click="theme-panel-expand"]',function(){$(".theme-panel").hasClass("active")?$(".theme-panel").removeClass("active"):$(".theme-panel").addClass("active")})},handleThemePageControl=function(){if(Cookies&&Cookies.get("theme")){0!==$(".theme-list").length&&($(".theme-list [data-theme]").closest("li").removeClass("active"),$('.theme-list [data-theme="'+Cookies.get("theme")+'"]').closest("li").addClass("active"));var e=$('[data-theme="'+Cookies.get("theme")+'"]').attr("data-theme-file");$("#theme").attr("href",e,{expires:365})}$(document).on("click",".theme-list [data-theme]",function(){var e=$(this).attr("data-theme-file");$("#theme").attr("href",e),$(".theme-list [data-theme]").not(this).closest("li").removeClass("active"),$(this).closest("li").addClass("active"),Cookies.set("theme",$(this).attr("data-theme"))})},App=function(){"use strict";return{init:function(){handleHomeContentHeight(),handleHeaderNavigationState(),handlePageContainerShow(),handlePaceLoadingPlugins(),handlePageScrollContentAnimation(),handleHeaderScrollToAction(),handleTooltipActivation(),handleThemePanelExpand(),handleThemePageControl()}}}(); \ No newline at end of file diff --git a/public/assets/less/blog/_component_list.less b/public/assets/less/blog/_component_list.less new file mode 100755 index 0000000..afe34ed --- /dev/null +++ b/public/assets/less/blog/_component_list.less @@ -0,0 +1,19 @@ +/* Component List */ + +@import 'components/_button'; +@import 'components/_form_elements'; +@import 'components/_progress_bar'; +@import 'components/_dropdown_menu'; +@import 'components/_tooltip'; +@import 'components/_alert_note'; +@import 'components/_badge_label'; +@import 'components/_pagination'; +@import 'components/_nav_tab'; +@import 'components/_panel'; +@import 'components/_table'; +@import 'components/_well'; +@import 'components/_jumbotron'; +@import 'components/_list_group'; +@import 'components/_list_group_item'; +@import 'components/_carousel'; +@import 'components/_theme_panel'; \ No newline at end of file diff --git a/public/assets/less/blog/_content.less b/public/assets/less/blog/_content.less new file mode 100755 index 0000000..0f61166 --- /dev/null +++ b/public/assets/less/blog/_content.less @@ -0,0 +1,51 @@ +/* ------------------------------- + 4.0 Content Setting +------------------------------- */ + +/* Content Element Setting */ + +.content { + margin: 84px 0 60px; +} +.page-title + .content { + margin-top: 60px; +} +.breadcrumb { + font-size: 12px; + background: none; + padding: 0; + margin-bottom: 5px; +} + + +/* Content Bg Setting */ + +.has-bg { + position: relative; + overflow: hidden; + + & .bg-cover { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + } + & .bg-cover:before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: url('images/transparent/black-0.4.png'); + } + & .bg-cover img { + max-width: 100%; + min-height: 100%; + } + & .container { + position: relative; + z-index: 1020; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/_footer.less b/public/assets/less/blog/_footer.less new file mode 100755 index 0000000..de8eb2b --- /dev/null +++ b/public/assets/less/blog/_footer.less @@ -0,0 +1,84 @@ +/* Footer Element Setting */ + +.footer { + background: #242a30; + padding: 60px 0 0; + .box-shadow(inset 0 100px 80px -80px rgba(0,0,0,.7)); + + & .footer-title { + text-transform: uppercase; + font-size: 14px; + font-weight: bold; + letter-spacing: 0.5px; + color: #5A5E63; + margin-bottom: 20px; + margin-top: 0; + } + & ul { + font-size: 13px; + list-style-type: none; + margin: 0; + padding: 0; + line-height: 28px; + + & a { + color: #919497; + } + &.archives > li .total { + font-size: 12px; + color: #5A5E63; + margin-left: 5px; + font-weight: normal; + } + &.recent-post { + & h4 { + font-size: 13px; + } + & h4 .time { + display: block; + color: #5A5E63; + font-size: 12px; + font-weight: normal; + margin-top: -2px; + margin-bottom: 15px; + } + & a { + font-size: 13px; + line-height: 28px; + } + } + } + & address { + color: #919497; + line-height: 20px; + font-size: 13px; + } +} + + +/* Footer Copyright Setting */ + +.footer-copyright { + background: #1a2229; + padding: 20px 0; + font-size: 13px; + color: #919497; + + .clearfix(); + + & .social-media-list { + list-style-type: none; + margin: 0; + padding: 0; + float: right; + font-size: 14px; + + & > li { + float: left; + + & + li { + margin-left: 15px; + } + } + } +} diff --git a/public/assets/less/blog/_header.less b/public/assets/less/blog/_header.less new file mode 100755 index 0000000..6335268 --- /dev/null +++ b/public/assets/less/blog/_header.less @@ -0,0 +1,185 @@ +/* Header Setting */ + +.header { + padding: 7px 0; + + &.navbar-sm { + padding: 2px 0; + } +} + + +/* Navbar Element Setting */ + +.navbar { + border: none; + .transition(all .2s linear); + + .nav.navbar-nav { + & > li > a { + background: none; + padding: 15px 25px; + font-size: 13px; + font-weight: bold; + letter-spacing: 0.5px; + color: #333; + } + & > li > a:hover, + & > li > a:focus { + background: none; + } + & > li.active > a, + & > li > a:hover, + & > li > a:focus { + color: #00a3a3; + } + } +} + + +/* Navbar Brand Setting */ + +.navbar-brand { + line-height: 30px; + padding: 10px 15px; + + & img { + height: 40px; + display: block; + margin: -5px 0; + } +} +.brand-text { + font-weight: bold; + letter-spacing: 1px; + font-size: 16px; + color: #333; +} +.brand-logo { + border: 15px solid transparent; + border-color: #4DCACA #31A3A3 #1D8888; + float: left; + margin-right: 10px; + border-radius: 20px; +} + + +/* Navbar Dropdown Setting */ + +.navbar-sm .navbar-nav > li > .dropdown-menu { + margin-top: 2px; +} +.navbar-nav > li { + & > .dropdown-menu { + margin-top: 7px; + box-shadow: none; + padding: 0; + border: none; + font-size: 12px; + background: #f0f3f4; + border-radius: 0; + } + &.open .dropdown-menu { + background: #f0f3f4; + } + & > .dropdown-menu > li + li { + border-top: 1px solid #ddd; + } + & > .dropdown-menu > li > a { + line-height: 20px; + padding: 12px 20px; + } + & > .dropdown-menu > li > a:hover, + & > .dropdown-menu > li > a:focus { + background: #e4e7e8; + } +} + + +/* Navbar Theme - Default Setting */ + +.navbar.navbar-default { + background: #fff; + .box-shadow(0 0 2px rgba(0,0,0,0.3)); + + & .navbar-toggle { + background: #ddd; + + &:hover, + &:focus { + border-color: #ccc; + background: #ccc; + } + &:hover .icon-bar, + &:focus .icon-bar { + background: #333; + } + } +} + + +/* Navbar Theme - Transparent Setting */ + +.navbar.navbar-transparent.navbar-sm { + background: #fff; + -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); + box-shadow: 0 0 2px rgba(0,0,0,0.3); +} +.navbar.navbar-transparent { + background: none; + + & .brand-text, + & .nav.navbar-nav > li > a { + color: #fff; + } + &.navbar-sm .brand-text, + &.navbar-sm .nav.navbar-nav > li > a { + color: #333; + } + & .navbar-toggle { + border-color: transparent; + background: rgba(255,255,255,0.2); + + &:hover, + &:focus { + border-color: transparent; + background: rgba(255,255,255,0.5); + } + & .icon-bar, + & .icon-bar { + background: #fff; + } + &:hover .icon-bar, + &:focus .icon-bar { + background: #fff; + } + } +} + + +/* Navbar Theme - Inverse Setting */ + +.navbar-inverse { + & .brand-text, + & .nav.navbar-nav > li > a { + color: #fff; + } + & .navbar-toggle { + border-color: transparent; + background: rgba(255,255,255,0.2); + + &:hover, + &:focus { + border-color: transparent; + background: rgba(255,255,255,0.5); + } + & .icon-bar, + & .icon-bar { + background: #fff; + } + &:hover .icon-bar, + &:focus .icon-bar { + background: #fff; + } + } +} \ No newline at end of file diff --git a/public/assets/less/blog/_helper.less b/public/assets/less/blog/_helper.less new file mode 100755 index 0000000..e6e0207 --- /dev/null +++ b/public/assets/less/blog/_helper.less @@ -0,0 +1,291 @@ +/* Predefined Classes */ + +.row { margin: 0 -10px; } +.row > [class*="col-"] { padding: 0 10px; } +.m-auto { margin: 0 auto !important; } +.wrapper { padding: 15px !important; } +.semi-bold { font-weight: 600 !important; } +.overflow-auto { overflow: auto !important; } +.overflow-hidden { overflow: hidden !important; } +.overflow-visible { overflow: visible !important; } +.overflow-scroll { overflow: scroll !important; } +.overflow-x-hidden { overflow-x: hidden !important; } +.overflow-x-visible { overflow-x: visible !important; } +.overflow-x-scroll { overflow-x: scroll !important; } +.overflow-y-hidden { overflow-y: hidden !important; } +.overflow-y-visible { overflow-y: visible !important; } +.overflow-y-scroll { overflow-y: scroll !important; } +.f-w-100 { font-weight: 100 !important; } +.f-w-200 { font-weight: 200 !important; } +.f-w-300 { font-weight: 300 !important; } +.f-w-400 { font-weight: 400 !important; } +.f-w-500 { font-weight: 500 !important; } +.f-w-600 { font-weight: 600 !important; } +.f-w-700 { font-weight: 700 !important; } +.text-center { text-align: center !important; } +.text-left { text-align: left !important; } +.text-right { text-align: right !important; } +.pull-left { float: left !important; } +.pull-right { float: right !important; } +.pull-none { float: none !important; } + + +/* LOOP - Row Space */ + +.row-space-generator(@counter) when (@counter > -1) { + @nameCounter: (2 * @counter); + .row.row-space-@{nameCounter} { + margin: 0 -(1px * @counter) !important; + & > [class*="col-"] { + padding: 0 (1px * @counter) !important; + } + } + .row-space-generator((@counter - 1)); +} +.row-space-generator(15); + + +/* LOOP - Margin & Padding */ + +.margin-padding-css-generator(@counter) when (@counter > -1) { + .m-@{counter} { margin: (@counter * 1px) !important; } + .m-t-@{counter} { margin-top: (@counter * 1px) !important; } + .m-r-@{counter} { margin-right: (@counter * 1px) !important; } + .m-b-@{counter} { margin-bottom: (@counter * 1px) !important; } + .m-l-@{counter} { margin-left: (@counter * 1px) !important; } + + .p-@{counter} { padding: (@counter * 1px) !important; } + .p-t-@{counter} { padding-top: (@counter * 1px) !important; } + .p-r-@{counter} { padding-right: (@counter * 1px) !important; } + .p-b-@{counter} { padding-bottom: (@counter * 1px) !important; } + .p-l-@{counter} { padding-left: (@counter * 1px) !important; } + + .margin-padding-css-generator((@counter - 1)); +} +.margin-padding-css-generator(40); + + +/* LOOP - Font Size */ + +.font-size-css-generator(@counter) when (@counter > 7) { + .f-s-@{counter} { font-size: (@counter * 1px) !important; } + + .font-size-css-generator((@counter - 1)); +} +.font-size-css-generator(20); + + +.table-valign-middle th, +.table-valign-middle td { + vertical-align: middle !important; +} +.table-th-valign-middle th, +.table-td-valign-middle td { + vertical-align: middle !important; +} +.table-valign-top th, +.table-valign-top td { + vertical-align: top !important; +} +.table-th-valign-top th, +.table-td-valign-top td { + vertical-align: top !important; +} +.table-valign-bottom th, +.table-valign-bottom td { + vertical-align: bottom !important; +} +.table-th-valign-bottom th, +.table-td-valign-bottom td { + vertical-align: bottom !important; +} +.vertical-box { + display: table; + table-layout: fixed; + border-spacing: 0; + height: 100%; + width: 100%; +} +.vertical-box-column { + display: table-cell; + vertical-align: top; + height: 100%; +} +.vertical-box-row { + display: table-row; + height: 100%; +} +.vertical-box-row > .vertical-box-cell { + position: relative; + height: 100%; + width: 100%; + float: none; +} +.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} +.panel-expand .vertical-box .vertical-box-column { + display: table-cell; +} +.page-content-full-height .content { + position: absolute; + left: 0; + top: 54px; + right: 0; + bottom: -1px; +} +.no-rounded-corner { + .border-radius(0) !important; +} +.rounded-corner { + .border-radius(50%) !important; +} +.no-border { border: 0 !important; } +.border-top-1 { border-top: 1px solid #eee !important; } +.border-right-1 { border-right: 1px solid #eee !important; } +.border-bottom-1 { border-bottom: 1px solid #eee !important; } +.border-left-1 { border-left: 1px solid #eee !important; } +.no-box-shadow { + .box-shadow(none) !important; +} +.text-inverse { color: @black !important; } +a.text-inverse:hover, +a.text-inverse:focus { + color: @light_black !important; +} +.text-success { color: @green !important; } +a.text-success:hover, +a.text-success:focus { + color: @light_green !important; +} +.text-info { color: @aqua !important; } +a.text-info:hover, +a.text-info:focus { + color: @light_aqua !important; +} +.text-primary { color: @blue !important; } +a.text-primary:hover, +a.text-primary:focus { + color: @light_blue !important; +} +.text-warning { color: @yellow !important; } +a.text-warning:hover, +a.text-warning:focus { + color: @light_yellow !important; +} +.text-danger { color: @red !important; } +a.text-danger:hover, +a.text-danger:focus { + color: @light_red !important; +} +.text-white { color: #fff !important; } +a.text-white:hover, +a.text-white:focus { + color: #f0f3f4 !important; +} + +.bg-white { background: #ffffff !important; } +.bg-silver-lighter { background: @light_silver !important; } +.bg-silver { background: @silver !important; } +.bg-silver-darker { background: @dark_silver !important; } + +.bg-black { background: @black !important; } +.bg-black-darker { background: @dark_black !important; } +.bg-black-lighter { background: @light_black !important; } + +.bg-grey { background: @grey !important; } +.bg-grey-darker { background: @dark_grey !important; } +.bg-grey-lighter { background: @light_grey !important; } + +.bg-red { background: @red !important; } +.bg-red-darker { background: @dark_red !important; } +.bg-red-lighter { background: @light_red !important; } + +.bg-orange { background: @orange !important; } +.bg-orange-darker { background: @dark_orange !important; } +.bg-orange-lighter { background: @light_orange !important; } + +.bg-yellow { background: @yellow !important; } +.bg-yellow-darker { background: @dark_yellow !important; } +.bg-yellow-lighter { background: @light_yellow !important; } + +.bg-green { background: @green !important; } +.bg-green-darker { background: @dark_green !important; } +.bg-green-lighter { background: @light_green !important; } + +.bg-blue { background: @blue !important; } +.bg-blue-darker { background: @dark_blue !important; } +.bg-blue-lighter { background: @light_blue !important; } + +.bg-aqua { background: @aqua !important; } +.bg-aqua-darker { background: @dark_aqua !important; } +.bg-aqua-lighter { background: @light_aqua !important; } + +.bg-purple { background: @purple !important; } +.bg-purple-darker { background: @dark_purple !important; } +.bg-purple-lighter { background: @light_purple !important; } + +.no-bg { background: none !important; } + +.height-xs { height: 150px !important; } +.height-sm { height: 300px !important; } +.height-md { height: 450px !important; } +.height-lg { height: 600px !important; } +.height-full { height: 100% !important; } +.height-50 { height: 50px !important; } +.height-100 { height: 100px !important; } +.height-150 { height: 150px !important; } +.height-200 { height: 200px !important; } +.height-250 { height: 250px !important; } +.height-300 { height: 300px !important; } +.height-350 { height: 350px !important; } +.height-400 { height: 400px !important; } +.height-450 { height: 450px !important; } +.height-500 { height: 500px !important; } +.height-550 { height: 550px !important; } +.height-600 { height: 600px !important; } + +.width-xs { width: 150px !important; } +.width-sm { width: 300px !important; } +.width-md { width: 450px !important; } +.width-lg { width: 600px !important; } +.width-full { width: 100% !important; } +.width-50 { width: 50px !important; } +.width-100 { width: 100px !important; } +.width-150 { width: 150px !important; } +.width-200 { width: 200px !important; } +.width-250 { width: 250px !important; } +.width-300 { width: 300px !important; } +.width-350 { width: 350px !important; } +.width-400 { width: 400px !important; } +.width-450 { width: 450px !important; } +.width-500 { width: 500px !important; } +.width-550 { width: 550px !important; } +.width-600 { width: 600px !important; } + +.animated { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.fade { + .opacity(0); + .transition(opacity .3s linear); +} +.fade.in { + .opacity(1); +} +.text-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; +} +.underline { + border-bottom: 1px solid #e2e7eb !important; +} \ No newline at end of file diff --git a/public/assets/less/blog/_mixins.less b/public/assets/less/blog/_mixins.less new file mode 100755 index 0000000..611d6e0 --- /dev/null +++ b/public/assets/less/blog/_mixins.less @@ -0,0 +1,51 @@ +/* Mixins */ + +.border-radius(@radius) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +} +.box-shadow(@shadow) { + -webkit-box-shadow: @shadow; + -moz-box-shadow: @shadow; + box-shadow: @shadow; +} +.opacity(@opacity) { + opacity: @opacity; +} +.transition(@transition) { + -webkit-transition: @transition; + -moz-transition: @transition; + -ms-transition: @transition; + -o-transition: @transition; + transition: @transition; +} +.animation(@animation) { + -webkit-animation: @animation; + -moz-animation: @animation; + animation: @animation; +} +.generate-button-styling(@buttonClassName; @defaultColor; @hoverColor;) { + .btn.@{buttonClassName} { + color: #fff; + background: @defaultColor; + border-color: @defaultColor; + + &:hover, + &:focus, + &:active, + &.active { + background: @hoverColor; + border-color: @hoverColor; + } + + } + .open .dropdown-toggle.@{buttonClassName} { + background: @hoverColor; + border-color: @hoverColor; + } + .btn-group .btn.@{buttonClassName}:not(.active) + .btn.@{buttonClassName}, + .input-group-btn .btn.@{buttonClassName}:not(.active) + .btn.@{buttonClassName} { + border-left-color: @hoverColor; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/_pace_loader.less b/public/assets/less/blog/_pace_loader.less new file mode 100755 index 0000000..b80d3d8 --- /dev/null +++ b/public/assets/less/blog/_pace_loader.less @@ -0,0 +1,72 @@ +/* Pace Loader Element Setting */ + +.pace-inactive { + .opacity(0); +} +.pace { + background: #2d353c; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1050; + .transition(opacity 1s); +} +.pace-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 3px; + background: #00acac; + z-index: 2000; + .transition(width 1s); +} +.pace:before { + content: ''; + position: fixed; + top: 0; + right: 0; + left: 0; + height: 3px; +} +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 20px; + right: 20px; + width: 20px; + height: 20px; + border: solid 2px transparent; + border-top-color: #00acac; + border-left-color: #00acac; + .border-radius(10px); + .animation(pace-spinner 400ms linear infinite); +} +@media (max-width: 767px) { + .pace .pace-activity { + top: 80px; + } +} +@-webkit-keyframes pace-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes pace-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes pace-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes pace-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes pace-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} \ No newline at end of file diff --git a/public/assets/less/blog/_page_setting.less b/public/assets/less/blog/_page_setting.less new file mode 100755 index 0000000..b9a9c52 --- /dev/null +++ b/public/assets/less/blog/_page_setting.less @@ -0,0 +1,109 @@ +/* Details Page Setting */ + +.post-detail { + & .post-image { + margin-bottom: 15px; + } + & .post-by { + font-size: 12px; + } + & .post-desc { + margin-bottom: 30px; + } + & .post-desc p { + margin-bottom: 0; + + & + p { + margin-top: 15px; + } + } +} + + +/* Details Page Comment Section Setting */ + +.comment-list { + list-style-type: none; + margin: 0 0 30px; + padding: 0; + color: #2d353c; + + & > li { + padding: 20px; + + .clearfix(); + + & + li { + border-top: 2px solid #eee; + } + } + & .comment-avatar { + width: 70px; + height: 70px; + overflow: hidden; + -webkit-border-radius: 70px; + -moz-border-radius: 70px; + border-radius: 70px; + margin-right: 20px; + float: left; + background: #d9e0e7; + text-align: center; + line-height: 84px; + font-size: 62px; + color: #929ba1; + + & img { + max-width: 100%; + display: block; + } + & + .comment-container { + margin-left: 90px; + } + } + & .comment-author { + font-size: 16px; + color: #2d353c; + font-weight: 600; + margin-bottom: 5px; + } + & .comment-date { + font-size: 12px; + font-weight: normal; + margin-left: 5px; + color: #999; + } + & .comment-content { + font-size: 13px; + line-height: 20px; + margin-bottom: 10px; + } + & .comment-rating { + font-size: 11px; + text-align: right; + font-weight: 600; + color: #999; + margin-bottom: 10px; + } + & .comment-btn { + font-size: 11px; + margin-bottom: 10px; + } + & .comment-list { + border-bottom: none; + margin-top: 30px; + margin-bottom: 0; + border-top: 2px solid #eee; + + & > li { + padding-bottom: 0; + } + } +} + + +/* About Us Page Comment Section Setting */ + +.about-me-desc { + line-height: 24px; + margin-bottom: 12px; +} \ No newline at end of file diff --git a/public/assets/less/blog/_page_title.less b/public/assets/less/blog/_page_title.less new file mode 100755 index 0000000..59a57db --- /dev/null +++ b/public/assets/less/blog/_page_title.less @@ -0,0 +1,60 @@ +/* Page Title Element Setting */ + +.page-title { + padding: 164px 0 100px; + text-align: center; + + & h1 { + margin: 0 0 10px; + color: #fff; + font-weight: bold; + font-size: 48px; + } + & p { + display: block; + font-size: 21px; + color: rgba(255,255,255,0.8); + font-style: italic; + font-weight: 300; + font-family: Times New Roman; + margin: 0; + } +} + + +/* Section Title & Container Setting */ + +.section-title { + font-size: 14px; + text-align: left; + margin: 0 0 10px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + position: relative; + color: #333; + text-align: center; + + & span { + position: relative; + z-index: 1020; + background: #fff; + padding-left: 10px; + padding-right: 10px; + } + &:before { + content: ''; + position: absolute; + left: 0; + right: 0; + height: 2px; + top: 0; + background: #222; + top: 50%; + margin-top: -1px; + z-index: 0; + } +} +.section-container { + margin-bottom: 50px; +} \ No newline at end of file diff --git a/public/assets/less/blog/_post.less b/public/assets/less/blog/_post.less new file mode 100755 index 0000000..2a26916 --- /dev/null +++ b/public/assets/less/blog/_post.less @@ -0,0 +1,171 @@ +/* Post List Setting */ + +.post-list { + list-style-type: none; + margin: 0; + padding: 0; + + .clearfix(); + + & > li { + padding: 0; + + & + li { + margin-top: 60px; + } + } +} +.post-left-info { + width: 50px; + float: left; + margin-right: 20px; +} +.post-date { + font-size: 12px; + line-height: 1.1; + margin: 0 auto 2px; + padding: 10px; + text-align: center; + font-weight: bold; + + & .day { + color: #333; + font-size: 24px; + display: block; + } + & .month { + display: block; + font-size: 10px; + margin-top: 5px; + color: #333; + } + & + .post-likes { + border-top: 2px solid #ddd; + } +} +.post-likes { + padding: 10px 0; + text-align: center; + font-size: 12px; +} +.post-left-info + .post-content { + margin-left: 70px; +} +.post-image { + padding-top: 56%; + overflow: hidden; + position: relative; + margin-bottom: 25px; + + & img { + position: absolute; + left: 0; + right: 0; + top: 0; + max-width: 100%; + } +} +.post-image.post-image-with-carousel { + padding-top: 0; + + & .item { + padding-top: 56%; + overflow: hidden; + } +} +.post-video { + margin-bottom: 25px; +} +.post-list blockquote { + border: none; + background: #e9edef; + font-size: 18px; + padding: 30px; + color: #000; + margin-bottom: 25px; +} +.post-title { + margin: 0 0 5px; + font-size: 24px; + line-height: 30px; + color: #000; + + & a { + color: #000; + } +} +.post-by { + display: block; + font-size: 11px; + color: #666; + margin-bottom: 15px; + line-height: 20px; + padding: 0 0; + + & .divider { + margin: 0 5px; + font-size: 10px; + color: #333; + position: relative; + top: -1px; + } +} +.post-desc { + line-height: 20px; + color: #696969; + margin-bottom: 20px; + font-size: 13px; +} +.read-btn-container { + text-align: right; + font-size: 12px; + + & a { + color: #333; + } +} + + +/* Post Grid Setting */ + +.post-grid { + margin: -10px; + + .clearfix(); + + &.post-grid-2 > li, + &.post-grid-2 > .post-li { + width: 50%; + } + &.post-grid-3 > li, + &.post-grid-3 > .post-li { + width: 33.33%; + } + &.post-grid-4 > li, + &.post-grid-4 > .post-li { + width: 25%; + } + & .post-image, + & .post-video { + margin: -1px -1px 0; + } + & blockquote { + margin-bottom: 0; + } + & .post-title { + font-size: 20px; + line-height: 24px; + } + & .post-content { + border: 1px solid rgba(0,0,0,0.125); + } + & .post-info { + padding: 15px; + } +} +.post-grid > li, +.post-li { + width: 33.33%; + padding: 10px; +} + diff --git a/public/assets/less/blog/_responsive.less b/public/assets/less/blog/_responsive.less new file mode 100755 index 0000000..4649bd7 --- /dev/null +++ b/public/assets/less/blog/_responsive.less @@ -0,0 +1,452 @@ +/* Responsive Setting */ + +@media (min-width: 1200px) { + + /* Container Setting */ + + .container { + width: 1010px; + } +} + +@media (min-width: 1920px) { + + /* Body Setting */ + + body { + font-size: 16px; + } + + + /* Header Setting */ + + .header { + padding: 9px 0; + + &.navbar-sm { + padding: 4px 0; + } + } + .navbar .nav.navbar-nav > li > a { + font-size: 16px; + } + .navbar-brand, + .brand-text { + font-size: 20px; + } + .brand-logo{ + border-width: 20px; + margin-top: -5px; + margin-bottom: -5px; + } + .navbar-nav > li > .dropdown-menu { + font-size: 16px; + } + .navbar-nav > li > .dropdown-menu > li > a { + line-height: 26px; + } + + + /* Container Setting */ + + .container { + width: 1260px; + } + + + /* Page Title Setting */ + + .page-title h1 { + font-size: 56px; + } + .page-title p { + font-size: 24px; + } + + + /* Post Setting */ + + .post-left-info { + width: 60px; + } + .post-likes { + font-size: 14px; + } + .post-date .day { + font-size: 28px; + } + .post-date .month { + font-size: 14px; + } + .post-title, + .post-grid .post-title { + font-size: 28px; + line-height: 36px; + } + .post-by, + .post-detail .post-by { + font-size: 15px; + } + .post-desc { + font-size: 16px; + line-height: 26px; + } + .read-btn-container { + font-size: 16px; + } + + + /* Content Setting */ + + .content { + margin-top: 100px; + } + + + /* Sidebar Element Setting */ + + .sidebar-search .form-control { + font-size: 16px; + height: 44px; + } + .sidebar-search .btn { + font-size: 18px; + height: 44px; + } + .sidebar-list { + font-size: 16px; + + & > li > a { + line-height: 26px; + } + } + .sidebar-recent-post > li .title { + font-size: 16px; + line-height: 26px; + } + .sidebar-recent-post > li .date { + font-size: 14px; + } + .sidebar-social-list { + line-height: 36px; + + & > li { + font-size: 36px; + } + } + + + /* Section Title Setting */ + + .section-title { + font-size: 18px; + } + + + /* Breadcrumb Setting */ + + .breadcrumb { + font-size: 14px; + } + + + /* Footer Setting */ + + .footer .footer-title { + font-size: 18px; + } + .footer ul, + .footer ul.archives > li .total, + .footer ul.recent-post a { + font-size: 16px; + } + .footer address { + font-size: 16px; + line-height: 26px; + } + .footer ul.recent-post h4 .time { + font-size: 14px; + } + .footer-copyright { + font-size: 16px; + line-height: 26px; + padding: 30px 0; + + & .social-media-list { + font-size: 26px; + } + } + + + /* Theme Panel Setting */ + + .theme-panel { + width: 248px; + right: -248px; + + & .theme-list > li + li { + margin-left: 7px; + } + & .theme-list > li > a { + width: 40px; + height: 40px; + } + & .theme-panel-content { + padding: 10px; + } + & .theme-collapse-btn { + width: 60px; + height: 60px; + left: -60px; + margin-top: -30px; + font-size: 24px; + line-height: 60px; + } + & .theme-list > li.active > a:before { + font-size: 20px; + line-height: 40px; + } + } + + + /* Tooltip Setting */ + + .tooltip { + font-size: 16px; + } + + + /* Comment List Setting */ + + .comment-list .comment-content { + font-size: 16px; + line-height: 26px; + } + .comment-list .comment-rating, + .comment-list .comment-btn { + font-size: 16px; + } + .comment-list .comment-author { + font-size: 20px; + } + .comment-list .comment-date { + font-size: 15px; + } + + + /* Form Element Setting */ + + .form-horizontal .control-label { + font-size: 16px !important; + } + .form-control { + height: 46px; + font-size: 16px; + } + + + /* Font Size Setting */ + + .f-s-12, + .f-s-13 { + font-size: 16px !important; + } + + + /* Button Setting */ + + .btn { + font-size: 16px; + } + + + /* About Us Page Setting */ + + .about-me-desc { + line-height: 26px; + } + + + /* Cover Bg Setting */ + + .has-bg .bg-cover img { + width: 100%; + } +} +@media (min-width: 768px) { + + /* Navbar Setting */ + + .navbar .nav.navbar-nav > li > a { + padding: 15px 15px; + } +} + +@media (max-width: 767px) { + + + /* Header & Navbar Setting */ + + .header { + padding: 5px 0; + } + .navbar-nav > li > .dropdown-menu, + .navbar-nav .open .dropdown-menu { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + } + .navbar-nav .open .dropdown-menu > li > a { + padding: 12px 25px; + } + + + /* Navbar Transparent Setting */ + + .navbar.navbar-transparent { + & .navbar-collapse, + & .navbar-collapse.collapse.in { + -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); + box-shadow: 0 0 2px rgba(0,0,0,0.3); + background: #fff; + border-top: none; + } + & .navbar-collapse, .navbar-default .navbar-form { + border-color: #e7e7e7; + } + & .nav.navbar-nav > li > a { + color: #333; + } + } + + + /* Navbar Inverse Setting */ + + .navbar.navbar-inverse { + & .navbar-nav > li.open .dropdown-menu { + background: #333; + } + & .navbar-nav .open .dropdown-menu > li + li { + border-top: 1px solid #444; + } + & .navbar-nav .open .dropdown-menu > li > a { + color: #ccc; + } + & .navbar-nav .open .dropdown-menu > li > a:hover, + & .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + } + & .navbar-nav > li > .dropdown-menu, .navbar-nav .open .dropdown-menu { + border: none; + } + } + + + /* Page Title Setting */ + + .page-title { + padding: 120px 0 60px; + + & h1 { + font-size: 26px; + } + & p { + font-size: 18px; + } + & + .content { + margin: 30px 0; + } + } + + + /* Post List Setting */ + + .post-left-info { + float: none; + width: auto; + margin: 0 0 10px; + + .clearfix(); + } + .post-date, + .post-likes { + padding: 0; + float: left; + } + .post-date { + margin: 0; + line-height: inherit; + + & .day, + & .month { + font-size: 12px; + display: inline; + } + & + .post-likes { + margin-left: 15px; + padding-left: 15px; + border: none; + border-left: 2px solid #ddd; + } + } + .post-left-info + .post-content { + margin: 0; + } + .post-image, + .post-video, + .post-list blockquote { + margin-bottom: 15px; + } + .post-title { + font-size: 20px; + line-height: 28px; + } + .post-by { + margin-bottom: 10px; + line-height: 16px; + } + .post-desc { + font-size: 12px; + margin-bottom: 15px; + } + .post-li, + .post-grid.post-grid-2 > .post-li, + .post-grid.post-grid-3 > .post-li, + .post-grid.post-grid-4 > .post-li { + width: 50%; + } + + + /* Details Page Comment Section Setting */ + + .comment-list { + & > li { + padding: 15px 0; + } + & .comment-avatar { + width: 40px; + height: 40px; + margin-right: 10px; + font-size: 36px; + line-height: 56px; + + & + .comment-container { + margin-left: 50px; + } + } + & .comment-list { + margin-top: 15px; + } + } +} + +@media (max-width: 600px) { + + /* Post Grid Setting */ + + .post-li, + .post-grid.post-grid-2 > .post-li, + .post-grid.post-grid-3 > .post-li, + .post-grid.post-grid-4 > .post-li { + width: 100%; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/_sidebar.less b/public/assets/less/blog/_sidebar.less new file mode 100755 index 0000000..9e3add0 --- /dev/null +++ b/public/assets/less/blog/_sidebar.less @@ -0,0 +1,75 @@ +/* Sidebar Social List Setting */ + +.sidebar-social-list { + line-height: 20px; + list-style-type: none; + margin: 0; + padding: 10px 0; + + & > li { + display: inline; + font-size: 18px; + float: left; + + & a { + color: #333; + padding: 0 10px; + + &:hover, + &:focus { + color: #00acac; + } + } + } +} + + +/* Sidebar Recent Post Setting */ + +.sidebar-recent-post { + list-style-type: none; + margin: 0; + padding: 0; + + .clearfix(); + + & > li { + padding: 10px 0; + + & + li { + border-top: 1px solid #ddd; + } + & .title { + margin: 0; + font-size: 13px; + text-transform: initial; + letter-spacing: 0; + line-height: 20px; + } + & .title a { + color: #333; + } + & .date { + font-size: 11px; + color: #999; + } + } +} + + +/* Sidebar List Setting */ + +.sidebar-list { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 12px; + + & > li > a { + line-height: 20px; + color: #333; + border-bottom: 1px solid #ddd; + display: block; + padding: 10px 0; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/_variable.less b/public/assets/less/blog/_variable.less new file mode 100755 index 0000000..d1dcdab --- /dev/null +++ b/public/assets/less/blog/_variable.less @@ -0,0 +1,62 @@ +/* Variable */ + +@bg_body: #fff; + +@green: #00acac; +@dark_green: #008a8a; +@light_green: #33bdbd; + +@blue: #348fe2; +@dark_blue: #2a72b5; +@light_blue: #5da5e8; + +@aqua: #49b6d6; +@dark_aqua: #3a92ab; +@light_aqua: #6dc5de; + +@purple: #727cb6; +@dark_purple: #5b6392; +@light_purple: #8e96c5; + +@orange: #f59c1a; +@dark_orange: #c47d15; +@light_orange: #f7b048; + +@yellow: #e3fa3e; +@dark_yellow: #b6c832; +@light_yellow: #e9fb65; + +@red: #ff5b57; +@dark_red: #cc4946; +@light_red: #ff7c79; + +@black: #2d353c; +@dark_black: #242a30; +@darker_black: #1a2229; +@light_black: #575d63; + +@grey: #b6c2c9; +@dark_grey: #929ba1; +@light_grey: #c5ced4; + +@silver: #f0f3f4; +@dark_silver: #b4b6b7; +@light_silver: #f4f6f7; + +@white: #ffffff; + + +// Text Color +@body_text_color: #707478; +@heading_text_color: #242a30; +@heading_small_text_color: #7c7f83; +@form_label_color: @dark_black; +@header_default_text_color: #585663; +@header_inverse_text_color: #a8acb1; +@sidebar_text_color: #a8acb1; + + +// Font Setting +@body_font_size: 12px; +@body_font_family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif; +@ie8_body_font_family: Arial,sans-serif; \ No newline at end of file diff --git a/public/assets/less/blog/bootstrap/alerts.less b/public/assets/less/blog/bootstrap/alerts.less new file mode 100755 index 0000000..c4199db --- /dev/null +++ b/public/assets/less/blog/bootstrap/alerts.less @@ -0,0 +1,73 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: @alert-padding; + margin-bottom: @line-height-computed; + border: 1px solid transparent; + border-radius: @alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing @headings-color + color: inherit; + } + + // Provide class for links that match alerts + .alert-link { + font-weight: @alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + + > p + p { + margin-top: 5px; + } +} + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. +.alert-dismissible { + padding-right: (@alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); +} + +.alert-info { + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); +} + +.alert-warning { + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); +} + +.alert-danger { + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); +} diff --git a/public/assets/less/blog/bootstrap/badges.less b/public/assets/less/blog/bootstrap/badges.less new file mode 100755 index 0000000..6ee16dc --- /dev/null +++ b/public/assets/less/blog/bootstrap/badges.less @@ -0,0 +1,66 @@ +// +// Badges +// -------------------------------------------------- + + +// Base class +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: @font-size-small; + font-weight: @badge-font-weight; + color: @badge-color; + line-height: @badge-line-height; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: @badge-bg; + border-radius: @badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + + .btn-xs &, + .btn-group-xs > .btn & { + top: 0; + padding: 1px 5px; + } + + // Hover state, but only for links + a& { + &:hover, + &:focus { + color: @badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Account for badges in navs + .list-group-item.active > &, + .nav-pills > .active > a > & { + color: @badge-active-color; + background-color: @badge-active-bg; + } + + .list-group-item > & { + float: right; + } + + .list-group-item > & + & { + margin-right: 5px; + } + + .nav-pills > li > a > & { + margin-left: 3px; + } +} diff --git a/public/assets/less/blog/bootstrap/bootstrap.less b/public/assets/less/blog/bootstrap/bootstrap.less new file mode 100755 index 0000000..4b9916e --- /dev/null +++ b/public/assets/less/blog/bootstrap/bootstrap.less @@ -0,0 +1,56 @@ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +// Core variables and mixins +@import "variables.less"; +@import "mixins.less"; + +// Reset and dependencies +@import "normalize.less"; +@import "print.less"; +@import "glyphicons.less"; + +// Core CSS +@import "scaffolding.less"; +@import "type.less"; +@import "code.less"; +@import "grid.less"; +@import "tables.less"; +@import "forms.less"; +@import "buttons.less"; + +// Components +@import "component-animations.less"; +@import "dropdowns.less"; +@import "button-groups.less"; +@import "input-groups.less"; +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; +@import "labels.less"; +@import "badges.less"; +@import "jumbotron.less"; +@import "thumbnails.less"; +@import "alerts.less"; +@import "progress-bars.less"; +@import "media.less"; +@import "list-group.less"; +@import "panels.less"; +@import "responsive-embed.less"; +@import "wells.less"; +@import "close.less"; + +// Components w/ JavaScript +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; +@import "carousel.less"; + +// Utility classes +@import "utilities.less"; +@import "responsive-utilities.less"; diff --git a/public/assets/less/blog/bootstrap/breadcrumbs.less b/public/assets/less/blog/bootstrap/breadcrumbs.less new file mode 100755 index 0000000..cb01d50 --- /dev/null +++ b/public/assets/less/blog/bootstrap/breadcrumbs.less @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; + margin-bottom: @line-height-computed; + list-style: none; + background-color: @breadcrumb-bg; + border-radius: @border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: @breadcrumb-color; + } + } + + > .active { + color: @breadcrumb-active-color; + } +} diff --git a/public/assets/less/blog/bootstrap/button-groups.less b/public/assets/less/blog/bootstrap/button-groups.less new file mode 100755 index 0000000..6a0c5a8 --- /dev/null +++ b/public/assets/less/blog/bootstrap/button-groups.less @@ -0,0 +1,244 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + &:extend(.clearfix all); + + .btn, + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + .border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + .border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-right-radius(0); + } +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { &:extend(.btn-xs); } +.btn-group-sm > .btn { &:extend(.btn-sm); } +.btn-group-lg > .btn { &:extend(.btn-lg); } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + .box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: @caret-width-large @caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 @caret-width-large @caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + &:extend(.clearfix all); + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: @btn-border-radius-base; + .border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: @btn-border-radius-base; + .border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-top-radius(0); +} + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } + + > .btn-group .dropdown-menu { + left: auto; + } +} + + +// Checkbox and radio options +// +// In order to support the browser's form validation feedback, powered by the +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. +// This way, we ensure a DOM element is visible to position the popover from. +// +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. + +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } +} diff --git a/public/assets/less/blog/bootstrap/buttons.less b/public/assets/less/blog/bootstrap/buttons.less new file mode 100755 index 0000000..9cbb8f4 --- /dev/null +++ b/public/assets/less/blog/bootstrap/buttons.less @@ -0,0 +1,166 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: @btn-font-weight; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base); + .user-select(none); + + &, + &:active, + &.active { + &:focus, + &.focus { + .tab-focus(); + } + } + + &:hover, + &:focus, + &.focus { + color: @btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + .opacity(.65); + .box-shadow(none); + } + + a& { + &.disabled, + fieldset[disabled] & { + pointer-events: none; // Future-proof disabling of clicks on `` elements + } + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); +} +.btn-primary { + .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); +} +// Success appears as green +.btn-success { + .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); +} +// Info appears as blue-green +.btn-info { + .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); +} +// Warning appears as orange +.btn-warning { + .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: @link-color; + font-weight: normal; + border-radius: 0; + + &, + &:active, + &.active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + .box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: @link-hover-color; + text-decoration: @link-hover-decoration; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @btn-border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} +.btn-xs { + .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/public/assets/less/blog/bootstrap/carousel.less b/public/assets/less/blog/bootstrap/carousel.less new file mode 100755 index 0000000..87ed696 --- /dev/null +++ b/public/assets/less/blog/bootstrap/carousel.less @@ -0,0 +1,269 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + .transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + &:extend(.img-responsive); + line-height: 1; + } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + .transition-transform(~'0.6s ease-in-out'); + .backface-visibility(~'hidden'); + .perspective(1000px); + + &.next, + &.active.right { + .translate3d(100%, 0, 0); + left: 0; + } + &.prev, + &.active.left { + .translate3d(-100%, 0, 0); + left: 0; + } + &.next.left, + &.prev.right, + &.active { + .translate3d(0, 0, 0); + left: 0; + } + } + } + + > .active, + > .next, + > .prev { + display: block; + } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; + color: @carousel-control-color; + text-align: center; + text-shadow: @carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: 0; + color: @carousel-control-color; + text-decoration: none; + .opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + margin-top: -10px; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + line-height: 1; + font-family: serif; + } + + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid @carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: @carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: @carousel-caption-color; + text-align: center; + text-shadow: @carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: @screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, + .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, + .icon-next { + margin-right: -15px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/public/assets/less/blog/bootstrap/close.less b/public/assets/less/blog/bootstrap/close.less new file mode 100755 index 0000000..6d5bfe0 --- /dev/null +++ b/public/assets/less/blog/bootstrap/close.less @@ -0,0 +1,34 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: (@font-size-base * 1.5); + font-weight: @close-font-weight; + line-height: 1; + color: @close-color; + text-shadow: @close-text-shadow; + .opacity(.2); + + &:hover, + &:focus { + color: @close-color; + text-decoration: none; + cursor: pointer; + .opacity(.5); + } + + // Additional properties for button version + // iOS requires the button element instead of an anchor tag. + // If you want the anchor version, it requires `href="#"`. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile + button& { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +} diff --git a/public/assets/less/blog/bootstrap/code.less b/public/assets/less/blog/bootstrap/code.less new file mode 100755 index 0000000..a08b4d4 --- /dev/null +++ b/public/assets/less/blog/bootstrap/code.less @@ -0,0 +1,69 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: @font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + border-radius: @border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: @kbd-color; + background-color: @kbd-bg; + border-radius: @border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); + + kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; + } +} + +// Blocks of code +pre { + display: block; + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); + font-size: (@font-size-base - 1); // 14px to 13px + line-height: @line-height-base; + word-break: break-all; + word-wrap: break-word; + color: @pre-color; + background-color: @pre-bg; + border: 1px solid @pre-border-color; + border-radius: @border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: @pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/public/assets/less/blog/bootstrap/component-animations.less b/public/assets/less/blog/bootstrap/component-animations.less new file mode 100755 index 0000000..0bcee91 --- /dev/null +++ b/public/assets/less/blog/bootstrap/component-animations.less @@ -0,0 +1,33 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. + +.fade { + opacity: 0; + .transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + + &.in { display: block; } + tr&.in { display: table-row; } + tbody&.in { display: table-row-group; } +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition-property(~"height, visibility"); + .transition-duration(.35s); + .transition-timing-function(ease); +} diff --git a/public/assets/less/blog/bootstrap/dropdowns.less b/public/assets/less/blog/bootstrap/dropdowns.less new file mode 100755 index 0000000..f6876c1 --- /dev/null +++ b/public/assets/less/blog/bootstrap/dropdowns.less @@ -0,0 +1,216 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: @caret-width-base dashed; + border-top: @caret-width-base solid ~"\9"; // IE8 + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropup, +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: @zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: @font-size-base; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + .nav-divider(@dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: @line-height-base; + color: @dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: @dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: @dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: @dropdown-link-disabled-color; + } + + // Nuke hover/focus effects + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + .reset-filter(); + cursor: @cursor-disabled; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; + white-space: nowrap; // as with > li > a +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: (@zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: @caret-width-base dashed; + border-bottom: @caret-width-base solid ~"\9"; // IE8 + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: @grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + .dropdown-menu-right(); + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + .dropdown-menu-left(); + } + } +} diff --git a/public/assets/less/blog/bootstrap/forms.less b/public/assets/less/blog/bootstrap/forms.less new file mode 100755 index 0000000..b064ede --- /dev/null +++ b/public/assets/less/blog/bootstrap/forms.less @@ -0,0 +1,607 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: @line-height-computed; + font-size: (@font-size-base * 1.5); + line-height: inherit; + color: @legend-color; + border: 0; + border-bottom: 1px solid @legend-border-color; +} + +label { + display: inline-block; + max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + .box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; // IE8-9 + line-height: normal; +} + +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + .tab-focus(); +} + +// Adjust output element +output { + display: block; + padding-top: (@padding-base-vertical + 1); + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; + background-color: @input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid @input-border; + border-radius: @input-border-radius; // Note: This has no effect on s in CSS. + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); + + // Customize the `:focus` state to imitate native WebKit styles. + .form-control-focus(); + + // Placeholder + .placeholder(); + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + background-color: @input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 + } + + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + } + + // Reset height for `textarea`s + textarea& { + height: auto; + } +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS temporal inputs +// +// In Mobile Safari, setting `display: block` on temporal inputs causes the +// text within the input to become vertically misaligned. As a workaround, we +// set a pixel line-height that matches the given height of the input, but only +// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 +// +// Note that as of 8.3, iOS doesn't support `datetime` or `week`. + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + &.form-control { + line-height: @input-height-base; + } + + &.input-sm, + .input-group-sm & { + line-height: @input-height-small; + } + + &.input-lg, + .input-group-lg & { + line-height: @input-height-large; + } + } +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: @form-group-margin-bottom; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; + + label { + min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// Some special care is needed because Star + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('@{icon-font-path}@{icon-font-name}.eot'); + src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'), + url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'), + url('@{icon-font-path}@{icon-font-name}.woff') format('woff'), + url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'), + url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg'); +} + +// Catchall baseclass +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// Individual icons +.glyphicon-asterisk { &:before { content: "\2a"; } } +.glyphicon-plus { &:before { content: "\2b"; } } +.glyphicon-euro, +.glyphicon-eur { &:before { content: "\20ac"; } } +.glyphicon-minus { &:before { content: "\2212"; } } +.glyphicon-cloud { &:before { content: "\2601"; } } +.glyphicon-envelope { &:before { content: "\2709"; } } +.glyphicon-pencil { &:before { content: "\270f"; } } +.glyphicon-glass { &:before { content: "\e001"; } } +.glyphicon-music { &:before { content: "\e002"; } } +.glyphicon-search { &:before { content: "\e003"; } } +.glyphicon-heart { &:before { content: "\e005"; } } +.glyphicon-star { &:before { content: "\e006"; } } +.glyphicon-star-empty { &:before { content: "\e007"; } } +.glyphicon-user { &:before { content: "\e008"; } } +.glyphicon-film { &:before { content: "\e009"; } } +.glyphicon-th-large { &:before { content: "\e010"; } } +.glyphicon-th { &:before { content: "\e011"; } } +.glyphicon-th-list { &:before { content: "\e012"; } } +.glyphicon-ok { &:before { content: "\e013"; } } +.glyphicon-remove { &:before { content: "\e014"; } } +.glyphicon-zoom-in { &:before { content: "\e015"; } } +.glyphicon-zoom-out { &:before { content: "\e016"; } } +.glyphicon-off { &:before { content: "\e017"; } } +.glyphicon-signal { &:before { content: "\e018"; } } +.glyphicon-cog { &:before { content: "\e019"; } } +.glyphicon-trash { &:before { content: "\e020"; } } +.glyphicon-home { &:before { content: "\e021"; } } +.glyphicon-file { &:before { content: "\e022"; } } +.glyphicon-time { &:before { content: "\e023"; } } +.glyphicon-road { &:before { content: "\e024"; } } +.glyphicon-download-alt { &:before { content: "\e025"; } } +.glyphicon-download { &:before { content: "\e026"; } } +.glyphicon-upload { &:before { content: "\e027"; } } +.glyphicon-inbox { &:before { content: "\e028"; } } +.glyphicon-play-circle { &:before { content: "\e029"; } } +.glyphicon-repeat { &:before { content: "\e030"; } } +.glyphicon-refresh { &:before { content: "\e031"; } } +.glyphicon-list-alt { &:before { content: "\e032"; } } +.glyphicon-lock { &:before { content: "\e033"; } } +.glyphicon-flag { &:before { content: "\e034"; } } +.glyphicon-headphones { &:before { content: "\e035"; } } +.glyphicon-volume-off { &:before { content: "\e036"; } } +.glyphicon-volume-down { &:before { content: "\e037"; } } +.glyphicon-volume-up { &:before { content: "\e038"; } } +.glyphicon-qrcode { &:before { content: "\e039"; } } +.glyphicon-barcode { &:before { content: "\e040"; } } +.glyphicon-tag { &:before { content: "\e041"; } } +.glyphicon-tags { &:before { content: "\e042"; } } +.glyphicon-book { &:before { content: "\e043"; } } +.glyphicon-bookmark { &:before { content: "\e044"; } } +.glyphicon-print { &:before { content: "\e045"; } } +.glyphicon-camera { &:before { content: "\e046"; } } +.glyphicon-font { &:before { content: "\e047"; } } +.glyphicon-bold { &:before { content: "\e048"; } } +.glyphicon-italic { &:before { content: "\e049"; } } +.glyphicon-text-height { &:before { content: "\e050"; } } +.glyphicon-text-width { &:before { content: "\e051"; } } +.glyphicon-align-left { &:before { content: "\e052"; } } +.glyphicon-align-center { &:before { content: "\e053"; } } +.glyphicon-align-right { &:before { content: "\e054"; } } +.glyphicon-align-justify { &:before { content: "\e055"; } } +.glyphicon-list { &:before { content: "\e056"; } } +.glyphicon-indent-left { &:before { content: "\e057"; } } +.glyphicon-indent-right { &:before { content: "\e058"; } } +.glyphicon-facetime-video { &:before { content: "\e059"; } } +.glyphicon-picture { &:before { content: "\e060"; } } +.glyphicon-map-marker { &:before { content: "\e062"; } } +.glyphicon-adjust { &:before { content: "\e063"; } } +.glyphicon-tint { &:before { content: "\e064"; } } +.glyphicon-edit { &:before { content: "\e065"; } } +.glyphicon-share { &:before { content: "\e066"; } } +.glyphicon-check { &:before { content: "\e067"; } } +.glyphicon-move { &:before { content: "\e068"; } } +.glyphicon-step-backward { &:before { content: "\e069"; } } +.glyphicon-fast-backward { &:before { content: "\e070"; } } +.glyphicon-backward { &:before { content: "\e071"; } } +.glyphicon-play { &:before { content: "\e072"; } } +.glyphicon-pause { &:before { content: "\e073"; } } +.glyphicon-stop { &:before { content: "\e074"; } } +.glyphicon-forward { &:before { content: "\e075"; } } +.glyphicon-fast-forward { &:before { content: "\e076"; } } +.glyphicon-step-forward { &:before { content: "\e077"; } } +.glyphicon-eject { &:before { content: "\e078"; } } +.glyphicon-chevron-left { &:before { content: "\e079"; } } +.glyphicon-chevron-right { &:before { content: "\e080"; } } +.glyphicon-plus-sign { &:before { content: "\e081"; } } +.glyphicon-minus-sign { &:before { content: "\e082"; } } +.glyphicon-remove-sign { &:before { content: "\e083"; } } +.glyphicon-ok-sign { &:before { content: "\e084"; } } +.glyphicon-question-sign { &:before { content: "\e085"; } } +.glyphicon-info-sign { &:before { content: "\e086"; } } +.glyphicon-screenshot { &:before { content: "\e087"; } } +.glyphicon-remove-circle { &:before { content: "\e088"; } } +.glyphicon-ok-circle { &:before { content: "\e089"; } } +.glyphicon-ban-circle { &:before { content: "\e090"; } } +.glyphicon-arrow-left { &:before { content: "\e091"; } } +.glyphicon-arrow-right { &:before { content: "\e092"; } } +.glyphicon-arrow-up { &:before { content: "\e093"; } } +.glyphicon-arrow-down { &:before { content: "\e094"; } } +.glyphicon-share-alt { &:before { content: "\e095"; } } +.glyphicon-resize-full { &:before { content: "\e096"; } } +.glyphicon-resize-small { &:before { content: "\e097"; } } +.glyphicon-exclamation-sign { &:before { content: "\e101"; } } +.glyphicon-gift { &:before { content: "\e102"; } } +.glyphicon-leaf { &:before { content: "\e103"; } } +.glyphicon-fire { &:before { content: "\e104"; } } +.glyphicon-eye-open { &:before { content: "\e105"; } } +.glyphicon-eye-close { &:before { content: "\e106"; } } +.glyphicon-warning-sign { &:before { content: "\e107"; } } +.glyphicon-plane { &:before { content: "\e108"; } } +.glyphicon-calendar { &:before { content: "\e109"; } } +.glyphicon-random { &:before { content: "\e110"; } } +.glyphicon-comment { &:before { content: "\e111"; } } +.glyphicon-magnet { &:before { content: "\e112"; } } +.glyphicon-chevron-up { &:before { content: "\e113"; } } +.glyphicon-chevron-down { &:before { content: "\e114"; } } +.glyphicon-retweet { &:before { content: "\e115"; } } +.glyphicon-shopping-cart { &:before { content: "\e116"; } } +.glyphicon-folder-close { &:before { content: "\e117"; } } +.glyphicon-folder-open { &:before { content: "\e118"; } } +.glyphicon-resize-vertical { &:before { content: "\e119"; } } +.glyphicon-resize-horizontal { &:before { content: "\e120"; } } +.glyphicon-hdd { &:before { content: "\e121"; } } +.glyphicon-bullhorn { &:before { content: "\e122"; } } +.glyphicon-bell { &:before { content: "\e123"; } } +.glyphicon-certificate { &:before { content: "\e124"; } } +.glyphicon-thumbs-up { &:before { content: "\e125"; } } +.glyphicon-thumbs-down { &:before { content: "\e126"; } } +.glyphicon-hand-right { &:before { content: "\e127"; } } +.glyphicon-hand-left { &:before { content: "\e128"; } } +.glyphicon-hand-up { &:before { content: "\e129"; } } +.glyphicon-hand-down { &:before { content: "\e130"; } } +.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } +.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } +.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } +.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } +.glyphicon-globe { &:before { content: "\e135"; } } +.glyphicon-wrench { &:before { content: "\e136"; } } +.glyphicon-tasks { &:before { content: "\e137"; } } +.glyphicon-filter { &:before { content: "\e138"; } } +.glyphicon-briefcase { &:before { content: "\e139"; } } +.glyphicon-fullscreen { &:before { content: "\e140"; } } +.glyphicon-dashboard { &:before { content: "\e141"; } } +.glyphicon-paperclip { &:before { content: "\e142"; } } +.glyphicon-heart-empty { &:before { content: "\e143"; } } +.glyphicon-link { &:before { content: "\e144"; } } +.glyphicon-phone { &:before { content: "\e145"; } } +.glyphicon-pushpin { &:before { content: "\e146"; } } +.glyphicon-usd { &:before { content: "\e148"; } } +.glyphicon-gbp { &:before { content: "\e149"; } } +.glyphicon-sort { &:before { content: "\e150"; } } +.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } +.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } +.glyphicon-sort-by-order { &:before { content: "\e153"; } } +.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } +.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } +.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } +.glyphicon-unchecked { &:before { content: "\e157"; } } +.glyphicon-expand { &:before { content: "\e158"; } } +.glyphicon-collapse-down { &:before { content: "\e159"; } } +.glyphicon-collapse-up { &:before { content: "\e160"; } } +.glyphicon-log-in { &:before { content: "\e161"; } } +.glyphicon-flash { &:before { content: "\e162"; } } +.glyphicon-log-out { &:before { content: "\e163"; } } +.glyphicon-new-window { &:before { content: "\e164"; } } +.glyphicon-record { &:before { content: "\e165"; } } +.glyphicon-save { &:before { content: "\e166"; } } +.glyphicon-open { &:before { content: "\e167"; } } +.glyphicon-saved { &:before { content: "\e168"; } } +.glyphicon-import { &:before { content: "\e169"; } } +.glyphicon-export { &:before { content: "\e170"; } } +.glyphicon-send { &:before { content: "\e171"; } } +.glyphicon-floppy-disk { &:before { content: "\e172"; } } +.glyphicon-floppy-saved { &:before { content: "\e173"; } } +.glyphicon-floppy-remove { &:before { content: "\e174"; } } +.glyphicon-floppy-save { &:before { content: "\e175"; } } +.glyphicon-floppy-open { &:before { content: "\e176"; } } +.glyphicon-credit-card { &:before { content: "\e177"; } } +.glyphicon-transfer { &:before { content: "\e178"; } } +.glyphicon-cutlery { &:before { content: "\e179"; } } +.glyphicon-header { &:before { content: "\e180"; } } +.glyphicon-compressed { &:before { content: "\e181"; } } +.glyphicon-earphone { &:before { content: "\e182"; } } +.glyphicon-phone-alt { &:before { content: "\e183"; } } +.glyphicon-tower { &:before { content: "\e184"; } } +.glyphicon-stats { &:before { content: "\e185"; } } +.glyphicon-sd-video { &:before { content: "\e186"; } } +.glyphicon-hd-video { &:before { content: "\e187"; } } +.glyphicon-subtitles { &:before { content: "\e188"; } } +.glyphicon-sound-stereo { &:before { content: "\e189"; } } +.glyphicon-sound-dolby { &:before { content: "\e190"; } } +.glyphicon-sound-5-1 { &:before { content: "\e191"; } } +.glyphicon-sound-6-1 { &:before { content: "\e192"; } } +.glyphicon-sound-7-1 { &:before { content: "\e193"; } } +.glyphicon-copyright-mark { &:before { content: "\e194"; } } +.glyphicon-registration-mark { &:before { content: "\e195"; } } +.glyphicon-cloud-download { &:before { content: "\e197"; } } +.glyphicon-cloud-upload { &:before { content: "\e198"; } } +.glyphicon-tree-conifer { &:before { content: "\e199"; } } +.glyphicon-tree-deciduous { &:before { content: "\e200"; } } +.glyphicon-cd { &:before { content: "\e201"; } } +.glyphicon-save-file { &:before { content: "\e202"; } } +.glyphicon-open-file { &:before { content: "\e203"; } } +.glyphicon-level-up { &:before { content: "\e204"; } } +.glyphicon-copy { &:before { content: "\e205"; } } +.glyphicon-paste { &:before { content: "\e206"; } } +// The following 2 Glyphicons are omitted for the time being because +// they currently use Unicode codepoints that are outside the +// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle +// non-BMP codepoints in CSS string escapes, and thus can't display these two icons. +// Notably, the bug affects some older versions of the Android Browser. +// More info: https://github.com/twbs/bootstrap/issues/10106 +// .glyphicon-door { &:before { content: "\1f6aa"; } } +// .glyphicon-key { &:before { content: "\1f511"; } } +.glyphicon-alert { &:before { content: "\e209"; } } +.glyphicon-equalizer { &:before { content: "\e210"; } } +.glyphicon-king { &:before { content: "\e211"; } } +.glyphicon-queen { &:before { content: "\e212"; } } +.glyphicon-pawn { &:before { content: "\e213"; } } +.glyphicon-bishop { &:before { content: "\e214"; } } +.glyphicon-knight { &:before { content: "\e215"; } } +.glyphicon-baby-formula { &:before { content: "\e216"; } } +.glyphicon-tent { &:before { content: "\26fa"; } } +.glyphicon-blackboard { &:before { content: "\e218"; } } +.glyphicon-bed { &:before { content: "\e219"; } } +.glyphicon-apple { &:before { content: "\f8ff"; } } +.glyphicon-erase { &:before { content: "\e221"; } } +.glyphicon-hourglass { &:before { content: "\231b"; } } +.glyphicon-lamp { &:before { content: "\e223"; } } +.glyphicon-duplicate { &:before { content: "\e224"; } } +.glyphicon-piggy-bank { &:before { content: "\e225"; } } +.glyphicon-scissors { &:before { content: "\e226"; } } +.glyphicon-bitcoin { &:before { content: "\e227"; } } +.glyphicon-btc { &:before { content: "\e227"; } } +.glyphicon-xbt { &:before { content: "\e227"; } } +.glyphicon-yen { &:before { content: "\00a5"; } } +.glyphicon-jpy { &:before { content: "\00a5"; } } +.glyphicon-ruble { &:before { content: "\20bd"; } } +.glyphicon-rub { &:before { content: "\20bd"; } } +.glyphicon-scale { &:before { content: "\e230"; } } +.glyphicon-ice-lolly { &:before { content: "\e231"; } } +.glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } } +.glyphicon-education { &:before { content: "\e233"; } } +.glyphicon-option-horizontal { &:before { content: "\e234"; } } +.glyphicon-option-vertical { &:before { content: "\e235"; } } +.glyphicon-menu-hamburger { &:before { content: "\e236"; } } +.glyphicon-modal-window { &:before { content: "\e237"; } } +.glyphicon-oil { &:before { content: "\e238"; } } +.glyphicon-grain { &:before { content: "\e239"; } } +.glyphicon-sunglasses { &:before { content: "\e240"; } } +.glyphicon-text-size { &:before { content: "\e241"; } } +.glyphicon-text-color { &:before { content: "\e242"; } } +.glyphicon-text-background { &:before { content: "\e243"; } } +.glyphicon-object-align-top { &:before { content: "\e244"; } } +.glyphicon-object-align-bottom { &:before { content: "\e245"; } } +.glyphicon-object-align-horizontal{ &:before { content: "\e246"; } } +.glyphicon-object-align-left { &:before { content: "\e247"; } } +.glyphicon-object-align-vertical { &:before { content: "\e248"; } } +.glyphicon-object-align-right { &:before { content: "\e249"; } } +.glyphicon-triangle-right { &:before { content: "\e250"; } } +.glyphicon-triangle-left { &:before { content: "\e251"; } } +.glyphicon-triangle-bottom { &:before { content: "\e252"; } } +.glyphicon-triangle-top { &:before { content: "\e253"; } } +.glyphicon-console { &:before { content: "\e254"; } } +.glyphicon-superscript { &:before { content: "\e255"; } } +.glyphicon-subscript { &:before { content: "\e256"; } } +.glyphicon-menu-left { &:before { content: "\e257"; } } +.glyphicon-menu-right { &:before { content: "\e258"; } } +.glyphicon-menu-down { &:before { content: "\e259"; } } +.glyphicon-menu-up { &:before { content: "\e260"; } } diff --git a/public/assets/less/blog/bootstrap/grid.less b/public/assets/less/blog/bootstrap/grid.less new file mode 100755 index 0000000..e100655 --- /dev/null +++ b/public/assets/less/blog/bootstrap/grid.less @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + .container-fixed(); + + @media (min-width: @screen-sm-min) { + width: @container-sm; + } + @media (min-width: @screen-md-min) { + width: @container-md; + } + @media (min-width: @screen-lg-min) { + width: @container-lg; + } +} + + +// Fluid container +// +// Utilizes the mixin meant for fixed width containers, but without any defined +// width for fluid, full width layouts. + +.container-fluid { + .container-fixed(); +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + .make-row(); +} + + +// Columns +// +// Common styles for small and large grid columns + +.make-grid-columns(); + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +.make-grid(xs); + + +// Small grid +// +// Columns, offsets, pushes, and pulls for the small device range, from phones +// to tablets. + +@media (min-width: @screen-sm-min) { + .make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: @screen-md-min) { + .make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: @screen-lg-min) { + .make-grid(lg); +} diff --git a/public/assets/less/blog/bootstrap/input-groups.less b/public/assets/less/blog/bootstrap/input-groups.less new file mode 100755 index 0000000..457ea60 --- /dev/null +++ b/public/assets/less/blog/bootstrap/input-groups.less @@ -0,0 +1,167 @@ +// +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + position: relative; // For dropdowns + display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table + + // Undo padding and float of grid classes + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + + .form-control { + // Ensure that the input is always above the *appended* addon button for + // proper border colors. + position: relative; + z-index: 2; + + // IE9 fubars the placeholder attribute in text inputs and the arrows on + // select elements in input groups. To fix it, we float the input. Details: + // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 + float: left; + + width: 100%; + margin-bottom: 0; + } +} + +// Sizing options +// +// Remix the default form control sizing classes into new ones for easier +// manipulation. + +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + .input-lg(); +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + .input-sm(); +} + + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + font-weight: normal; + line-height: 1; + color: @input-color; + text-align: center; + background-color: @input-group-addon-bg; + border: 1px solid @input-group-addon-border-color; + border-radius: @border-radius-base; + + // Sizing + &.input-sm { + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + border-radius: @border-radius-small; + } + &.input-lg { + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + border-radius: @border-radius-large; + } + + // Nuke default margins from checkboxes and radios to vertically center within. + input[type="radio"], + input[type="checkbox"] { + margin-top: 0; + } +} + +// Reset rounded corners +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + .border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + .border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + // Jankily prevent input button groups from wrapping with `white-space` and + // `font-size` in combination with `inline-block` on buttons. + font-size: 0; + white-space: nowrap; + + // Negative margin for spacing, position for bringing hovered/focused/actived + // element above the siblings. + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:focus, + &:active { + z-index: 2; + } + } + + // Negative margin to only have a 1px border between the two + &:first-child { + > .btn, + > .btn-group { + margin-right: -1px; + } + } + &:last-child { + > .btn, + > .btn-group { + z-index: 2; + margin-left: -1px; + } + } +} diff --git a/public/assets/less/blog/bootstrap/jumbotron.less b/public/assets/less/blog/bootstrap/jumbotron.less new file mode 100755 index 0000000..fa80a38 --- /dev/null +++ b/public/assets/less/blog/bootstrap/jumbotron.less @@ -0,0 +1,52 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding-top: @jumbotron-padding; + padding-bottom: @jumbotron-padding; + margin-bottom: @jumbotron-padding; + color: @jumbotron-color; + background-color: @jumbotron-bg; + + h1, + .h1 { + color: @jumbotron-heading-color; + } + + p { + margin-bottom: (@jumbotron-padding / 2); + font-size: @jumbotron-font-size; + font-weight: 200; + } + + > hr { + border-top-color: darken(@jumbotron-bg, 10%); + } + + .container &, + .container-fluid & { + border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: @screen-sm-min) { + padding-top: (@jumbotron-padding * 1.6); + padding-bottom: (@jumbotron-padding * 1.6); + + .container &, + .container-fluid & { + padding-left: (@jumbotron-padding * 2); + padding-right: (@jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: @jumbotron-heading-font-size; + } + } +} diff --git a/public/assets/less/blog/bootstrap/labels.less b/public/assets/less/blog/bootstrap/labels.less new file mode 100755 index 0000000..9a5a270 --- /dev/null +++ b/public/assets/less/blog/bootstrap/labels.less @@ -0,0 +1,64 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: @label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // Add hover effects, but only for links + a& { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for labels in buttons + .btn & { + position: relative; + top: -1px; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + .label-variant(@label-default-bg); +} + +.label-primary { + .label-variant(@label-primary-bg); +} + +.label-success { + .label-variant(@label-success-bg); +} + +.label-info { + .label-variant(@label-info-bg); +} + +.label-warning { + .label-variant(@label-warning-bg); +} + +.label-danger { + .label-variant(@label-danger-bg); +} diff --git a/public/assets/less/blog/bootstrap/list-group.less b/public/assets/less/blog/bootstrap/list-group.less new file mode 100755 index 0000000..216b912 --- /dev/null +++ b/public/assets/less/blog/bootstrap/list-group.less @@ -0,0 +1,130 @@ +// +// List groups +// -------------------------------------------------- + + +// Base class +// +// Easily usable on
    ,
      , or
      . + +.list-group { + // No need to set list-style: none; since .list-group-item is block level + margin-bottom: 20px; + padding-left: 0; // reset padding because ul and ol +} + + +// Individual list items +// +// Use on `li`s or `div`s within the `.list-group` parent. + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + // Place the border on the list items and negative margin up for better styling + margin-bottom: -1px; + background-color: @list-group-bg; + border: 1px solid @list-group-border; + + // Round the first and last items + &:first-child { + .border-top-radius(@list-group-border-radius); + } + &:last-child { + margin-bottom: 0; + .border-bottom-radius(@list-group-border-radius); + } +} + + +// Interactive list items +// +// Use anchor or button elements instead of `li`s or `div`s to create interactive items. +// Includes an extra `.active` modifier class for showing selected items. + +a.list-group-item, +button.list-group-item { + color: @list-group-link-color; + + .list-group-item-heading { + color: @list-group-link-heading-color; + } + + // Hover state + &:hover, + &:focus { + text-decoration: none; + color: @list-group-link-hover-color; + background-color: @list-group-hover-bg; + } +} + +button.list-group-item { + width: 100%; + text-align: left; +} + +.list-group-item { + // Disabled state + &.disabled, + &.disabled:hover, + &.disabled:focus { + background-color: @list-group-disabled-bg; + color: @list-group-disabled-color; + cursor: @cursor-disabled; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: @list-group-disabled-text-color; + } + } + + // Active class on item itself, not parent + &.active, + &.active:hover, + &.active:focus { + z-index: 2; // Place active items above their siblings for proper border styling + color: @list-group-active-color; + background-color: @list-group-active-bg; + border-color: @list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading, + .list-group-item-heading > small, + .list-group-item-heading > .small { + color: inherit; + } + .list-group-item-text { + color: @list-group-active-text-color; + } + } +} + + +// Contextual variants +// +// Add modifier classes to change text and background color on individual items. +// Organizationally, this must come after the `:hover` states. + +.list-group-item-variant(success; @state-success-bg; @state-success-text); +.list-group-item-variant(info; @state-info-bg; @state-info-text); +.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); +.list-group-item-variant(danger; @state-danger-bg; @state-danger-text); + + +// Custom content options +// +// Extra classes for creating well-formatted content within `.list-group-item`s. + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} diff --git a/public/assets/less/blog/bootstrap/media.less b/public/assets/less/blog/bootstrap/media.less new file mode 100755 index 0000000..8c835e8 --- /dev/null +++ b/public/assets/less/blog/bootstrap/media.less @@ -0,0 +1,66 @@ +.media { + // Proper spacing between instances of .media + margin-top: 15px; + + &:first-child { + margin-top: 0; + } +} + +.media, +.media-body { + zoom: 1; + overflow: hidden; +} + +.media-body { + width: 10000px; +} + +.media-object { + display: block; + + // Fix collapse in webkit from max-width: 100% and display: table-cell. + &.img-thumbnail { + max-width: none; + } +} + +.media-right, +.media > .pull-right { + padding-left: 10px; +} + +.media-left, +.media > .pull-left { + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +// Reset margins on headings for tighter default spacing +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +// Media list variation +// +// Undo default ul/ol styles +.media-list { + padding-left: 0; + list-style: none; +} diff --git a/public/assets/less/blog/bootstrap/mixins.less b/public/assets/less/blog/bootstrap/mixins.less new file mode 100755 index 0000000..e6f9fe6 --- /dev/null +++ b/public/assets/less/blog/bootstrap/mixins.less @@ -0,0 +1,40 @@ +// Mixins +// -------------------------------------------------- + +// Utilities +@import "mixins/hide-text.less"; +@import "mixins/opacity.less"; +@import "mixins/image.less"; +@import "mixins/labels.less"; +@import "mixins/reset-filter.less"; +@import "mixins/resize.less"; +@import "mixins/responsive-visibility.less"; +@import "mixins/size.less"; +@import "mixins/tab-focus.less"; +@import "mixins/reset-text.less"; +@import "mixins/text-emphasis.less"; +@import "mixins/text-overflow.less"; +@import "mixins/vendor-prefixes.less"; + +// Components +@import "mixins/alerts.less"; +@import "mixins/buttons.less"; +@import "mixins/panels.less"; +@import "mixins/pagination.less"; +@import "mixins/list-group.less"; +@import "mixins/nav-divider.less"; +@import "mixins/forms.less"; +@import "mixins/progress-bar.less"; +@import "mixins/table-row.less"; + +// Skins +@import "mixins/background-variant.less"; +@import "mixins/border-radius.less"; +@import "mixins/gradients.less"; + +// Layout +@import "mixins/clearfix.less"; +@import "mixins/center-block.less"; +@import "mixins/nav-vertical-align.less"; +@import "mixins/grid-framework.less"; +@import "mixins/grid.less"; diff --git a/public/assets/less/blog/bootstrap/mixins/alerts.less b/public/assets/less/blog/bootstrap/mixins/alerts.less new file mode 100755 index 0000000..396196f --- /dev/null +++ b/public/assets/less/blog/bootstrap/mixins/alerts.less @@ -0,0 +1,14 @@ +// Alerts + +.alert-variant(@background; @border; @text-color) { + background-color: @background; + border-color: @border; + color: @text-color; + + hr { + border-top-color: darken(@border, 5%); + } + .alert-link { + color: darken(@text-color, 10%); + } +} diff --git a/public/assets/less/blog/bootstrap/mixins/background-variant.less b/public/assets/less/blog/bootstrap/mixins/background-variant.less new file mode 100755 index 0000000..a85c22b --- /dev/null +++ b/public/assets/less/blog/bootstrap/mixins/background-variant.less @@ -0,0 +1,9 @@ +// Contextual backgrounds + +.bg-variant(@color) { + background-color: @color; + a&:hover, + a&:focus { + background-color: darken(@color, 10%); + } +} diff --git a/public/assets/less/blog/bootstrap/mixins/border-radius.less b/public/assets/less/blog/bootstrap/mixins/border-radius.less new file mode 100755 index 0000000..ca05dbf --- /dev/null +++ b/public/assets/less/blog/bootstrap/mixins/border-radius.less @@ -0,0 +1,18 @@ +// Single side border-radius + +.border-top-radius(@radius) { + border-top-right-radius: @radius; + border-top-left-radius: @radius; +} +.border-right-radius(@radius) { + border-bottom-right-radius: @radius; + border-top-right-radius: @radius; +} +.border-bottom-radius(@radius) { + border-bottom-right-radius: @radius; + border-bottom-left-radius: @radius; +} +.border-left-radius(@radius) { + border-bottom-left-radius: @radius; + border-top-left-radius: @radius; +} diff --git a/public/assets/less/blog/bootstrap/mixins/buttons.less b/public/assets/less/blog/bootstrap/mixins/buttons.less new file mode 100755 index 0000000..6875a97 --- /dev/null +++ b/public/assets/less/blog/bootstrap/mixins/buttons.less @@ -0,0 +1,68 @@ +// Button variants +// +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons + +.button-variant(@color; @background; @border) { + color: @color; + background-color: @background; + border-color: @border; + + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 25%); + } + &:hover { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + } + &:active, + &.active, + .open > .dropdown-toggle& { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + + &:hover, + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 17%); + border-color: darken(@border, 25%); + } + } + &:active, + &.active, + .open > .dropdown-toggle& { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + + .badge { + color: @background; + background-color: @color; + } +} + +// Button sizes +.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; +} diff --git a/public/assets/less/blog/bootstrap/mixins/center-block.less b/public/assets/less/blog/bootstrap/mixins/center-block.less new file mode 100755 index 0000000..d18d6de --- /dev/null +++ b/public/assets/less/blog/bootstrap/mixins/center-block.less @@ -0,0 +1,7 @@ +// Center-align a block level element + +.center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} diff --git a/public/assets/less/blog/bootstrap/mixins/clearfix.less b/public/assets/less/blog/bootstrap/mixins/clearfix.less new file mode 100755 index 0000000..3f7a382 --- /dev/null +++ b/public/assets/less/blog/bootstrap/mixins/clearfix.less @@ -0,0 +1,22 @@ +// Clearfix +// +// 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 are clearfixed. +// 2. The use of `table` rather than `block` is only necessary if using +// `:before` to contain the top-margins of child elements. +// +// Source: http://nicolasgallagher.com/micro-clearfix-hack/ + +.clearfix() { + &:before, + &:after { + content: " "; // 1 + display: table; // 2 + } + &:after { + clear: both; + } +} diff --git a/public/assets/less/blog/bootstrap/mixins/forms.less b/public/assets/less/blog/bootstrap/mixins/forms.less new file mode 100755 index 0000000..6f55ed9 --- /dev/null +++ b/public/assets/less/blog/bootstrap/mixins/forms.less @@ -0,0 +1,85 @@ +// Form validation states +// +// Used in forms.less to generate the form validation CSS for warnings, errors, +// and successes. + +.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { + // Color the label and help text + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label { + color: @text-color; + } + // Set the border and box shadow on specific inputs to match + .form-control { + border-color: @border-color; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + &:focus { + border-color: darken(@border-color, 10%); + @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); + .box-shadow(@shadow); + } + } + // Set validation states also for addons + .input-group-addon { + color: @text-color; + border-color: @border-color; + background-color: @background-color; + } + // Optional feedback icon + .form-control-feedback { + color: @text-color; + } +} + + +// Form control focus state +// +// Generate a customized focus state and for any input with the specified color, +// which defaults to the `@input-border-focus` variable. +// +// We highly encourage you to not customize the default value, but instead use +// this to tweak colors on an as-needed basis. This aesthetic change is based on +// WebKit's default styles, but applicable to a wider range of browsers. Its +// usability and accessibility should be taken into account with any change. +// +// Example usage: change the default blue border and shadow to white for better +// contrast against a dark gray background. +.form-control-focus(@color: @input-border-focus) { + @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); + &:focus { + border-color: @color; + outline: 0; + .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); + } +} + +// Form control sizing +// +// Relative text size, padding, and border-radii changes for form controls. For +// horizontal sizing, wrap controls in the predefined grid classes. `` background color +@input-bg: #fff; +//** `` background color +@input-bg-disabled: @gray-lighter; + +//** Text color for ``s +@input-color: @gray; +//** `` border color +@input-border: #ccc; + +// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +//** Default `.form-control` border radius +// This has no effect on ``s in CSS. +@input-border-radius: @border-radius-base; +//** Large `.form-control` border radius +@input-border-radius-large: @border-radius-large; +//** Small `.form-control` border radius +@input-border-radius-small: @border-radius-small; + +//** Border color for inputs on focus +@input-border-focus: #66afe9; + +//** Placeholder text color +@input-color-placeholder: #999; + +//** Default `.form-control` height +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); +//** Large `.form-control` height +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); +//** Small `.form-control` height +@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); + +//** `.form-group` margin +@form-group-margin-bottom: 15px; + +@legend-color: @gray-dark; +@legend-border-color: #e5e5e5; + +//** Background color for textual input addons +@input-group-addon-bg: @gray-lighter; +//** Border color for textual input addons +@input-group-addon-border-color: @input-border; + +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +@dropdown-bg: #fff; +//** Dropdown menu `border-color`. +@dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +@dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +@dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +@dropdown-link-color: @gray-dark; +//** Hover color for dropdown links. +@dropdown-link-hover-color: darken(@gray-dark, 5%); +//** Hover background for dropdown links. +@dropdown-link-hover-bg: #f5f5f5; + +//** Active dropdown menu item text color. +@dropdown-link-active-color: @component-active-color; +//** Active dropdown menu item background color. +@dropdown-link-active-bg: @component-active-bg; + +//** Disabled dropdown menu item background color. +@dropdown-link-disabled-color: @gray-light; + +//** Text color for headers within dropdown menus. +@dropdown-header-color: @gray-light; + +//** Deprecated `@dropdown-caret-color` as of v3.1.0 +@dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +@zindex-navbar: 1000; +@zindex-dropdown: 1000; +@zindex-popover: 1060; +@zindex-tooltip: 1070; +@zindex-navbar-fixed: 1030; +@zindex-modal-background: 1040; +@zindex-modal: 1050; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `@screen-xs` as of v3.0.1 +@screen-xs: 480px; +//** Deprecated `@screen-xs-min` as of v3.2.0 +@screen-xs-min: @screen-xs; +//** Deprecated `@screen-phone` as of v3.0.1 +@screen-phone: @screen-xs-min; + +// Small screen / tablet +//** Deprecated `@screen-sm` as of v3.0.1 +@screen-sm: 768px; +@screen-sm-min: @screen-sm; +//** Deprecated `@screen-tablet` as of v3.0.1 +@screen-tablet: @screen-sm-min; + +// Medium screen / desktop +//** Deprecated `@screen-md` as of v3.0.1 +@screen-md: 992px; +@screen-md-min: @screen-md; +//** Deprecated `@screen-desktop` as of v3.0.1 +@screen-desktop: @screen-md-min; + +// Large screen / wide desktop +//** Deprecated `@screen-lg` as of v3.0.1 +@screen-lg: 1200px; +@screen-lg-min: @screen-lg; +//** Deprecated `@screen-lg-desktop` as of v3.0.1 +@screen-lg-desktop: @screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +@screen-xs-max: (@screen-sm-min - 1); +@screen-sm-max: (@screen-md-min - 1); +@screen-md-max: (@screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +@grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +@grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +@grid-float-breakpoint: @screen-sm-min; +//** Point at which the navbar begins collapsing. +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +@container-tablet: (720px + @grid-gutter-width); +//** For `@screen-sm-min` and up. +@container-sm: @container-tablet; + +// Medium screen / desktop +@container-desktop: (940px + @grid-gutter-width); +//** For `@screen-md-min` and up. +@container-md: @container-desktop; + +// Large screen / wide desktop +@container-large-desktop: (1140px + @grid-gutter-width); +//** For `@screen-lg-min` and up. +@container-lg: @container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +@navbar-height: 50px; +@navbar-margin-bottom: @line-height-computed; +@navbar-border-radius: @border-radius-base; +@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); +@navbar-collapse-max-height: 340px; + +@navbar-default-color: #777; +@navbar-default-bg: #f8f8f8; +@navbar-default-border: darken(@navbar-default-bg, 6.5%); + +// Navbar links +@navbar-default-link-color: #777; +@navbar-default-link-hover-color: #333; +@navbar-default-link-hover-bg: transparent; +@navbar-default-link-active-color: #555; +@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); +@navbar-default-link-disabled-color: #ccc; +@navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +@navbar-default-brand-color: @navbar-default-link-color; +@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); +@navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +@navbar-default-toggle-hover-bg: #ddd; +@navbar-default-toggle-icon-bar-bg: #888; +@navbar-default-toggle-border-color: #ddd; + + +//=== Inverted navbar +// Reset inverted navbar basics +@navbar-inverse-color: lighten(@gray-light, 15%); +@navbar-inverse-bg: #222; +@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); + +// Inverted navbar links +@navbar-inverse-link-color: lighten(@gray-light, 15%); +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-hover-bg: transparent; +@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; +@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); +@navbar-inverse-link-disabled-color: #444; +@navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +@navbar-inverse-brand-color: @navbar-inverse-link-color; +@navbar-inverse-brand-hover-color: #fff; +@navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: #333; +@navbar-inverse-toggle-icon-bar-bg: #fff; +@navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +@nav-link-padding: 10px 15px; +@nav-link-hover-bg: @gray-lighter; + +@nav-disabled-link-color: @gray-light; +@nav-disabled-link-hover-color: @gray-light; + +//== Tabs +@nav-tabs-border-color: #ddd; + +@nav-tabs-link-hover-border-color: @gray-lighter; + +@nav-tabs-active-link-hover-bg: @body-bg; +@nav-tabs-active-link-hover-color: @gray; +@nav-tabs-active-link-hover-border-color: #ddd; + +@nav-tabs-justified-link-border-color: #ddd; +@nav-tabs-justified-active-link-border-color: @body-bg; + +//== Pills +@nav-pills-border-radius: @border-radius-base; +@nav-pills-active-link-hover-bg: @component-active-bg; +@nav-pills-active-link-hover-color: @component-active-color; + + +//== Pagination +// +//## + +@pagination-color: @link-color; +@pagination-bg: #fff; +@pagination-border: #ddd; + +@pagination-hover-color: @link-hover-color; +@pagination-hover-bg: @gray-lighter; +@pagination-hover-border: #ddd; + +@pagination-active-color: #fff; +@pagination-active-bg: @brand-primary; +@pagination-active-border: @brand-primary; + +@pagination-disabled-color: @gray-light; +@pagination-disabled-bg: #fff; +@pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +@pager-bg: @pagination-bg; +@pager-border: @pagination-border; +@pager-border-radius: 15px; + +@pager-hover-bg: @pagination-hover-bg; + +@pager-active-bg: @pagination-active-bg; +@pager-active-color: @pagination-active-color; + +@pager-disabled-color: @pagination-disabled-color; + + +//== Jumbotron +// +//## + +@jumbotron-padding: 30px; +@jumbotron-color: inherit; +@jumbotron-bg: @gray-lighter; +@jumbotron-heading-color: inherit; +@jumbotron-font-size: ceil((@font-size-base * 1.5)); +@jumbotron-heading-font-size: ceil((@font-size-base * 4.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +@tooltip-max-width: 200px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: #000; +@tooltip-opacity: .9; + +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +@popover-bg: #fff; +//** Popover maximum width +@popover-max-width: 276px; +//** Popover border color +@popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +@popover-fallback-border-color: #ccc; + +//** Popover title background color +@popover-title-bg: darken(@popover-bg, 3%); + +//** Popover arrow width +@popover-arrow-width: 10px; +//** Popover arrow color +@popover-arrow-color: @popover-bg; + +//** Popover outer arrow width +@popover-arrow-outer-width: (@popover-arrow-width + 1); +//** Popover outer arrow color +@popover-arrow-outer-color: fadein(@popover-border-color, 5%); +//** Popover outer arrow fallback color +@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +@label-default-bg: @gray-light; +//** Primary label background color +@label-primary-bg: @brand-primary; +//** Success label background color +@label-success-bg: @brand-success; +//** Info label background color +@label-info-bg: @brand-info; +//** Warning label background color +@label-warning-bg: @brand-warning; +//** Danger label background color +@label-danger-bg: @brand-danger; + +//** Default label text color +@label-color: #fff; +//** Default text color of a linked label +@label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +@modal-inner-padding: 15px; + +//** Padding applied to the modal title +@modal-title-padding: 15px; +//** Modal title line-height +@modal-title-line-height: @line-height-base; + +//** Background color of modal content area +@modal-content-bg: #fff; +//** Modal content border color +@modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +@modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +@modal-backdrop-bg: #000; +//** Modal backdrop opacity +@modal-backdrop-opacity: .5; +//** Modal header border color +@modal-header-border-color: #e5e5e5; +//** Modal footer border color +@modal-footer-border-color: @modal-header-border-color; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +@alert-padding: 15px; +@alert-border-radius: @border-radius-base; +@alert-link-font-weight: bold; + +@alert-success-bg: @state-success-bg; +@alert-success-text: @state-success-text; +@alert-success-border: @state-success-border; + +@alert-info-bg: @state-info-bg; +@alert-info-text: @state-info-text; +@alert-info-border: @state-info-border; + +@alert-warning-bg: @state-warning-bg; +@alert-warning-text: @state-warning-text; +@alert-warning-border: @state-warning-border; + +@alert-danger-bg: @state-danger-bg; +@alert-danger-text: @state-danger-text; +@alert-danger-border: @state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +@progress-border-radius: @border-radius-base; + +//** Default progress bar color +@progress-bar-bg: @brand-primary; +//** Success progress bar color +@progress-bar-success-bg: @brand-success; +//** Warning progress bar color +@progress-bar-warning-bg: @brand-warning; +//** Danger progress bar color +@progress-bar-danger-bg: @brand-danger; +//** Info progress bar color +@progress-bar-info-bg: @brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list items on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list items +@list-group-active-color: @component-active-color; +//** Background color of active list items +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +//** Text color for content within active list items +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +//** Text color of disabled list items +@list-group-disabled-color: @gray-light; +//** Background color of disabled list items +@list-group-disabled-bg: @gray-lighter; +//** Text color for content within disabled list items +@list-group-disabled-text-color: @list-group-disabled-color; + +@list-group-link-color: #555; +@list-group-link-hover-color: @list-group-link-color; +@list-group-link-heading-color: #333; + + +//== Panels +// +//## + +@panel-bg: #fff; +@panel-body-padding: 15px; +@panel-heading-padding: 10px 15px; +@panel-footer-padding: @panel-heading-padding; +@panel-border-radius: @border-radius-base; + +//** Border color for elements within panels +@panel-inner-border: #ddd; +@panel-footer-bg: #f5f5f5; + +@panel-default-text: @gray-dark; +@panel-default-border: #ddd; +@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: @brand-primary; +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: @state-success-text; +@panel-success-border: @state-success-border; +@panel-success-heading-bg: @state-success-bg; + +@panel-info-text: @state-info-text; +@panel-info-border: @state-info-border; +@panel-info-heading-bg: @state-info-bg; + +@panel-warning-text: @state-warning-text; +@panel-warning-border: @state-warning-border; +@panel-warning-heading-bg: @state-warning-bg; + +@panel-danger-text: @state-danger-text; +@panel-danger-border: @state-danger-border; +@panel-danger-heading-bg: @state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + +//** Custom text color for thumbnail captions +@thumbnail-caption-color: @text-color; +//** Padding around the thumbnail caption +@thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +@well-bg: #f5f5f5; +@well-border: darken(@well-bg, 7%); + + +//== Badges +// +//## + +@badge-color: #fff; +//** Linked badge text color on hover +@badge-link-hover-color: #fff; +@badge-bg: @gray-light; + +//** Badge text color in active nav link +@badge-active-color: @link-color; +//** Badge background color in active nav link +@badge-active-bg: #fff; + +@badge-font-weight: bold; +@badge-line-height: 1; +@badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +@breadcrumb-padding-vertical: 8px; +@breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +@breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +@breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +@breadcrumb-active-color: @gray-light; +//** Textual separator for between breadcrumb elements +@breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +@carousel-control-color: #fff; +@carousel-control-width: 15%; +@carousel-control-opacity: .5; +@carousel-control-font-size: 20px; + +@carousel-indicator-active-bg: #fff; +@carousel-indicator-border-color: #fff; + +@carousel-caption-color: #fff; + + +//== Close +// +//## + +@close-font-weight: bold; +@close-color: #000; +@close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +@code-color: #c7254e; +@code-bg: #f9f2f4; + +@kbd-color: #fff; +@kbd-bg: #333; + +@pre-bg: #f5f5f5; +@pre-color: @gray-dark; +@pre-border-color: #ccc; +@pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; +//** Width of horizontal description list titles +@dl-horizontal-offset: @component-offset-horizontal; +//** Horizontal line color. +@hr-border: @gray-lighter; diff --git a/public/assets/less/blog/bootstrap/wells.less b/public/assets/less/blog/bootstrap/wells.less new file mode 100755 index 0000000..15d072b --- /dev/null +++ b/public/assets/less/blog/bootstrap/wells.less @@ -0,0 +1,29 @@ +// +// Wells +// -------------------------------------------------- + + +// Base class +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: @well-bg; + border: 1px solid @well-border; + border-radius: @border-radius-base; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + blockquote { + border-color: #ddd; + border-color: rgba(0,0,0,.15); + } +} + +// Sizes +.well-lg { + padding: 24px; + border-radius: @border-radius-large; +} +.well-sm { + padding: 9px; + border-radius: @border-radius-small; +} diff --git a/public/assets/less/blog/components/_alert_note.less b/public/assets/less/blog/components/_alert_note.less new file mode 100755 index 0000000..58cb6ef --- /dev/null +++ b/public/assets/less/blog/components/_alert_note.less @@ -0,0 +1,78 @@ +/* Alert */ + +.alert { + border: none; +} +.alert.alert-success { + background: #7cdda7; +} +.alert.alert-info { + background: #93cfe5; +} +.alert.alert-danger { + background: #f8b2b2; +} +.alert.alert-warning { + background: #ffead0; +} + + +/* Note Setting */ + +.note { + margin-bottom: 20px; + padding: 15px; + border-left: 3px solid; +} +.note.note-success { + border-color: #4a8564; + background: #b0ebca; + color: #3c763d; +} +.note.note-success h1, +.note.note-success h2, +.note.note-success h3, +.note.note-success h4, +.note.note-success h5, +.note.note-success h6 { + color: #3c763d; +} +.note.note-danger { + border-color: #986e6e; + background: #fbd1d1; + color: #a94442; +} +.note.note-danger h1, +.note.note-danger h2, +.note.note-danger h3, +.note.note-danger h4, +.note.note-danger h5, +.note.note-danger h6 { + color: #a94442; +} +.note.note-info { + border-color: #587c89; + background: #bee2ef; + color: #31708f; +} +.note.note-info h1, +.note.note-info h2, +.note.note-info h3, +.note.note-info h4, +.note.note-info h5, +.note.note-info h6 { + color: #31708f; +} +.note.note-warning { + border-color: #9d9080; + background: #fff2e3; + color: #8a6d3b; +} +.note.note-warning h1, +.note.note-warning h2, +.note.note-warning h3, +.note.note-warning h4, +.note.note-warning h5, +.note.note-warning h6 { + color: #8a6d3b; +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_badge_label.less b/public/assets/less/blog/components/_badge_label.less new file mode 100755 index 0000000..4069fdd --- /dev/null +++ b/public/assets/less/blog/components/_badge_label.less @@ -0,0 +1,42 @@ +/* Badge & Label Setting */ + +.badge { + font-size: 75%; + line-height: 1.25; + font-weight: 600; +} +.label { + font-size: 75%; + font-weight: 600; +} +.badge.badge-square { + .border-radius(0); +} +.badge.badge-default, +.label.label-default { + background: @grey; +} +.badge.badge-danger, +.label.label-danger { + background: @red; +} +.badge.badge-warning, +.label.label-warning { + background: @orange; +} +.badge.badge-success, +.label.label-success { + background: @green; +} +.badge.badge-info, +.label.label-info { + background: @aqua ; +} +.badge.badge-primary, +.label.label-primary { + background: @blue ; +} +.badge.badge-inverse, +.label.label-inverse { + background: @black ; +} diff --git a/public/assets/less/blog/components/_button.less b/public/assets/less/blog/components/_button.less new file mode 100755 index 0000000..9d46d76 --- /dev/null +++ b/public/assets/less/blog/components/_button.less @@ -0,0 +1,135 @@ +/* Button */ + +.btn { + font-weight: 300; + .border-radius(3px); + + &:focus, + &:active:focus, + &.active:focus { + outline: none; + } + &:active, + &.active { + .box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.1)); + } +} +.btn-icon, +.btn.btn-icon { + display: inline-block; + width: 28px; + height: 28px; + padding: 0; + border: none; + line-height: 28px; + text-align: center; + font-size: 14px; + + &.btn-xs { + width: 16px; + height: 16px; + font-size: 8px; + line-height: 16px; + } + &.btn-sm { + width: 22px; + height: 22px; + font-size: 11px; + line-height: 22px; + } + &.btn-lg { + width: 34px; + height: 34px; + font-size: 17px; + line-height: 34px; + } + & > .pull-left, + & > .pull-right { + line-height: 1.428571429; + } +} + +.btn-circle, +.btn.btn-circle { + .border-radius(50%); +} +.btn-scroll-to-top { + position: fixed; + bottom: 20px; + right: 25px; + z-index: 1020; +} +.page-with-right-sidebar .btn-scroll-to-top { + left: 25px; + right: auto; +} +.btn-block { + padding-left: 12px; + padding-right: 12px; +} + + +/* + Button Generator (inside _mixins.less) + ---------------- + .generate-button-styling(@buttonClassName; @defaultColor; @hoverColor;); +*/ + +// .btn-default +.generate-button-styling(btn-default; @grey; @dark_grey); + +// .btn-inverse +.generate-button-styling(btn-inverse; @black; @dark_black); + +// .btn-primary +.generate-button-styling(btn-primary; @blue; @dark_blue); + +// .btn-success +.generate-button-styling(btn-success; @green; @dark_green); + +// .btn-warning +.generate-button-styling(btn-warning; @orange; @dark_orange); + +// .btn-danger +.generate-button-styling(btn-danger; @red; @dark_red); + +// .btn-info +.generate-button-styling(btn-info; @aqua; @dark_aqua); + +// .btn-white +.btn.btn-white { + font-weight: normal; + color: #333; + background: @white; + border-color: #e2e7eb; + + &:hover, + &:focus, + &:active, + &.active { + background: #e2e7eb; + border-color: #d8dde1; + } + + &.btn-white-without-border { + border-color: @white; + + &.active, + &.active:hover, + &.active:focus { + border-color: #ddd; + } + &:hover, + &focus { + border-color: #eee; + } + } +} +.open .dropdown-toggle.btn-white { + background: #e2e7eb; + border-color: #d8dde1; +} +.btn-group .btn.btn-white:not(.active) + .btn.btn-white, +.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { + border-left-color: #eee; +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_carousel.less b/public/assets/less/blog/components/_carousel.less new file mode 100755 index 0000000..4ce1a9d --- /dev/null +++ b/public/assets/less/blog/components/_carousel.less @@ -0,0 +1,17 @@ +/* Carousel */ + +.carousel .carousel-control .fa { + position: absolute; + top: 50%; + z-index: 5; + display: block; + width: 30px; + height: 30px; + margin-top: -15px; + text-align: center; + line-height: 30px; + margin-left: -15px; +} +.carousel .carousel-control.left .fa { + margin-left: 15px; +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_dropdown_menu.less b/public/assets/less/blog/components/_dropdown_menu.less new file mode 100755 index 0000000..abbf287 --- /dev/null +++ b/public/assets/less/blog/components/_dropdown_menu.less @@ -0,0 +1,66 @@ +/* Dropdown Menu */ + +.dropdown-menu { + border: none; + font-size: 12px; + .box-shadow(0 2px 5px -1px rgba(0, 0, 0, 0.2)); +} +.dropdown-menu > li > a { + padding: 5px 15px; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background: #edf0f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background: #348fe2; +} +.dropdown-menu .divider { + border-color: #eee; +} +.dropdown-menu.media-list { + max-width: 280px; + padding: 0; +} +.dropdown-menu.media-list p { + text-overflow: ellipsis; + overflow: hidden; +} +.dropdown-menu.media-list .dropdown-header { + padding: 10px 20px !important; + background: #fafafa; +} +.dropdown-menu.media-list > .media { + margin-top: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + margin-bottom: -1px; +} +.dropdown-menu.media-list > .media > a { + display: block; + padding: 10px 20px !important; +} +.dropdown-menu.media-list > .media .media-object { + height: 36px; + width: 36px; + line-height: 36px; + font-size: 14px; + color: #fff; + text-align: center; + margin-right: 10px; + .border-radius(50%); +} +.dropdown-footer { + padding: 10px 20px; +} +.dropdown-menu > li.dropdown-footer > a { + padding: 0 !important; + display: inline !important; +} +.dropdown-menu > li.dropdown-footer > a:hover, +.dropdown-menu > li.dropdown-footer > a:focus { + background: none !important; + text-decoration: underline !important; +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_form_elements.less b/public/assets/less/blog/components/_form_elements.less new file mode 100755 index 0000000..340ccff --- /dev/null +++ b/public/assets/less/blog/components/_form_elements.less @@ -0,0 +1,136 @@ +/* Form Elements */ + +.form-control { + border: 2px solid #ccd0d4; + font-size: 12px; + .box-shadow(none); + .border-radius(3px); +} +.form-control.input-white { + background: #fff; + border-color: #fff; + + &:focus { + .box-shadow(none); + } +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background: #e5e9ed; + .opacity(0.6); +} +.form-control[disabled]:focus, +.form-control[readonly]:focus, +fieldset[disabled] .form-control:focus { + border: 1px solid #ccd0d4; + .box-shadow(none); +} +.form-control:focus { + border-color: #9fa2a5; + .box-shadow(none); +} +.form-horizontal.form-bordered { + & .form-group { + border-bottom: 1px solid #eee; + margin: 0; + + &:last-child { + border-bottom: 0; + } + & > .control-label { + padding: 22px 15px 15px; + } + & > div { + padding: 15px; + } + & > div { + border-left: 1px solid #eee; + } + & > .control-label { + border-right: 1px solid #eee; + margin-right: -1px; + } + } + & .has-feedback .form-control-feedback { + top: 15px; + } +} +label { + font-weight: 500; +} +.has-success .form-control, +.has-success .form-control:focus, +.has-warning .form-control, +.has-warning .form-control:focus, +.has-error .form-control, +.has-error .form-control:focus { + .box-shadow(none); +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success .form-control-feedback { + color: @green; +} +.has-success .form-control { + border-color: @green; + + &:focus { + border-color: @dark_green; + } +} +.has-success .form-control +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning .form-control-feedback { + color: @orange; +} +.has-warning .form-control { + border-color: @orange; + + &:focus { + border-color: @dark_orange; + } +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error .form-control-feedback { + color: @red; +} +.has-error .form-control { + border-color: @red; + + &:focus { + border-color: @dark_red; + } +} +.form-control-feedback { + line-height: 34px; +} + +select.form-control { + border-color: #ccd0d4; +} +select[multiple].form-control { + border-color: #ccd0d4; +} +.input-group-addon { + background: #e2e7eb; + border: none; +} +legend { + padding-bottom: 3px; + border-bottom: 1px solid #e2e7eb; +} diff --git a/public/assets/less/blog/components/_jumbotron.less b/public/assets/less/blog/components/_jumbotron.less new file mode 100755 index 0000000..f0ca231 --- /dev/null +++ b/public/assets/less/blog/components/_jumbotron.less @@ -0,0 +1,13 @@ +/* Jumbotron */ + +.jumbotron { + background: #f0f3f4; + + & h1, + & .h1 { + font-size: 56px; + } + & p { + font-size: 18px; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_list_group.less b/public/assets/less/blog/components/_list_group.less new file mode 100755 index 0000000..0f20752 --- /dev/null +++ b/public/assets/less/blog/components/_list_group.less @@ -0,0 +1,19 @@ +/* List Group */ + +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + background: @blue; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #242a30; +} +.nav.nav-pills.nav-sm > li { + margin: 0 0 3px; + + & a { + padding: 8px 10px; + line-height: 1.5; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_list_group_item.less b/public/assets/less/blog/components/_list_group_item.less new file mode 100755 index 0000000..066996d --- /dev/null +++ b/public/assets/less/blog/components/_list_group_item.less @@ -0,0 +1,18 @@ +/* List Group Item Inverse Setting */ + +.list-group-item.list-group-item-inverse { + background: @black; + border-color: @dark_black; + color: #fff; + font-weight: 300; +} +.list-group-item.list-group-item-inverse .label-inverse, +.list-group-item.list-group-item-inverse .badge-inverse { + background: @dark_black; + background: rgba(0,0,0,0.4); +} +.list-group-item.list-group-item-inverse:hover, +.list-group-item.list-group-item-inverse:focus { + color: #fff; + background: #282F35; +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_media_object.less b/public/assets/less/blog/components/_media_object.less new file mode 100755 index 0000000..03f9385 --- /dev/null +++ b/public/assets/less/blog/components/_media_object.less @@ -0,0 +1,36 @@ +/* Media Object */ + +.media { + + & .media-object { + width: 128px; + } + &.media-lg .media-object { + width: 256px; + } + &.media-sm .media-object { + width: 64px; + } + &.media-xs .media-object { + width: 32px; + } + & > .pull-left { + margin-right: 15px; + } + & > .pull-right { + margin-left: 15px; + } + & a:hover, + & a:focus, + & a:hover .media-heading, + & a:focus .media-heading, + & a.media-heading:hover, + & a.media-heading:focus { + color: @dark_black; + text-decoration: none; + } +} +.media-list.media-list-with-divider > li + li { + border-top: 1px solid #eee; + padding-top: 20px; +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_modal.less b/public/assets/less/blog/components/_modal.less new file mode 100755 index 0000000..864c187 --- /dev/null +++ b/public/assets/less/blog/components/_modal.less @@ -0,0 +1,38 @@ +/* Modal Setting */ + +.modal-content { + border: none; + .box-shadow(0 5px 15px rgba(0, 0, 0, 0.3)); + .border-radius(3px); +} +.modal-header { + padding: 12px 15px; + border-bottom-color: #e2e7eb; + + & .close { + margin-top: 2px; + } +} +.modal-body { + padding: 15px; +} +.modal-footer { + border-top-color: #e2e7eb; + padding: 14px 15px 15px; +} +.modal-backdrop.fade.in { + .opacity(0.5); +} +.modal-message .modal-dialog { + width: 100%; +} +.modal-message .modal-content { + .border-radius(0); +} +.modal-message .modal-header, +.modal-message .modal-body, +.modal-message .modal-footer { + width: 60%; + border: none; + margin: 0 auto; +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_nav_tab.less b/public/assets/less/blog/components/_nav_tab.less new file mode 100755 index 0000000..d9093ee --- /dev/null +++ b/public/assets/less/blog/components/_nav_tab.less @@ -0,0 +1,96 @@ +/* Nav Setting */ + +.nav > li > a { + color: #6e7179; +} +.nav > li > a:hover, +.nav > li > a:focus { + color: #333; + background: #fafafa; +} + + +/* Nav Tabs */ + +.nav-tabs, +.nav-tabs > li > a, +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > li > a, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: none !important; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + color: @dark_black; +} +.nav-tabs { + background: #c1ccd1; + .border-radius(5px 5px 0 0); +} +.nav-tabs.nav-tabs-inverse { + background: @dark_black; +} +.nav-tabs.nav-justified > li > a { + .border-radius(3px 3px 0 0); +} +.nav-tabs.nav-tabs-inverse > li.active > a, +.nav-tabs.nav-tabs-inverse > li.active > a:hover, +.nav-tabs.nav-tabs-inverse > li.active > a:focus { + background: @white; +} +.nav-tabs.nav-tabs-inverse > li > a:hover, +.nav-tabs.nav-tabs-inverse > li > a:focus { + color: @white; + background: none; +} +.nav-tabs > li, +.nav-tabs.nav-justified > li { + margin-bottom: 0; +} +.nav-tabs > li > a { + margin-right: 5px; + line-height: 20px; +} + + +/* Nav Pills */ + +.nav-pills { + margin-bottom: 10px; +} +.nav-pills > li + li { + margin-left: 5px; +} +.nav-pills > li > a { + .border-radius(3px); +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + background: @dark_black; +} +.nav-stacked > li + li { + margin-left: 0; + margin-top: 5px; +} + + +/* Tab Content */ + +.tab-content { + padding: 15px; + margin-bottom: 20px; + background: @white; + .border-radius(3px); +} +.nav-tabs + .tab-content { + .border-radius(0 0 3px 3px); +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_pagination.less b/public/assets/less/blog/components/_pagination.less new file mode 100755 index 0000000..f2ad1dc --- /dev/null +++ b/public/assets/less/blog/components/_pagination.less @@ -0,0 +1,102 @@ +/* Pagination & pager */ + +.pager li > a, +.pager li > span, +.pagination > li > a { + border-color: #e2e7eb; + color: #242a30; +} +.pager.pager-without-border li > a, +.pager.pager-without-border li > span, +.pagination.pagination-without-border > li > a { + border-color: #fff; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus, +.pager > .disabled > span, +.pager > .disabled > a { + .opacity(0.6); + border-color: #ddd; +} +.pagination > li > a { + color: #242a30; + margin-left: 5px; + .border-radius(3px) !important; +} +.pagination > li:first-child > a { + margin-left: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + font-size: 10px; + margin-left: 4px; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + font-size: 14px; + margin-left: 6px; +} +.pager li > a:hover, +.pager li > a:focus, +.pager li > span:hover, +.pager li > span:focus, +.pagination > li > a:hover, +.pagination > li > a:focus { + color: #242a30; + background: #e2e7eb; + border-color: #d8dde1; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + background: #242a30 !important; + border-color: #242a30 !important; +} +.pagination-container { + margin: 40px 0 0; + border-top: 2px solid #ddd; + padding-top: 40px; +} +.pagination { + & > li { + & > a, + & > span { + border: 2px solid #ddd; + color: #333; + padding: 5px 11px; + .border-radius(50px) !important; + } + & > a:hover, + & > a:focus { + color: #333; + } + & + li a, + & + li span { + margin-left: 5px; + } + &.active > a, + &.active > a:hover, + &.active > a:focus { + background: #333; + border-color: #333; + } + } + + & .text { + border: none; + padding-left: 5px; + padding-right: 5px; + + &:hover, + &:focus { + background: none; + } + } +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_panel.less b/public/assets/less/blog/components/_panel.less new file mode 100755 index 0000000..c337180 --- /dev/null +++ b/public/assets/less/blog/components/_panel.less @@ -0,0 +1,253 @@ +/* Panel */ + +/* 9.15 Component - Panel */ + +.panel { + border: 2px solid; + .box-shadow(none); + .border-radius(5px); + + &.panel-no-rounded-corner .panel-heading, + &.panel-no-rounded-corner .panel-body, + &.panel-no-rounded-corner .panel-footer { + .border-radius(0) !important; + } +} + +.panel-heading { + padding: 12px 15px; + border: none; + + & + .table, + & + .slimScrollDiv { + border-top: 1px solid #e2e7eb; + } + & .panel-heading-btn { + float: right; + } + & .panel-heading-btn > a { + margin-left: 8px; + } + & .btn-group .btn { + margin-top: -7px; + } + & .btn-group .btn.btn-sm { + margin-top: -5px; + } + & .btn-group .btn.btn-xs { + margin-top: -1px; + } + & .label.pull-left, + & .label.pull-right { + line-height: 15px; + } + & .progress.pull-right, + & .progress.pull-left { + width: 40%; + min-width: 120px; + } + & + .alert { + margin-bottom: 0; + .border-radius(0); + } + + & .nav-tabs { + margin-top: -10px; + margin-right: -15px; + + & > li > a { + padding: 10px 15px; + line-height: 20px; + } + } +} + +.panel-with-tabs.panel-default .panel-heading { + background: #c1ccd1; + color: #242a30; +} + +.panel-title { + line-height: 20px; + font-size: 12px; + font-weight: bold; + + & .accordion-toggle { + margin: -10px -15px; + padding: 10px 15px; + + &.accordion-toggle-styled .fa:before { + content: '\f056'; + } + &.accordion-toggle-styled.collapsed .fa:before { + content: '\f055'; + } + } + & .pull-right { + line-height: 20px; + } +} + +.panel-toolbar { + border-top: 1px solid #e2e7eb; + border-bottom: 1px solid #e2e7eb; + padding: 10px 15px; + background: #fff; + + & + .form-control { + margin: -1px 0 0; + border-right: none; + border-left: none; + } +} + +.panel-group .panel { + .border-radius(3px); +} +.form-control + .panel-footer { + border-top: none; +} +.panel-body { + padding: 15px; + + &.no-border { + border: none !important; + } +} +.panel-body.panel-table, +.panel-body.panel-form, +.panel-body.no-padding, +.panel-body.panel-full-width { + padding: 0 !important; +} +.panel-body.with-table > .table { + border: 0; + margin: 0; +} +.panel-body.with-table > .table tr:last-child th, +.panel-body.with-table > .table tr:last-child td{ + border-bottom: 0; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #e2e7eb; +} +.panel-footer { + background: #f3f5f7; + border-top: 2px solid #e2e7eb; +} +.panel-default > .panel-heading { + background: #fafafa; +} +.panel-inverse > .panel-heading, +.panel-success > .panel-heading, +.panel-warning > .panel-heading, +.panel-danger > .panel-heading, +.panel-primary > .panel-heading, +.panel-info > .panel-heading { + color: #fff; +} +.panel-inverse > .panel-heading { background: @dark_black; } +.panel-success > .panel-heading { background: @dark_green; } +.panel-warning > .panel-heading { background: @dark_orange; } +.panel-danger > .panel-heading { background: @dark_red; } +.panel-primary > .panel-heading { background: @dark_blue; } +.panel-info > .panel-heading { background: @dark_aqua; } + + +/* Panel Expand */ + +.panel.panel-expand { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + overflow: hidden; + z-index: 1080; + .border-radius(0); + + & .height-xs, + & .height-sm, + & .height-md, + & .height-lg, + & .height-full { + height: 100% !important; + } + + & > .panel-heading .fa.fa-expand:before { + content: '\f066'; + } + & > .panel-heading, + & > .panel-body { + .border-radius(0); + } + & > .panel-body { + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 40px; + overflow-y: scroll; + z-index: 1020; + } + & > .panel-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; + } +} +@keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +@-webkit-keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} + + +/* Panel loading */ + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +.panel.panel-loading { + & .panel-body { + position: relative; + z-index: 0; + } + &.panel-expand .panel-body { + position: absolute; + } + & .panel-loader { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + .opacity(0.9); + .animation(fadeIn .2s); + .border-radius(0 0 4px 4px); + z-index: 1040; + } +} + + +/* Accordion Panel */ + +.panel-title a { + display: block; + + &:hover, + &:focus { + text-decoration: none; + } +} diff --git a/public/assets/less/blog/components/_progress_bar.less b/public/assets/less/blog/components/_progress_bar.less new file mode 100755 index 0000000..d6f74d9 --- /dev/null +++ b/public/assets/less/blog/components/_progress_bar.less @@ -0,0 +1,86 @@ +/* Progress bar */ + +.progress { + height: 15px; + overflow: visible; + background: #e2e7eb; + .box-shadow(none); + .border-radius(15px); + + & .progress-bar { + .border-radius(15px); + position: relative; + + & .progress-number { + position: absolute; + right: 0; + bottom: 100%; + background: #333; + padding: 2px 6px 1px; + margin-bottom: 5px; + display: block; + line-height: 16px; + .border-radius(4px); + + & :before { + content: ''; + position: absolute; + left: 50%; + margin-left: -5px; + bottom: -10px; + border: 5px solid transparent; + border-top-color: #333; + } + } + } + & .progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; + } +} +.progress-xs { + height: 5px; + + & .progress-bar { + line-height: 5px; + } +} +.progress-sm { + height: 10px; + + & .progress-bar { + line-height: 10px; + } +} +.progress-lg { + height: 30px; + & .progress-bar { + line-height: 30px; + } +} +.progress-bar { + background: #348fe2; + .box-shadow(none); + + &.progress-bar-success { + background-color: @green; + } + &.progress-bar-info { + background-color: @aqua; + } + &.progress-bar-warning { + background-color: @orange; + } + &.progress-bar-danger { + background-color: @red; + } + &.progress-bar-inverse { + background-color: @black; + } + &.progress-bar-purple { + background-color: @purple; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_table.less b/public/assets/less/blog/components/_table.less new file mode 100755 index 0000000..1f59334 --- /dev/null +++ b/public/assets/less/blog/components/_table.less @@ -0,0 +1,126 @@ +/* Table */ + +.table { + border-color: #e2e7eb; + .border-radius(3px); +} +.table > thead > tr > th { + color: @dark_black; + font-weight: 600; + border-bottom: 2px solid #e2e7eb !important; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + border-color: #e2e7eb; + padding: 10px 15px; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 7px 15px; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background: #e8ecf1 !important; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background: #f0f3f5; +} +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th, +.table.table-inverse > thead > tr > td, +.table.table-inverse > tbody > tr > td, +.table.table-inverse > tfoot > tr > td { + border-color: #999 !important; + border-color: rgba(0,0,0,0.2) !important; +} +.table.table-inverse, +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th { + color: @white; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background: #dbf0f7; + border-color: #b6e2ef; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background: #cceeee; + border-color: #99dede; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background: #ffdedd; + border-color: #ffbdbc; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background: #fdebd1; + border-color: #fbd7a3; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background: #f0f3f5; + border-color: #e2e7e9; +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_theme_panel.less b/public/assets/less/blog/components/_theme_panel.less new file mode 100755 index 0000000..bbd99e0 --- /dev/null +++ b/public/assets/less/blog/components/_theme_panel.less @@ -0,0 +1,73 @@ +/* Theme Panel */ +.theme-panel { + position: fixed; + right: -180px; + top: 200px; + z-index: 1020; + width: 180px; + .transition(right .2s linear); + .box-shadow(0 0 2px rgba(0,0,0,.4)); + + & .theme-collapse-btn { + position: absolute; + left: -40px; + top: 50%; + margin-top: -20px; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; + color: #000; + background: #fff; + background: rgba(255,255,255,0.9); + border-radius: 4px 0 0 4px; + text-align: center; + text-decoration: none; + .box-shadow(0 0 2px rgba(0,0,0,.4)); + } + & .theme-panel-content { + padding: 5px; + background: #fff; + position: relative; + z-index: 1020; + } + & .theme-list { + list-style-type: none; + margin: 0; + padding: 0; + } + & .theme-list > li { + float: left; + + & + li { + margin-left: 5px; + } + & > a { + width: 30px; + height: 30px; + border-radius: 3px; + display: block; + position: relative; + text-decoration: none; + .transition(all .2s linear); + } + &.active > a:before { + content: '\f00c'; + font-family: FontAwesome; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + font-size: 14px; + color: #fff; + text-align: center; + line-height: 30px; + text-align: center; + .opacity(0.4); + } + } + &.active { + right: 0; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_tooltip.less b/public/assets/less/blog/components/_tooltip.less new file mode 100755 index 0000000..5eed1d2 --- /dev/null +++ b/public/assets/less/blog/components/_tooltip.less @@ -0,0 +1,6 @@ +/* Tooltip */ + +.tooltip-inner { + padding: 4px 10px; + .border-radius(3px); +} \ No newline at end of file diff --git a/public/assets/less/blog/components/_well.less b/public/assets/less/blog/components/_well.less new file mode 100755 index 0000000..98d46c7 --- /dev/null +++ b/public/assets/less/blog/components/_well.less @@ -0,0 +1,13 @@ +/* Well */ + +.well { + padding: 15px; + background: #fff; + .box-shadow(none); + &.well-sm { + padding: 10px; + } + &.well-lg { + padding: 30px; + } +} \ No newline at end of file diff --git a/public/assets/less/blog/images/transparent/black-0.1.png b/public/assets/less/blog/images/transparent/black-0.1.png new file mode 100755 index 0000000..34683ef Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.1.png differ diff --git a/public/assets/less/blog/images/transparent/black-0.2.png b/public/assets/less/blog/images/transparent/black-0.2.png new file mode 100755 index 0000000..e8fce41 Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.2.png differ diff --git a/public/assets/less/blog/images/transparent/black-0.3.png b/public/assets/less/blog/images/transparent/black-0.3.png new file mode 100755 index 0000000..911fb79 Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.3.png differ diff --git a/public/assets/less/blog/images/transparent/black-0.4.png b/public/assets/less/blog/images/transparent/black-0.4.png new file mode 100755 index 0000000..30d467c Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.4.png differ diff --git a/public/assets/less/blog/images/transparent/black-0.5.png b/public/assets/less/blog/images/transparent/black-0.5.png new file mode 100755 index 0000000..2982214 Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.5.png differ diff --git a/public/assets/less/blog/images/transparent/black-0.6.png b/public/assets/less/blog/images/transparent/black-0.6.png new file mode 100755 index 0000000..8621cb9 Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.6.png differ diff --git a/public/assets/less/blog/images/transparent/black-0.7.png b/public/assets/less/blog/images/transparent/black-0.7.png new file mode 100755 index 0000000..3f0d630 Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.7.png differ diff --git a/public/assets/less/blog/images/transparent/black-0.8.png b/public/assets/less/blog/images/transparent/black-0.8.png new file mode 100755 index 0000000..18e5f4d Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.8.png differ diff --git a/public/assets/less/blog/images/transparent/black-0.9.png b/public/assets/less/blog/images/transparent/black-0.9.png new file mode 100755 index 0000000..da7719b Binary files /dev/null and b/public/assets/less/blog/images/transparent/black-0.9.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.1.png b/public/assets/less/blog/images/transparent/white-0.1.png new file mode 100755 index 0000000..06c84b9 Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.1.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.2.png b/public/assets/less/blog/images/transparent/white-0.2.png new file mode 100755 index 0000000..15b03e9 Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.2.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.3.png b/public/assets/less/blog/images/transparent/white-0.3.png new file mode 100755 index 0000000..3f859fe Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.3.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.4.png b/public/assets/less/blog/images/transparent/white-0.4.png new file mode 100755 index 0000000..9fbb0bd Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.4.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.5.png b/public/assets/less/blog/images/transparent/white-0.5.png new file mode 100755 index 0000000..544c6c6 Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.5.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.6.png b/public/assets/less/blog/images/transparent/white-0.6.png new file mode 100755 index 0000000..c5d17cc Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.6.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.7.png b/public/assets/less/blog/images/transparent/white-0.7.png new file mode 100755 index 0000000..3ea5893 Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.7.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.8.png b/public/assets/less/blog/images/transparent/white-0.8.png new file mode 100755 index 0000000..bcfddae Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.8.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.9.png b/public/assets/less/blog/images/transparent/white-0.9.png new file mode 100755 index 0000000..dab1ac2 Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.9.png differ diff --git a/public/assets/less/blog/images/transparent/white-0.98.png b/public/assets/less/blog/images/transparent/white-0.98.png new file mode 100755 index 0000000..54b210c Binary files /dev/null and b/public/assets/less/blog/images/transparent/white-0.98.png differ diff --git a/public/assets/less/blog/style.less b/public/assets/less/blog/style.less new file mode 100755 index 0000000..3c96f65 --- /dev/null +++ b/public/assets/less/blog/style.less @@ -0,0 +1,26 @@ +@import 'bootstrap/bootstrap'; +@import '_variable'; +@import '_mixins'; +@import '_header'; +@import '_page_title'; +@import '_content'; +@import '_sidebar'; +@import '_post'; +@import '_footer'; +@import '_pace_loader'; +@import '_helper'; +@import '_component_list'; +@import '_responsive'; +@import 'theme/_default'; + +/* Reset and overrides */ + +body { + background: @bg_body; + font-family: @body_font_family; + color: @body_text_color; + font-size: @body_font_size; +} +.ie8 body { + font-family: @ie8_body_font_family; +} diff --git a/public/assets/less/blog/theme/_blue.less b/public/assets/less/blog/theme/_blue.less new file mode 100755 index 0000000..d17e66b --- /dev/null +++ b/public/assets/less/blog/theme/_blue.less @@ -0,0 +1,24 @@ +/* Blue Theme */ + +.brand-logo { + border-color: #2F83CF #2a72b5 #1f5688; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: @blue; +} +a:hover, +a:focus { + color: @dark_blue; +} +.pace-progress { + background: @dark_blue; +} +.pace .pace-activity { + border-top-color: @blue; + border-left-color: @blue; +} \ No newline at end of file diff --git a/public/assets/less/blog/theme/_default.less b/public/assets/less/blog/theme/_default.less new file mode 100755 index 0000000..ffa88b6 --- /dev/null +++ b/public/assets/less/blog/theme/_default.less @@ -0,0 +1,24 @@ +/* Default Theme (Green) */ + +.brand-logo { + border-color: #4DCACA #31A3A3 #1D8888; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: @green; +} +a:hover, +a:focus { + color: @dark_green; +} +.pace-progress { + background: @green; +} +.pace .pace-activity { + border-top-color: @green; + border-left-color: @green; +} \ No newline at end of file diff --git a/public/assets/less/blog/theme/_orange.less b/public/assets/less/blog/theme/_orange.less new file mode 100755 index 0000000..d41af86 --- /dev/null +++ b/public/assets/less/blog/theme/_orange.less @@ -0,0 +1,24 @@ +/* Orange Theme */ + +.brand-logo { + border-color: #DF8F19 #c47d15 #935e10; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: @orange; +} +a:hover, +a:focus { + color: @dark_orange; +} +.pace-progress { + background: @orange; +} +.pace .pace-activity { + border-top-color: @orange; + border-left-color: @orange; +} \ No newline at end of file diff --git a/public/assets/less/blog/theme/_purple.less b/public/assets/less/blog/theme/_purple.less new file mode 100755 index 0000000..426aecb --- /dev/null +++ b/public/assets/less/blog/theme/_purple.less @@ -0,0 +1,24 @@ +/* Purple Theme */ + +.brand-logo { + border-color: #6670AC #5b6392 #444a6d; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: @purple; +} +a:hover, +a:focus { + color: @dark_purple; +} +.pace-progress { + background: @purple; +} +.pace .pace-activity { + border-top-color: @purple; + border-left-color: @purple; +} \ No newline at end of file diff --git a/public/assets/less/blog/theme/_red.less b/public/assets/less/blog/theme/_red.less new file mode 100755 index 0000000..a969127 --- /dev/null +++ b/public/assets/less/blog/theme/_red.less @@ -0,0 +1,24 @@ +/* Red Theme */ + +.brand-logo { + border-color: #F8504B #cc4946 #993734; +} +a, +.sidebar-social-list > li a:hover, +.sidebar-social-list > li a:focus, +.navbar .nav.navbar-nav > li.active > a, +.navbar .nav.navbar-nav > li > a:focus, +.navbar .nav.navbar-nav > li > a:hover { + color: @red; +} +a:hover, +a:focus { + color: @dark_red; +} +.pace-progress { + background: @red; +} +.pace .pace-activity { + border-top-color: @red; + border-left-color: @red; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/_component_list.less b/public/assets/less/e-commerce/_component_list.less new file mode 100755 index 0000000..ca273a9 --- /dev/null +++ b/public/assets/less/e-commerce/_component_list.less @@ -0,0 +1,10 @@ +/* Component List */ + +@import 'components/_panel'; +@import 'components/_button'; +@import 'components/_modal'; +@import 'components/_form'; +@import 'components/_badge_label'; +@import 'components/_pagination'; +@import 'components/_dropdown_menu'; +@import 'components/_theme_panel'; \ No newline at end of file diff --git a/public/assets/less/e-commerce/_content.less b/public/assets/less/e-commerce/_content.less new file mode 100755 index 0000000..b2f0614 --- /dev/null +++ b/public/assets/less/e-commerce/_content.less @@ -0,0 +1,130 @@ +/* Section Container Setting */ + +.section-container { + padding: 45px 0; + .clearfix(); + + &.has-bg { + position: relative; + color: #fff; + + & .container { + position: relative; + z-index: 1020; + } + & .breadcrumb a { + color: #fff; + } + & .cover-bg { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + + & img { + max-width: 100%; + } + &:before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(36, 42, 48, 0.8); + } + } + } +} +.section-title { + font-size: 20px; + font-weight: 600; + margin: -5px 0 25px; + color: #212121; + + & a.pull-right { + font-size: 12px; + font-weight: bold; + color: #666; + border: 1px solid #ccc; + padding: 8px 15px; + line-height: 16px; + margin: -7px 0; + .border-radius(3px); + + &:hover, + &:focus { + text-decoration: none; + background: #fff; + color: #212121; + } + } + & small { + margin-left: 5px; + font-weight: 400; + font-size: 14px; + color: #999; + } +} + + +/* Breadcrumb Setting */ + +.breadcrumb { + padding: 0; + margin: 0; + background: none; + + & > li { + line-height: 28px; + + & a { + color: #333; + } + } +} +.ie8 .breadcrumb > li { + display: inline; +} + + +/* Page Header Setting */ + +.page-header-container { + position: relative; +} +.page-header-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + + &:before { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(36, 42, 48, 0.8); + } + & img { + max-width: 100%; + } +} +.page-header-container .container { + position: relative; +} +.page-header-container .page-header { + border: none; + color: #fff; + margin: 0; + font-size: 28px; + padding: 0; + text-align: center; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/_footer.less b/public/assets/less/e-commerce/_footer.less new file mode 100755 index 0000000..cc82850 --- /dev/null +++ b/public/assets/less/e-commerce/_footer.less @@ -0,0 +1,77 @@ +/* Footer Setting */ + +.footer { + padding: 30px 0; + background: #eee; + font-size: 12px; + color: #a8acb1; + background: @dark_black; + .box-shadow(inset 0 100px 80px -80px rgba(0,0,0,.7)); + + & .footer-header { + font-size: 12px; + color: #fff; + font-weight: bold; + margin: 10px 0 20px; + letter-spacing: 1px; + } + & a { + color: #616D72; + color: rgba(255,255,255,.5); + } + & p { + line-height: 20px; + } + & abbr[data-original-title], + & abbr[title] { + text-decoration: none; + } + & ul { + line-height: 20px; + } + & .fa-li { + line-height: 20px; + font-size: 14px; + top: -1px; + } + & .list-product { + & > li + li { + margin-top: 15px; + } + & > li:before, + & > li:after { + content: ''; + display: table; + clear: both; + } + & .image { + float: left; + width: 60px; + height: 40px; + background: #fff; + line-height: 40px; + + & img { + max-width: 100%; + } + } + & .info { + margin-left: 70px; + + & .info-title { + font-size: 14px; + color: #fff; + font-weight: 500; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 2px 0 3px; + } + & .price { + color: #616D72; + color: rgba(255,255,255,.5); + font-weight: 600; + } + } + } +} diff --git a/public/assets/less/e-commerce/_footer_copyright.less b/public/assets/less/e-commerce/_footer_copyright.less new file mode 100755 index 0000000..1d8fdca --- /dev/null +++ b/public/assets/less/e-commerce/_footer_copyright.less @@ -0,0 +1,21 @@ +/* Footer Copyright Setting */ + +.footer-copyright { + font-size: 12px; + color: #a8acb1; + background: #1d2226; + padding: 15px 0; + + .clearfix(); + & .copyright { + float: left; + line-height: 30px; + } + & .payment-method { + float: right; + text-align: right; + } + & .payment-method img { + max-height: 30px; + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/_footer_policy_subscription.less b/public/assets/less/e-commerce/_footer_policy_subscription.less new file mode 100755 index 0000000..468ea67 --- /dev/null +++ b/public/assets/less/e-commerce/_footer_policy_subscription.less @@ -0,0 +1,71 @@ +/* Footer Policy Element Setting */ + +.policy { + & .policy-icon { + float: left; + width: 50px; + font-size: 38px; + line-height: 50px; + color: #999; + text-align: center; + } + & .policy-icon + .policy-info { + margin-left: 65px; + } + & .policy-info h4 { + margin: 0; + font-size: 14px; + line-height: 20px; + font-weight: 600; + } + & .policy-info p { + font-size: 12px; + color: #777; + margin: 0; + } +} + + +/* Social & Subscription Element Setting */ + +.social, +.subscription { + display: table; + width: 100%; +} +.social .social-list, +.social .social-intro, +.subscription .subscription-intro, +.subscription .subscription-form { + display: table-cell; + vertical-align: middle; + width: 50%; +} +.subscription .subscription-form { + padding: 0 30px; +} +.social .social-intro h4, +.subscription .subscription-intro h4 { + margin: 0; + font-weight: 600; +} +.social .social-intro p, +.subscription .subscription-intro p { + color: #666; + margin: 0; +} +.social .social-list { + text-align: center; +} +.social .social-list a { + color: #999; + font-size: 24px; +} +.social .social-list a:hover, +.social .social-list a:focus { + color: #212221; + text-decoration: none; +} +.social .social-list a + a { + margin-left: 20px; +} diff --git a/public/assets/less/e-commerce/_header.less b/public/assets/less/e-commerce/_header.less new file mode 100755 index 0000000..3ae1c32 --- /dev/null +++ b/public/assets/less/e-commerce/_header.less @@ -0,0 +1,324 @@ +/* Header Element Setting */ + +.header { + background: #fff; + padding: 0; + position: relative; + z-index: 1030; + .box-shadow(0 0 2px rgba(0,0,0,.3)); + + &.header-fixed { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1040; + } + & .container { + position: relative; + } + & .header-container { + display: table; + width: 100%; + } +} +.header-logo, +.header-nav { + display: table-cell; + vertical-align: middle; +} + + +/* Header Logo Setting */ + +.header-logo { + width: 240px; + height: 76px; + + & img { + display: block; + max-height: 40px; + max-width: 240px; + } + & a { + color: #212121; + text-decoration: none; + font-size: 20px; + + & span { + color: #009688; + } + & small { + display: block; + font-size: 12px; + font-weight: normal; + margin-top: -3px; + color: #9E9E9E; + } + } + & .brand { + float: left; + border: 15px solid transparent; + border-color: #33bdbd #009688 #008a8a; + margin: 6px 12px 6px 10px; + border-radius: 6px; + .box-shadow(0 5px 5px -4px #000); + .border-radius(6px); + } +} + + +/* Header Nav Setting */ + +.header-nav { + & .nav > li { + float: left; + + & > a { + color: #212121; + line-height: 56px; + } + &.divider { + width: 1px; + height: 24px; + margin: 26px 0; + background: #e5e5e5; + } + &.active > a, + &.active > a:hover, + &.active > a:focus { + color: #009688; + } + & > a:hover, + & > a:focus, + &.open > a, + &.open > a:hover, + &.open > a:focus { + background: none; + color: #707478; + } + } +} + + +/* Header Cart Setting */ + +.header-cart { + display: block; + color: #212121; + + & .header-cart-icon { + float: right; + font-size: 28px; + height: 48px; + width: 48px; + text-align: center; + line-height: 48px; + position: relative; + margin: -18px -15px -18px 0; + } + & .header-cart-icon .total { + position: absolute; + top: 12px; + right: 7px; + font-size: 9px; + background: #ff5b57; + color: #fff; + font-weight: bold; + line-height: 14px; + padding-left: 4px; + padding-right: 4px; + .border-radius(14px); + } + & .header-cart-text { + margin-right: 35px; + line-height: 20px; + } + & i { + font-size: 20px; + float: left; + line-height: 56px; + margin-right: 5px; + } + & .total { + font-size: 12px; + color: #fff; + font-weight: bold; + background: @green; + display: inline-block; + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + .border-radius(20px); + } +} + + +/* Header Dropdown Setting */ + +.header .dropdown-menu { + margin: 0; + padding: 0 15px; + border-top: 3px solid #00acac; + min-width: 240px; + .border-radius(0 0 4px 4px); + + & > li > a { + padding: 10px 0; + line-height: 20px; + } + & > li > a:hover, + & > li > a:focus { + background: none; + color: #009688; + } + & > li.arrow + li { + border-top: none; + } + & > li + li { + border-top: 1px solid #e5e5e5; + } +} +.header .navbar-header + .navbar-collapse { + margin-left: 240px; +} +.header .dropdown-title { + margin: 0 0 15px; + color: #242a30; +} +.header .user-img { + float: left; + width: 36px; + height: 36px; + margin: 10px 10px 10px 0; + .border-radius(40px); +} + + +/* Header Inverse Setting */ + +.header.header-inverse { + background: #363D44; + + & .header-logo a, + & .header-nav .nav > li > a { + color: #fff; + } + & .header-nav .nav > li.active > a, + & .header-nav .nav > li.active > a:hover, + & .header-nav .nav > li.active > a:focus { + color: @green; + } +} + + +/* Navbar Toggle Setting */ + +.navbar-toggle { + background: none; + float: left; + margin: 0 0 0 -15px; + padding: 22px 15px; + border-right: 1px solid #eee; + .border-radius(0); + + & .icon-bar { + background: #333; + } +} + + +/* Header Cart Setting */ + +.cart-header, +.cart-body, +.cart-footer { + padding: 15px; +} +.cart-header + .cart-body, +.cart-body + .cart-footer { + border-top: 1px solid #e5e5e5; +} +.cart-item { + list-style-type: none; + margin: 0; + padding: 0; + + & > li { + display: table; + width: 100%; + + & > div { + display: table-cell; + vertical-align: middle; + } + & + li { + padding-top: 10px; + border-top: 1px solid #e5e5e5; + margin-top: 10px; + } + & h4 { + font-size: 14px; + line-height: 18px; + margin: 3px 0; + } + & .price { + color: #777; + font-size: 14px; + font-weight: 600; + margin: 0; + } + } +} +.cart-title { + font-size: 12px; + font-weight: bold; + margin: 0; +} +.cart-item-image { + float: left; + width: 80px; + height: 60px; + padding: 7px; + overflow: hidden; + text-align: center; + line-height: 44px; + border: 1px solid #e5e5e5; + + & img { + max-width: 100%; + max-height: 100%; + } +} +.cart-item-info { + width: 80%; +} +.cart-item-image + .cart-item-info, +.cart-item-info + .cart-item-close { + padding-left: 15px; +} +.cart-item-close a { + font-size: 18px; + color: #999; + height: 24px; + width: 24px; + text-align: center; + line-height: 24px; + display: block; + text-decoration: none; + background: #f9f9f9; + .border-radius(24px); + + &:hover, + &:focus { + background: #b6c2c9; + color: #fff; + } +} +.dropdown-menu.dropdown-menu-cart { + left: auto; + right: 0; + margin-right: -142px; + width: 360px; +} diff --git a/public/assets/less/e-commerce/_helper.less b/public/assets/less/e-commerce/_helper.less new file mode 100755 index 0000000..e6e0207 --- /dev/null +++ b/public/assets/less/e-commerce/_helper.less @@ -0,0 +1,291 @@ +/* Predefined Classes */ + +.row { margin: 0 -10px; } +.row > [class*="col-"] { padding: 0 10px; } +.m-auto { margin: 0 auto !important; } +.wrapper { padding: 15px !important; } +.semi-bold { font-weight: 600 !important; } +.overflow-auto { overflow: auto !important; } +.overflow-hidden { overflow: hidden !important; } +.overflow-visible { overflow: visible !important; } +.overflow-scroll { overflow: scroll !important; } +.overflow-x-hidden { overflow-x: hidden !important; } +.overflow-x-visible { overflow-x: visible !important; } +.overflow-x-scroll { overflow-x: scroll !important; } +.overflow-y-hidden { overflow-y: hidden !important; } +.overflow-y-visible { overflow-y: visible !important; } +.overflow-y-scroll { overflow-y: scroll !important; } +.f-w-100 { font-weight: 100 !important; } +.f-w-200 { font-weight: 200 !important; } +.f-w-300 { font-weight: 300 !important; } +.f-w-400 { font-weight: 400 !important; } +.f-w-500 { font-weight: 500 !important; } +.f-w-600 { font-weight: 600 !important; } +.f-w-700 { font-weight: 700 !important; } +.text-center { text-align: center !important; } +.text-left { text-align: left !important; } +.text-right { text-align: right !important; } +.pull-left { float: left !important; } +.pull-right { float: right !important; } +.pull-none { float: none !important; } + + +/* LOOP - Row Space */ + +.row-space-generator(@counter) when (@counter > -1) { + @nameCounter: (2 * @counter); + .row.row-space-@{nameCounter} { + margin: 0 -(1px * @counter) !important; + & > [class*="col-"] { + padding: 0 (1px * @counter) !important; + } + } + .row-space-generator((@counter - 1)); +} +.row-space-generator(15); + + +/* LOOP - Margin & Padding */ + +.margin-padding-css-generator(@counter) when (@counter > -1) { + .m-@{counter} { margin: (@counter * 1px) !important; } + .m-t-@{counter} { margin-top: (@counter * 1px) !important; } + .m-r-@{counter} { margin-right: (@counter * 1px) !important; } + .m-b-@{counter} { margin-bottom: (@counter * 1px) !important; } + .m-l-@{counter} { margin-left: (@counter * 1px) !important; } + + .p-@{counter} { padding: (@counter * 1px) !important; } + .p-t-@{counter} { padding-top: (@counter * 1px) !important; } + .p-r-@{counter} { padding-right: (@counter * 1px) !important; } + .p-b-@{counter} { padding-bottom: (@counter * 1px) !important; } + .p-l-@{counter} { padding-left: (@counter * 1px) !important; } + + .margin-padding-css-generator((@counter - 1)); +} +.margin-padding-css-generator(40); + + +/* LOOP - Font Size */ + +.font-size-css-generator(@counter) when (@counter > 7) { + .f-s-@{counter} { font-size: (@counter * 1px) !important; } + + .font-size-css-generator((@counter - 1)); +} +.font-size-css-generator(20); + + +.table-valign-middle th, +.table-valign-middle td { + vertical-align: middle !important; +} +.table-th-valign-middle th, +.table-td-valign-middle td { + vertical-align: middle !important; +} +.table-valign-top th, +.table-valign-top td { + vertical-align: top !important; +} +.table-th-valign-top th, +.table-td-valign-top td { + vertical-align: top !important; +} +.table-valign-bottom th, +.table-valign-bottom td { + vertical-align: bottom !important; +} +.table-th-valign-bottom th, +.table-td-valign-bottom td { + vertical-align: bottom !important; +} +.vertical-box { + display: table; + table-layout: fixed; + border-spacing: 0; + height: 100%; + width: 100%; +} +.vertical-box-column { + display: table-cell; + vertical-align: top; + height: 100%; +} +.vertical-box-row { + display: table-row; + height: 100%; +} +.vertical-box-row > .vertical-box-cell { + position: relative; + height: 100%; + width: 100%; + float: none; +} +.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} +.panel-expand .vertical-box .vertical-box-column { + display: table-cell; +} +.page-content-full-height .content { + position: absolute; + left: 0; + top: 54px; + right: 0; + bottom: -1px; +} +.no-rounded-corner { + .border-radius(0) !important; +} +.rounded-corner { + .border-radius(50%) !important; +} +.no-border { border: 0 !important; } +.border-top-1 { border-top: 1px solid #eee !important; } +.border-right-1 { border-right: 1px solid #eee !important; } +.border-bottom-1 { border-bottom: 1px solid #eee !important; } +.border-left-1 { border-left: 1px solid #eee !important; } +.no-box-shadow { + .box-shadow(none) !important; +} +.text-inverse { color: @black !important; } +a.text-inverse:hover, +a.text-inverse:focus { + color: @light_black !important; +} +.text-success { color: @green !important; } +a.text-success:hover, +a.text-success:focus { + color: @light_green !important; +} +.text-info { color: @aqua !important; } +a.text-info:hover, +a.text-info:focus { + color: @light_aqua !important; +} +.text-primary { color: @blue !important; } +a.text-primary:hover, +a.text-primary:focus { + color: @light_blue !important; +} +.text-warning { color: @yellow !important; } +a.text-warning:hover, +a.text-warning:focus { + color: @light_yellow !important; +} +.text-danger { color: @red !important; } +a.text-danger:hover, +a.text-danger:focus { + color: @light_red !important; +} +.text-white { color: #fff !important; } +a.text-white:hover, +a.text-white:focus { + color: #f0f3f4 !important; +} + +.bg-white { background: #ffffff !important; } +.bg-silver-lighter { background: @light_silver !important; } +.bg-silver { background: @silver !important; } +.bg-silver-darker { background: @dark_silver !important; } + +.bg-black { background: @black !important; } +.bg-black-darker { background: @dark_black !important; } +.bg-black-lighter { background: @light_black !important; } + +.bg-grey { background: @grey !important; } +.bg-grey-darker { background: @dark_grey !important; } +.bg-grey-lighter { background: @light_grey !important; } + +.bg-red { background: @red !important; } +.bg-red-darker { background: @dark_red !important; } +.bg-red-lighter { background: @light_red !important; } + +.bg-orange { background: @orange !important; } +.bg-orange-darker { background: @dark_orange !important; } +.bg-orange-lighter { background: @light_orange !important; } + +.bg-yellow { background: @yellow !important; } +.bg-yellow-darker { background: @dark_yellow !important; } +.bg-yellow-lighter { background: @light_yellow !important; } + +.bg-green { background: @green !important; } +.bg-green-darker { background: @dark_green !important; } +.bg-green-lighter { background: @light_green !important; } + +.bg-blue { background: @blue !important; } +.bg-blue-darker { background: @dark_blue !important; } +.bg-blue-lighter { background: @light_blue !important; } + +.bg-aqua { background: @aqua !important; } +.bg-aqua-darker { background: @dark_aqua !important; } +.bg-aqua-lighter { background: @light_aqua !important; } + +.bg-purple { background: @purple !important; } +.bg-purple-darker { background: @dark_purple !important; } +.bg-purple-lighter { background: @light_purple !important; } + +.no-bg { background: none !important; } + +.height-xs { height: 150px !important; } +.height-sm { height: 300px !important; } +.height-md { height: 450px !important; } +.height-lg { height: 600px !important; } +.height-full { height: 100% !important; } +.height-50 { height: 50px !important; } +.height-100 { height: 100px !important; } +.height-150 { height: 150px !important; } +.height-200 { height: 200px !important; } +.height-250 { height: 250px !important; } +.height-300 { height: 300px !important; } +.height-350 { height: 350px !important; } +.height-400 { height: 400px !important; } +.height-450 { height: 450px !important; } +.height-500 { height: 500px !important; } +.height-550 { height: 550px !important; } +.height-600 { height: 600px !important; } + +.width-xs { width: 150px !important; } +.width-sm { width: 300px !important; } +.width-md { width: 450px !important; } +.width-lg { width: 600px !important; } +.width-full { width: 100% !important; } +.width-50 { width: 50px !important; } +.width-100 { width: 100px !important; } +.width-150 { width: 150px !important; } +.width-200 { width: 200px !important; } +.width-250 { width: 250px !important; } +.width-300 { width: 300px !important; } +.width-350 { width: 350px !important; } +.width-400 { width: 400px !important; } +.width-450 { width: 450px !important; } +.width-500 { width: 500px !important; } +.width-550 { width: 550px !important; } +.width-600 { width: 600px !important; } + +.animated { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.fade { + .opacity(0); + .transition(opacity .3s linear); +} +.fade.in { + .opacity(1); +} +.text-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; +} +.underline { + border-bottom: 1px solid #e2e7eb !important; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/_mixins.less b/public/assets/less/e-commerce/_mixins.less new file mode 100755 index 0000000..611d6e0 --- /dev/null +++ b/public/assets/less/e-commerce/_mixins.less @@ -0,0 +1,51 @@ +/* Mixins */ + +.border-radius(@radius) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +} +.box-shadow(@shadow) { + -webkit-box-shadow: @shadow; + -moz-box-shadow: @shadow; + box-shadow: @shadow; +} +.opacity(@opacity) { + opacity: @opacity; +} +.transition(@transition) { + -webkit-transition: @transition; + -moz-transition: @transition; + -ms-transition: @transition; + -o-transition: @transition; + transition: @transition; +} +.animation(@animation) { + -webkit-animation: @animation; + -moz-animation: @animation; + animation: @animation; +} +.generate-button-styling(@buttonClassName; @defaultColor; @hoverColor;) { + .btn.@{buttonClassName} { + color: #fff; + background: @defaultColor; + border-color: @defaultColor; + + &:hover, + &:focus, + &:active, + &.active { + background: @hoverColor; + border-color: @hoverColor; + } + + } + .open .dropdown-toggle.@{buttonClassName} { + background: @hoverColor; + border-color: @hoverColor; + } + .btn-group .btn.@{buttonClassName}:not(.active) + .btn.@{buttonClassName}, + .input-group-btn .btn.@{buttonClassName}:not(.active) + .btn.@{buttonClassName} { + border-left-color: @hoverColor; + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/_pace_loader.less b/public/assets/less/e-commerce/_pace_loader.less new file mode 100755 index 0000000..c57e038 --- /dev/null +++ b/public/assets/less/e-commerce/_pace_loader.less @@ -0,0 +1,78 @@ +/* Pace Loader Element Setting */ + +.pace-inactive { + .opacity(0); +} +.pace { + background: #2d353c; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1050; + .transition(opacity 1s); + + &:before { + content: ''; + position: fixed; + top: 0; + right: 0; + left: 0; + height: 3px; + } + & .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 10px; + right: 20px; + width: 20px; + height: 20px; + border: solid 2px transparent; + border-top-color: #00acac; + border-left-color: #00acac; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; + } +} +.pace-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 3px; + background: #00acac; + z-index: 2000; + + .transition(width 1s); +} +@media (max-width: 767px) { + .pace .pace-activity { + top: 80px; + } +} +@-webkit-keyframes pace-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes pace-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes pace-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes pace-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes pace-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/_page_section_list.less b/public/assets/less/e-commerce/_page_section_list.less new file mode 100755 index 0000000..9dec620 --- /dev/null +++ b/public/assets/less/e-commerce/_page_section_list.less @@ -0,0 +1,8 @@ +/* Page Section List */ + +@import 'page-section/_home'; +@import 'page-section/_search'; +@import 'page-section/_checkout'; +@import 'page-section/_product_detail'; +@import 'page-section/_about_us'; +@import 'page-section/_account'; \ No newline at end of file diff --git a/public/assets/less/e-commerce/_responsive.less b/public/assets/less/e-commerce/_responsive.less new file mode 100755 index 0000000..b2eb34a --- /dev/null +++ b/public/assets/less/e-commerce/_responsive.less @@ -0,0 +1,1121 @@ +/* Responsive Setting */ + + +@media (min-width: 1920px) { + body { + font-size: 16px; + } + .container { + width: 1360px; + } + .top-nav .dropdown-menu > li > a, + .top-nav .nav > li > a { + font-size: 16px; + line-height: 28px; + } + .top-nav .nav > li > a .f-s-14 { + font-size: 18px !important; + } + .top-nav .flag-img { + height: 16px; + margin-right: 10px; + } + .header-logo { + height: 100px; + width: 300px; + + & a { + font-size: 26px; + + & small { + font-size: 15px; + } + } + } + .header-logo .brand { + border-width: 20px; + margin: 5px 15px 5px 10px; + } + .header-nav { + font-size: 18px; + + & .nav > li > a { + line-height: 80px; + } + } + .header-cart i { + font-size: 28px; + line-height: 80px; + } + .header-cart .total { + font-size: 14px; + width: 24px; + height: 24px; + line-height: 24px; + -webkit-border-radius: 24px; + -moz-border-radius: 24px; + border-radius: 24px; + } + .header .user-img { + width: 46px; + height: 46px; + margin: 17px 10px 17px 0; + } + .header-nav .nav > li.divider { + height: 40px; + margin: 30px 0; + } + .dropdown-menu { + font-size: 16px; + } + .header .dropdown-menu { + min-width: 280px; + padding: 0 20px; + } + .header .dropdown-menu > li > a { + padding: 12px 0; + line-height: 28px; + } + .dropdown-menu-container .title { + font-size: 18px; + } + .dropdown-menu-list > li > a { + line-height: 28px; + font-size: 18px; + } + .dropdown-brand-list > li a { + height: 80px; + line-height: 80px; + max-width: 150px; + } + + .theme-panel { + width: 248px; + right: -248px; + + & .theme-list > li + li { + margin-left: 7px; + } + & .theme-list > li > a { + width: 40px; + height: 40px; + } + & .theme-panel-content { + padding: 10px; + } + & .theme-collapse-btn { + width: 60px; + height: 60px; + left: -60px; + margin-top: -30px; + font-size: 24px; + line-height: 60px; + } + & .theme-list > li.active > a:before { + font-size: 20px; + line-height: 40px; + } + } + .tooltip { + font-size: 16px; + } + .form-control { + font-size: 16px; + height: 44px; + } + .btn { + font-size: 16px; + padding: 10px 15px; + } + .dropdown-menu.dropdown-menu-cart { + margin-right: -172px; + width: 420px; + } + .cart-title { + font-size: 16px; + } + .cart-item-image { + width: 100px; + height: 80px; + line-height: 64px; + } + .cart-item > li h4 { + line-height: 24px; + font-size: 18px; + } + .cart-item > li .price { + font-size: 18px; + } + .cart-item > li + li { + padding-top: 15px; + margin-top: 15px; + } + .carousel .carousel-inner, + .carousel .carousel-inner .item, + .slider .carousel { + min-height: 600px; + } + .carousel .product-img { + top: 60px; + max-height: 480px; + } + .carousel-caption .title { + font-size: 84px; + } + .carousel-caption p { + font-size: 36px; + } + .carousel-caption .price { + font-size: 48px; + } + .carousel-caption .btn { + font-size: 24px; + padding: 15px 45px; + } + .carousel-control { + height: 80px; + width: 60px; + margin-top: -40px; + + & .glyphicon, + & i { + height: 80px; + line-height: 80px; + font-size: 42px; + } + } + .section-title { + font-size: 28px; + + & small { + font-size: 18px; + } + & a.pull-right { + font-size: 14px; + padding: 12px 20px; + margin: -6px 0; + } + } + .promotion-lg .promotion-title { + font-size: 48px; + } + .promotion-lg .promotion-price { + font-size: 32px; + } + .promotion-lg .promotion-desc { + font-size: 16px; + } + .promotion-lg .promotion-btn { + font-size: 16px; + } + .promotion { + padding-top: 200px; + + &.promotion-lg { + padding-top: 410px; + } + } + .promotion-caption { + padding: 25px; + } + .promotion-lg .promotion-caption { + padding: 40px; + } + .promotion-title { + font-size: 24px; + } + .promotion-price { + font-size: 22px; + + & small { + font-size: 14px; + } + } + .promotion-desc { + font-size: 14px; + } + .promotion-btn { + padding: 7px 15px; + font-size: 14px; + } + .item.item-thumbnail .item-title, + .item.item-thumbnail .item-title a { + font-size: 16px; + line-height: 22px; + max-height: 44px; + } + .item.item-thumbnail .item-image { + line-height: 130px; + height: 160px; + } + .item.item-thumbnail .item-desc { + font-size: 14px; + } + .item.item-thumbnail .item-price { + font-size: 18px; + } + .item.item-thumbnail .item-discount-price { + font-size: 14px; + } + .category-container .category-sidebar { + width: 280px; + padding: 25px; + + & + .category-detail { + margin-left: 280px; + } + } + .category-item.full { + width: 340px; + + & + .category-item { + margin-left: 340px; + } + } + .category-sidebar .category-list > li > a { + line-height: 26px; + } + .category-sidebar .category-list > li.list-header { + font-size: 14px; + } + .category-item.full { + height: 618px; + + & .item .item-cover img { + height: 100%; + } + & .item .item-title { + line-height: 28px; + font-size: 20px; + } + & .item .item-desc { + font-size: 16px; + } + & .item .item-price { + font-size: 32px; + } + } + .policy .policy-info h4 { + font-size: 18px; + line-height: 28px; + } + .policy .policy-info p { + font-size: 16px; + } + .policy .policy-icon { + font-size: 48px; + } + .social .social-intro h4, + .subscription .subscription-intro h4 { + font-size: 20px; + } + .social .social-list a { + font-size: 28px; + } + .footer { + font-size: 16px; + padding: 45px 0; + + & .fa-li, + & p, + & ul { + line-height: 28px; + } + + & .list-product .info { + margin-left: 85px; + + & .info-title { + font-size: 16px; + margin: 5px 0 0; + } + } + & .list-product .image { + width: 72px; + height: 54px; + line-height: 54px; + } + } + .footer-header { + font-size: 18px; + } + .footer-copyright { + font-size: 16px; + padding: 20px 0; + + & .copyright { + line-height: 40px; + } + & .payment-method img { + max-height: 40px; + } + } + .breadcrumb { + font-size: 16px !important; + } + .product-thumbnail { + width: 120px; + padding: 25px; + max-height: 600px; + } + .product-main-image { + max-height: 600px; + margin-left: 120px; + height: 600px; + padding: 25px; + width: 500px; + } + .product-thumbnail-list > li a { + height: 80px; + padding: 10px; + line-height: 58px; + } + .product-title { + font-size: 26px; + line-height: 40px; + + & .label { + max-width: 80px; + padding: 6px; + font-size: 14px; + margin-bottom: 5px; + } + } + .product-info { + padding: 25px; + font-size: 16px; + } + .product-info-list { + line-height: 28px; + } + .product-social ul > li > a { + width: 46px; + height: 46px; + line-height: 46px; + font-size: 24px; + } + .product-price .price { + font-size: 46px; + } + .product-discount .discount { + font-size: 24px; + } + .btn-group-lg > .btn, + .btn-lg { + font-size: 24px; + padding: 14px 25px; + } + .product-tab .nav.nav-tabs { + font-size: 20px; + + & > li > a { + padding: 15px 25px; + } + } + .product-desc .desc p { + font-size: 18px; + line-height: 30px; + } + .search-toolbar { + padding: 20px; + + & .sort-list, + & h4 { + font-size: 16px; + line-height: 24px; + } + } + .search-container .search-sidebar { + padding: 20px; + font-size: 16px; + } + .search-container .search-sidebar .title { + padding: 15px 20px; + font-size: 16px; + margin-left: -20px; + margin-right: -20px; + } + .search-category-list > li > a { + line-height: 28px; + } + .pagination > li > a, + .pagination > li > span { + padding: 9px 15px; + } + .step .title { + font-size: 18px; + } + .step .desc { + font-size: 16px; + } + .step .number { + font-size: 30px; + width: 40px; + height: 30px; + line-height: 30px; + } + .step .info { + margin-left: 50px; + } + .table.table-cart th { + font-size: 18px; + padding-bottom: 10px; + } + .table.table-cart .cart-product .product-img { + width: 160px; + } + .table.table-cart .cart-product .product-info { + margin-left: 170px; + padding: 5px 25px; + } + .table.table-cart .cart-product .product-info .title { + font-size: 20px; + } + .table.table-cart .cart-product .product-info .desc { + font-size: 16px; + } + .table.table-cart .cart-price, + .table.table-cart .cart-total, + .summary-container .field, + .summary-container .value { + font-size: 18px; + } + .cart-qty .qty-desc { + font-size: 16px; + } + .checkout-info-list { + font-size: 16px; + } + .checkout-title { + font-size: 18px; + } + .checkout .payment-type { + font-size: 44px; + } + .checkout-message h1 { + font-size: 44px; + + & small { + font-size: 24px; + } + } + .table.table-payment-summary td, .table.table-payment-summary th { + font-size: 18px; + padding: 15px; + } + .table.table-payment-summary .product-summary .product-summary-info .title { + font-size: 18px; + } + .table.table-payment-summary .product-summary .product-summary-info .desc { + font-size: 16px; + } + .account-container .account-body h4 { + font-size: 24px; + line-height: 34px; + } + .account-container .account-sidebar .account-sidebar-content h4 { + font-size: 28px; + } + .h4, h4 { + font-size: 28px; + } + .f-s-13 { + font-size: 16px !important; + } + .btn-icon, .btn.btn-icon { + font-size: 18px; + width: 36px; + height: 36px; + line-height: 36px; + } + .about-us p { + font-size: 36px; + } + .about-us-content > .desc { + font-size: 24px; + } + .about-us-content .service .title { + font-size: 28px; + } + .about-us-content .service .desc { + font-size: 18px; + } + .panel-heading { + padding: 15px 20px; + } + .panel-body { + padding: 20px; + } + .panel-title { + font-size: 16px; + line-height: 28px; + } +} + +@media (max-width: 1199px) and (min-width: 992px) { + .header-nav .nav > li > a { + padding: 10px; + } +} + +@media (max-width: 991px) { + .header-nav .nav > li > a { + padding: 10px; + font-size: 12px; + } + .header-nav .nav.pull-right { + margin-right: -15px; + } + .header-logo { + width: auto; + + & .brand { + border-width: 13px; + margin-top: 5px; + margin-bottom: 5px; + margin-right: 10px; + } + & a { + font-size: 18px; + } + & a small { + font-size: 11px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + .header .user-img { + margin-right: 0; + } + .footer { + padding: 20px 0; + + & .row > [class*="col-"] + [class*="col-"] { + margin-top: 30px; + } + } + .category-container .category-sidebar + .category-detail, + .category-item.full + .category-item { + margin-left: 0; + } + .category-item.full { + float: none; + width: auto; + } + .category-item.list { + border-top: 1px solid #ccc; + } + .category-detail .item { + margin-bottom: 0; + } + .account-container .account-sidebar { + width: 240px; + } + .account-container .account-body { + margin-left: 240px; + } + .product-thumbnail { + width: 80px; + padding: 10px; + } + .product-image { + width: 380px; + } + .product-main-image { + margin-left: 80px; + width: 300px; + } +} + +@media (max-width: 768px) { + .promotion { + margin-bottom: 10px; + } + .item.item-thumbnail { + margin-bottom: 10px; + } + .social .social-list, + .social .social-intro, + .subscription .subscription-intro, + .subscription .subscription-form { + display: block; + width: auto; + padding: 0 30px 0 0; + text-align: left; + } + .social .social-intro, + .subscription .subscription-intro { + margin-bottom: 15px; + } + .account-container .account-sidebar { + width: auto; + position: relative; + .border-radius(6px 6px 0 0); + } + .account-container .account-sidebar .account-sidebar-cover img { + max-height: inherit; + max-width: 100%; + } + .account-container .account-body { + margin: 0; + } + .breadcrumb > li { + line-height: 20px; + } + .product-image { + position: relative; + border-bottom: 1px solid #D8E0E4; + .clearfix(); + } + .product-image, .product-info { + display: block; + width: auto; + } + .product-thumbnail { + position: absolute; + left: 0; + top: 0; + bottom: 0; + overflow: scroll; + border-right: 1px solid #D8E0E4; + } + .product-main-image { + width: auto; + } + .product-info { + padding: 20px; + } + .product-tab { + margin: 0; + + & .nav.nav-tabs { + border-top: 1px solid #D8E0E4; + font-size: 14px; + white-space: nowrap; + overflow: scroll; + } + & .tab-content { + padding: 20px; + } + } + .product-desc { + padding: 0; + } + .product-desc .image, + .product-desc.right .image, + .product-desc .desc, + .product-desc.right .desc { + padding: 0; + float: none; + width: auto; + text-align: center; + } + .product-desc .image { + margin-bottom: 15px; + } + .product-desc .desc p { + font-size: 14px; + line-height: 20px; + } + .product-desc .desc h4 { + margin: 0 0 10px; + font-size: 28px; + } + .table.table-product { + font-size: 12px; + } + .table.table-product.table-striped th, .table.table-product.table-striped td { + padding: 10px 15px; + } + .table.table-product th, + .table.table-product .field { + width: auto; + font-size: 16px; + } + .review-form { + margin: 20px -20px -20px; + padding: 20px; + border-top: 1px solid #c5ced4; + font-size: 12px; + } + .review-form h2 { + font-size: 18px; + margin-bottom: 15px; + } + .product-purchase-container { + position: fixed; + left: 0; + bottom: 0; + right: 0; + padding: 20px; + background: #fff; + z-index: 1020; + border-top: 1px solid rgba(0,0,0,0.25); + } + .product-purchase-container .product-discount, + .product-purchase-container .product-price { + position: absolute; + left: 20px; + top: 15px; + } + .product-purchase-container .product-discount + .product-price { + top: 30px; + } + .product-purchase-container .btn { + float: right; + } +} + +@media (max-width: 767px) { + .header-logo { + height: 60px; + + & .brand { + border-width: 10px; + margin-left: 10px; + margin-right: 7px; + } + & a { + font-size: 16px; + } + } + .header-nav .nav > li > a { + line-height: 40px; + padding: 10px; + } + .header-nav .nav > li.divider { + margin: 18px 0; + } + .navbar-toggle { + float: left; + } + .header .user-img { + margin: 0; + float: none; + } + .header-cart i { + line-height: 40px; + } + .header-cart .total { + position: absolute; + right: 5px; + } + .header .dropdown.dropdown-hover:hover .dropdown-menu, + .header .dropdown.dropdown-hover:focus .dropdown-menu, + .header .dropdown.dropdown-hover:hover .arrow, + .header .dropdown.dropdown-hover:focus .arrow { + display: none; + } + .header .dropdown.dropdown-hover.open .dropdown-menu, + .header .dropdown.dropdown-hover.open .arrow { + display: block; + } + .navbar-collapse { + position: absolute; + left: 0; + right: 0; + top: 60px; + background: #fff; + padding: 0; + border-top: 1px solid #eee; + .box-shadow(0 2px 2px rgba(0,0,0,.15)); + + & .nav > li { + float: none; + } + & .nav > li > a { + line-height: 30px; + padding: 10px 15px; + } + & .nav > li + li { + border-top: 1px solid #eee; + } + & .dropdown-menu { + max-width: inherit; + width: 100%; + background: #f9f9f9; + border-bottom: 1px solid #eee; + position: relative; + -webkit-box-shadow: none; + box-shadow: none; + margin-bottom: 10px; + } + } + .dropdown-menu-sidebar { + display: block; + width: auto; + max-width: inherit; + } + .dropdown-menu-container { + min-width: inherit; + display: block; + } + .dropdown-menu-sidebar + .dropdown-menu-content { + border-top: 1px solid #CCD0D4; + border-left: none; + padding-left: 20px; + } + .dropdown-menu-content { + padding: 20px; + display: block; + } + .dropdown-brand-list { + white-space: initial; + } + .dropdown-menu.dropdown-menu-cart { + margin-right: 0; + width: 320px; + margin-top: 10px; + } + .dropdown .header-cart .arrow.top:before, + .dropdown .header-cart .arrow.top:after { + top: 36px; + } + .slider .carousel, + .carousel .carousel-inner, + .carousel .carousel-inner .item { + min-height: 300px; + } + .carousel .product-img.left, + .carousel .product-img.right { + left: 10%; + right: 10%; + max-width: 80%; + } + .carousel .carousel-caption, + .carousel .carousel-caption.carousel-caption-left, + .carousel .carousel-caption.carousel-caption-right { + text-align: center; + top: 0; + bottom: 0; + background: rgba(0,0,0,0.35); + } + .footer-copyright .copyright, + .footer-copyright .payment-method { + float: none; + text-align: center; + } + .footer-copyright .payment-method { + padding: 10px 0; + } + .section-container { + padding: 20px 0; + } + .page-header-container .page-header { + font-size: 18px; + } + .search-container .search-sidebar, + .search-container .search-content { + float: none; + width: auto; + margin: 0; + } + .search-container .search-sidebar { + margin-bottom: 10px; + } + .search-container .search-content { + padding: 0; + } + .search-item-container { + border: none; + } + .search-item-container .item-row .item { + float: none; + width: 100%; + border: 1px solid #c5ced4; + } + .search-toolbar .sort-list { + float: left; + text-align: left; + margin-top: 10px; + } + .search-toolbar .sort-list .text { + display: block; + } + .search-toolbar .sort-list > li { + margin-right: 10px; + } + .search-toolbar .sort-list > li + li { + margin-left: 0; + } + .about-us h1 { + font-size: 48px; + margin: 0 0 15px; + } + .about-us p { + font-size: 18px; + margin: 0; + } + .about-us-content { + margin-top: 15px; + } + .about-us-content > .title { + font-size: 28px; + } + .about-us-content > .desc { + font-size: 14px; + font-weight: normal; + } + .about-us-content .service { + padding: 10px; + } + .section-container.has-bg .cover-bg img { + max-width: inherit; + max-height: 100%; + } + .product-detail { + display: block; + } +} + +@media (max-width: 480px) { + .carousel-caption .price { + margin-bottom: 0 !important; + } + .carousel-caption .title { + font-size: 48px; + } + .carousel-caption p, + .carousel-caption .price small { + font-size: 18px; + } + .carousel-caption .price { + font-size: 28px; + } + .carousel-caption .container { + padding: 0; + } + .section-title { + font-size: 18px; + } + .section-title a.pull-right { + padding: 6px 10px; + margin: 0 0 0 10px; + } + .section-title small { + display: block; + line-height: 18px; + margin: 3px 0 0 0; + font-size: 13px; + } + body .category-container { + border: none; + background: none; + } + .category-container .category-sidebar { + display: none; + } + body .category-container .category-sidebar + .category-detail, + body .category-item.full + .category-item { + margin: 0; + } + body .category-item.full { + float: none; + width: auto; + height: auto; + margin: 0 0 10px; + .border-radius(3px); + } + body .category-item.full .item .item-info { + position: relative; + } + body .category-item.full .item .item-cover img { + max-height: inherit; + max-width: 100%; + } + body .category-item.list .item { + float: none; + width: auto; + height: auto; + border: 1px solid #c5ced4; + .border-radius(3px); + } + #policy .row > div + div { + border-top: 1px solid #ddd; + padding-top: 30px; + margin-top: 30px; + } + #subscribe .row > div + div { + border-top: 1px solid #ddd; + padding-top: 30px; + margin-top: 30px; + } + .category-item.list { + border-top: none; + } + .category-detail .item { + margin-bottom: 10px; + } + .category-detail .full .item { + margin: 0; + } + .checkout-footer { + text-align: center; + } + .checkout-footer .pull-left, + .checkout-footer .pull-right { + float: none !important; + } + .checkout-footer .btn { + max-width: 200px; + margin-left: auto !important; + margin-right: auto !important; + display: block; + } + .checkout-footer .btn + .btn { + margin-top: 10px; + } + .checkout-header .row > div + div { + border: none; + border-top: 1px solid #3E4A52; + padding-top: 10px; + margin-top: 10px; + } + .product-main-image { + height: 300px; + width: auto; + } +} + +@media (max-width: 400px) { + .dropdown-menu.dropdown-menu-cart { + margin-right: -57px; + } + .checkout-body { + padding: 20px; + } + .checkout-message { + padding: 0; + } + .table.table-payment-summary { + margin-bottom: 15px; + + & th, + & td { + font-size: 14px; + display: block; + width: 100% !important; + text-align: left !important; + padding-left: 0; + padding-right: 0; + .clearfix(); + } + & .product .product-img { + width: 80px; + } + & .product .product-info { + margin-left: 90px; + } + & .field { + padding-bottom: 0; + } + & .value { + border-top: none; + padding-top: 0px; + } + & .product { + padding-top: 5px; + } + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/_top_nav.less b/public/assets/less/e-commerce/_top_nav.less new file mode 100755 index 0000000..27ba350 --- /dev/null +++ b/public/assets/less/e-commerce/_top_nav.less @@ -0,0 +1,51 @@ +/* Top Navbar Element Setting */ + +.top-nav { + background: @dark_black; + z-index: 1040; + position: relative; + + & .nav { + & > li > a { + font-size: 12px; + line-height: 20px; + padding: 10px; + color: #fff; + .transition(opacity 0.2s cubic-bezier(0.6, 0.045, 0.4, 1)); + } + &:first-child { + margin-left: -15px; + } + & > li > a:hover, + & > li > a:focus { + background: none; + color: #fff; + .opacity(0.65); + } + } + + & .flag-img { + float: left; + margin-top: 4px; + margin-right: 5px; + height: 12px; + } + & .dropdown-menu { + background: @black; + + + & .flag-img { + margin-right: 10px; + margin-left: -5px; + width: 20px; + } + & > li > a { + line-height: 20px; + color: #fff; + } + & > li > a:hover, + & > li > a:focus { + background: @black; + } + } +} diff --git a/public/assets/less/e-commerce/_variable.less b/public/assets/less/e-commerce/_variable.less new file mode 100755 index 0000000..d1dcdab --- /dev/null +++ b/public/assets/less/e-commerce/_variable.less @@ -0,0 +1,62 @@ +/* Variable */ + +@bg_body: #fff; + +@green: #00acac; +@dark_green: #008a8a; +@light_green: #33bdbd; + +@blue: #348fe2; +@dark_blue: #2a72b5; +@light_blue: #5da5e8; + +@aqua: #49b6d6; +@dark_aqua: #3a92ab; +@light_aqua: #6dc5de; + +@purple: #727cb6; +@dark_purple: #5b6392; +@light_purple: #8e96c5; + +@orange: #f59c1a; +@dark_orange: #c47d15; +@light_orange: #f7b048; + +@yellow: #e3fa3e; +@dark_yellow: #b6c832; +@light_yellow: #e9fb65; + +@red: #ff5b57; +@dark_red: #cc4946; +@light_red: #ff7c79; + +@black: #2d353c; +@dark_black: #242a30; +@darker_black: #1a2229; +@light_black: #575d63; + +@grey: #b6c2c9; +@dark_grey: #929ba1; +@light_grey: #c5ced4; + +@silver: #f0f3f4; +@dark_silver: #b4b6b7; +@light_silver: #f4f6f7; + +@white: #ffffff; + + +// Text Color +@body_text_color: #707478; +@heading_text_color: #242a30; +@heading_small_text_color: #7c7f83; +@form_label_color: @dark_black; +@header_default_text_color: #585663; +@header_inverse_text_color: #a8acb1; +@sidebar_text_color: #a8acb1; + + +// Font Setting +@body_font_size: 12px; +@body_font_family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif; +@ie8_body_font_family: Arial,sans-serif; \ No newline at end of file diff --git a/public/assets/less/e-commerce/bootstrap/alerts.less b/public/assets/less/e-commerce/bootstrap/alerts.less new file mode 100755 index 0000000..c4199db --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/alerts.less @@ -0,0 +1,73 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: @alert-padding; + margin-bottom: @line-height-computed; + border: 1px solid transparent; + border-radius: @alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing @headings-color + color: inherit; + } + + // Provide class for links that match alerts + .alert-link { + font-weight: @alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + + > p + p { + margin-top: 5px; + } +} + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. +.alert-dismissible { + padding-right: (@alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); +} + +.alert-info { + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); +} + +.alert-warning { + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); +} + +.alert-danger { + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); +} diff --git a/public/assets/less/e-commerce/bootstrap/badges.less b/public/assets/less/e-commerce/bootstrap/badges.less new file mode 100755 index 0000000..6ee16dc --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/badges.less @@ -0,0 +1,66 @@ +// +// Badges +// -------------------------------------------------- + + +// Base class +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: @font-size-small; + font-weight: @badge-font-weight; + color: @badge-color; + line-height: @badge-line-height; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: @badge-bg; + border-radius: @badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + + .btn-xs &, + .btn-group-xs > .btn & { + top: 0; + padding: 1px 5px; + } + + // Hover state, but only for links + a& { + &:hover, + &:focus { + color: @badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Account for badges in navs + .list-group-item.active > &, + .nav-pills > .active > a > & { + color: @badge-active-color; + background-color: @badge-active-bg; + } + + .list-group-item > & { + float: right; + } + + .list-group-item > & + & { + margin-right: 5px; + } + + .nav-pills > li > a > & { + margin-left: 3px; + } +} diff --git a/public/assets/less/e-commerce/bootstrap/bootstrap.less b/public/assets/less/e-commerce/bootstrap/bootstrap.less new file mode 100755 index 0000000..4b9916e --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/bootstrap.less @@ -0,0 +1,56 @@ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +// Core variables and mixins +@import "variables.less"; +@import "mixins.less"; + +// Reset and dependencies +@import "normalize.less"; +@import "print.less"; +@import "glyphicons.less"; + +// Core CSS +@import "scaffolding.less"; +@import "type.less"; +@import "code.less"; +@import "grid.less"; +@import "tables.less"; +@import "forms.less"; +@import "buttons.less"; + +// Components +@import "component-animations.less"; +@import "dropdowns.less"; +@import "button-groups.less"; +@import "input-groups.less"; +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; +@import "labels.less"; +@import "badges.less"; +@import "jumbotron.less"; +@import "thumbnails.less"; +@import "alerts.less"; +@import "progress-bars.less"; +@import "media.less"; +@import "list-group.less"; +@import "panels.less"; +@import "responsive-embed.less"; +@import "wells.less"; +@import "close.less"; + +// Components w/ JavaScript +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; +@import "carousel.less"; + +// Utility classes +@import "utilities.less"; +@import "responsive-utilities.less"; diff --git a/public/assets/less/e-commerce/bootstrap/breadcrumbs.less b/public/assets/less/e-commerce/bootstrap/breadcrumbs.less new file mode 100755 index 0000000..cb01d50 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/breadcrumbs.less @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; + margin-bottom: @line-height-computed; + list-style: none; + background-color: @breadcrumb-bg; + border-radius: @border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: @breadcrumb-color; + } + } + + > .active { + color: @breadcrumb-active-color; + } +} diff --git a/public/assets/less/e-commerce/bootstrap/button-groups.less b/public/assets/less/e-commerce/bootstrap/button-groups.less new file mode 100755 index 0000000..6a0c5a8 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/button-groups.less @@ -0,0 +1,244 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + &:extend(.clearfix all); + + .btn, + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + .border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + .border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-right-radius(0); + } +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { &:extend(.btn-xs); } +.btn-group-sm > .btn { &:extend(.btn-sm); } +.btn-group-lg > .btn { &:extend(.btn-lg); } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + .box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: @caret-width-large @caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 @caret-width-large @caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + &:extend(.clearfix all); + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: @btn-border-radius-base; + .border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: @btn-border-radius-base; + .border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-top-radius(0); +} + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } + + > .btn-group .dropdown-menu { + left: auto; + } +} + + +// Checkbox and radio options +// +// In order to support the browser's form validation feedback, powered by the +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. +// This way, we ensure a DOM element is visible to position the popover from. +// +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. + +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } +} diff --git a/public/assets/less/e-commerce/bootstrap/buttons.less b/public/assets/less/e-commerce/bootstrap/buttons.less new file mode 100755 index 0000000..9cbb8f4 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/buttons.less @@ -0,0 +1,166 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: @btn-font-weight; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base); + .user-select(none); + + &, + &:active, + &.active { + &:focus, + &.focus { + .tab-focus(); + } + } + + &:hover, + &:focus, + &.focus { + color: @btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + .opacity(.65); + .box-shadow(none); + } + + a& { + &.disabled, + fieldset[disabled] & { + pointer-events: none; // Future-proof disabling of clicks on `` elements + } + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); +} +.btn-primary { + .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); +} +// Success appears as green +.btn-success { + .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); +} +// Info appears as blue-green +.btn-info { + .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); +} +// Warning appears as orange +.btn-warning { + .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: @link-color; + font-weight: normal; + border-radius: 0; + + &, + &:active, + &.active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + .box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: @link-hover-color; + text-decoration: @link-hover-decoration; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @btn-border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} +.btn-xs { + .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/public/assets/less/e-commerce/bootstrap/carousel.less b/public/assets/less/e-commerce/bootstrap/carousel.less new file mode 100755 index 0000000..87ed696 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/carousel.less @@ -0,0 +1,269 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + .transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + &:extend(.img-responsive); + line-height: 1; + } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + .transition-transform(~'0.6s ease-in-out'); + .backface-visibility(~'hidden'); + .perspective(1000px); + + &.next, + &.active.right { + .translate3d(100%, 0, 0); + left: 0; + } + &.prev, + &.active.left { + .translate3d(-100%, 0, 0); + left: 0; + } + &.next.left, + &.prev.right, + &.active { + .translate3d(0, 0, 0); + left: 0; + } + } + } + + > .active, + > .next, + > .prev { + display: block; + } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; + color: @carousel-control-color; + text-align: center; + text-shadow: @carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: 0; + color: @carousel-control-color; + text-decoration: none; + .opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + margin-top: -10px; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + line-height: 1; + font-family: serif; + } + + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid @carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: @carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: @carousel-caption-color; + text-align: center; + text-shadow: @carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: @screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, + .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, + .icon-next { + margin-right: -15px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/public/assets/less/e-commerce/bootstrap/close.less b/public/assets/less/e-commerce/bootstrap/close.less new file mode 100755 index 0000000..6d5bfe0 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/close.less @@ -0,0 +1,34 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: (@font-size-base * 1.5); + font-weight: @close-font-weight; + line-height: 1; + color: @close-color; + text-shadow: @close-text-shadow; + .opacity(.2); + + &:hover, + &:focus { + color: @close-color; + text-decoration: none; + cursor: pointer; + .opacity(.5); + } + + // Additional properties for button version + // iOS requires the button element instead of an anchor tag. + // If you want the anchor version, it requires `href="#"`. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile + button& { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +} diff --git a/public/assets/less/e-commerce/bootstrap/code.less b/public/assets/less/e-commerce/bootstrap/code.less new file mode 100755 index 0000000..a08b4d4 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/code.less @@ -0,0 +1,69 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: @font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + border-radius: @border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: @kbd-color; + background-color: @kbd-bg; + border-radius: @border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); + + kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; + } +} + +// Blocks of code +pre { + display: block; + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); + font-size: (@font-size-base - 1); // 14px to 13px + line-height: @line-height-base; + word-break: break-all; + word-wrap: break-word; + color: @pre-color; + background-color: @pre-bg; + border: 1px solid @pre-border-color; + border-radius: @border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: @pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/public/assets/less/e-commerce/bootstrap/component-animations.less b/public/assets/less/e-commerce/bootstrap/component-animations.less new file mode 100755 index 0000000..0bcee91 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/component-animations.less @@ -0,0 +1,33 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. + +.fade { + opacity: 0; + .transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + + &.in { display: block; } + tr&.in { display: table-row; } + tbody&.in { display: table-row-group; } +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition-property(~"height, visibility"); + .transition-duration(.35s); + .transition-timing-function(ease); +} diff --git a/public/assets/less/e-commerce/bootstrap/dropdowns.less b/public/assets/less/e-commerce/bootstrap/dropdowns.less new file mode 100755 index 0000000..f6876c1 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/dropdowns.less @@ -0,0 +1,216 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: @caret-width-base dashed; + border-top: @caret-width-base solid ~"\9"; // IE8 + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropup, +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: @zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: @font-size-base; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + .nav-divider(@dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: @line-height-base; + color: @dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: @dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: @dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: @dropdown-link-disabled-color; + } + + // Nuke hover/focus effects + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + .reset-filter(); + cursor: @cursor-disabled; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; + white-space: nowrap; // as with > li > a +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: (@zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: @caret-width-base dashed; + border-bottom: @caret-width-base solid ~"\9"; // IE8 + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: @grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + .dropdown-menu-right(); + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + .dropdown-menu-left(); + } + } +} diff --git a/public/assets/less/e-commerce/bootstrap/forms.less b/public/assets/less/e-commerce/bootstrap/forms.less new file mode 100755 index 0000000..b064ede --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/forms.less @@ -0,0 +1,607 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: @line-height-computed; + font-size: (@font-size-base * 1.5); + line-height: inherit; + color: @legend-color; + border: 0; + border-bottom: 1px solid @legend-border-color; +} + +label { + display: inline-block; + max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + .box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; // IE8-9 + line-height: normal; +} + +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + .tab-focus(); +} + +// Adjust output element +output { + display: block; + padding-top: (@padding-base-vertical + 1); + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; + background-color: @input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid @input-border; + border-radius: @input-border-radius; // Note: This has no effect on s in CSS. + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); + + // Customize the `:focus` state to imitate native WebKit styles. + .form-control-focus(); + + // Placeholder + .placeholder(); + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + background-color: @input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 + } + + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + } + + // Reset height for `textarea`s + textarea& { + height: auto; + } +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS temporal inputs +// +// In Mobile Safari, setting `display: block` on temporal inputs causes the +// text within the input to become vertically misaligned. As a workaround, we +// set a pixel line-height that matches the given height of the input, but only +// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 +// +// Note that as of 8.3, iOS doesn't support `datetime` or `week`. + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + &.form-control { + line-height: @input-height-base; + } + + &.input-sm, + .input-group-sm & { + line-height: @input-height-small; + } + + &.input-lg, + .input-group-lg & { + line-height: @input-height-large; + } + } +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: @form-group-margin-bottom; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; + + label { + min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// Some special care is needed because Star + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('@{icon-font-path}@{icon-font-name}.eot'); + src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'), + url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'), + url('@{icon-font-path}@{icon-font-name}.woff') format('woff'), + url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'), + url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg'); +} + +// Catchall baseclass +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// Individual icons +.glyphicon-asterisk { &:before { content: "\2a"; } } +.glyphicon-plus { &:before { content: "\2b"; } } +.glyphicon-euro, +.glyphicon-eur { &:before { content: "\20ac"; } } +.glyphicon-minus { &:before { content: "\2212"; } } +.glyphicon-cloud { &:before { content: "\2601"; } } +.glyphicon-envelope { &:before { content: "\2709"; } } +.glyphicon-pencil { &:before { content: "\270f"; } } +.glyphicon-glass { &:before { content: "\e001"; } } +.glyphicon-music { &:before { content: "\e002"; } } +.glyphicon-search { &:before { content: "\e003"; } } +.glyphicon-heart { &:before { content: "\e005"; } } +.glyphicon-star { &:before { content: "\e006"; } } +.glyphicon-star-empty { &:before { content: "\e007"; } } +.glyphicon-user { &:before { content: "\e008"; } } +.glyphicon-film { &:before { content: "\e009"; } } +.glyphicon-th-large { &:before { content: "\e010"; } } +.glyphicon-th { &:before { content: "\e011"; } } +.glyphicon-th-list { &:before { content: "\e012"; } } +.glyphicon-ok { &:before { content: "\e013"; } } +.glyphicon-remove { &:before { content: "\e014"; } } +.glyphicon-zoom-in { &:before { content: "\e015"; } } +.glyphicon-zoom-out { &:before { content: "\e016"; } } +.glyphicon-off { &:before { content: "\e017"; } } +.glyphicon-signal { &:before { content: "\e018"; } } +.glyphicon-cog { &:before { content: "\e019"; } } +.glyphicon-trash { &:before { content: "\e020"; } } +.glyphicon-home { &:before { content: "\e021"; } } +.glyphicon-file { &:before { content: "\e022"; } } +.glyphicon-time { &:before { content: "\e023"; } } +.glyphicon-road { &:before { content: "\e024"; } } +.glyphicon-download-alt { &:before { content: "\e025"; } } +.glyphicon-download { &:before { content: "\e026"; } } +.glyphicon-upload { &:before { content: "\e027"; } } +.glyphicon-inbox { &:before { content: "\e028"; } } +.glyphicon-play-circle { &:before { content: "\e029"; } } +.glyphicon-repeat { &:before { content: "\e030"; } } +.glyphicon-refresh { &:before { content: "\e031"; } } +.glyphicon-list-alt { &:before { content: "\e032"; } } +.glyphicon-lock { &:before { content: "\e033"; } } +.glyphicon-flag { &:before { content: "\e034"; } } +.glyphicon-headphones { &:before { content: "\e035"; } } +.glyphicon-volume-off { &:before { content: "\e036"; } } +.glyphicon-volume-down { &:before { content: "\e037"; } } +.glyphicon-volume-up { &:before { content: "\e038"; } } +.glyphicon-qrcode { &:before { content: "\e039"; } } +.glyphicon-barcode { &:before { content: "\e040"; } } +.glyphicon-tag { &:before { content: "\e041"; } } +.glyphicon-tags { &:before { content: "\e042"; } } +.glyphicon-book { &:before { content: "\e043"; } } +.glyphicon-bookmark { &:before { content: "\e044"; } } +.glyphicon-print { &:before { content: "\e045"; } } +.glyphicon-camera { &:before { content: "\e046"; } } +.glyphicon-font { &:before { content: "\e047"; } } +.glyphicon-bold { &:before { content: "\e048"; } } +.glyphicon-italic { &:before { content: "\e049"; } } +.glyphicon-text-height { &:before { content: "\e050"; } } +.glyphicon-text-width { &:before { content: "\e051"; } } +.glyphicon-align-left { &:before { content: "\e052"; } } +.glyphicon-align-center { &:before { content: "\e053"; } } +.glyphicon-align-right { &:before { content: "\e054"; } } +.glyphicon-align-justify { &:before { content: "\e055"; } } +.glyphicon-list { &:before { content: "\e056"; } } +.glyphicon-indent-left { &:before { content: "\e057"; } } +.glyphicon-indent-right { &:before { content: "\e058"; } } +.glyphicon-facetime-video { &:before { content: "\e059"; } } +.glyphicon-picture { &:before { content: "\e060"; } } +.glyphicon-map-marker { &:before { content: "\e062"; } } +.glyphicon-adjust { &:before { content: "\e063"; } } +.glyphicon-tint { &:before { content: "\e064"; } } +.glyphicon-edit { &:before { content: "\e065"; } } +.glyphicon-share { &:before { content: "\e066"; } } +.glyphicon-check { &:before { content: "\e067"; } } +.glyphicon-move { &:before { content: "\e068"; } } +.glyphicon-step-backward { &:before { content: "\e069"; } } +.glyphicon-fast-backward { &:before { content: "\e070"; } } +.glyphicon-backward { &:before { content: "\e071"; } } +.glyphicon-play { &:before { content: "\e072"; } } +.glyphicon-pause { &:before { content: "\e073"; } } +.glyphicon-stop { &:before { content: "\e074"; } } +.glyphicon-forward { &:before { content: "\e075"; } } +.glyphicon-fast-forward { &:before { content: "\e076"; } } +.glyphicon-step-forward { &:before { content: "\e077"; } } +.glyphicon-eject { &:before { content: "\e078"; } } +.glyphicon-chevron-left { &:before { content: "\e079"; } } +.glyphicon-chevron-right { &:before { content: "\e080"; } } +.glyphicon-plus-sign { &:before { content: "\e081"; } } +.glyphicon-minus-sign { &:before { content: "\e082"; } } +.glyphicon-remove-sign { &:before { content: "\e083"; } } +.glyphicon-ok-sign { &:before { content: "\e084"; } } +.glyphicon-question-sign { &:before { content: "\e085"; } } +.glyphicon-info-sign { &:before { content: "\e086"; } } +.glyphicon-screenshot { &:before { content: "\e087"; } } +.glyphicon-remove-circle { &:before { content: "\e088"; } } +.glyphicon-ok-circle { &:before { content: "\e089"; } } +.glyphicon-ban-circle { &:before { content: "\e090"; } } +.glyphicon-arrow-left { &:before { content: "\e091"; } } +.glyphicon-arrow-right { &:before { content: "\e092"; } } +.glyphicon-arrow-up { &:before { content: "\e093"; } } +.glyphicon-arrow-down { &:before { content: "\e094"; } } +.glyphicon-share-alt { &:before { content: "\e095"; } } +.glyphicon-resize-full { &:before { content: "\e096"; } } +.glyphicon-resize-small { &:before { content: "\e097"; } } +.glyphicon-exclamation-sign { &:before { content: "\e101"; } } +.glyphicon-gift { &:before { content: "\e102"; } } +.glyphicon-leaf { &:before { content: "\e103"; } } +.glyphicon-fire { &:before { content: "\e104"; } } +.glyphicon-eye-open { &:before { content: "\e105"; } } +.glyphicon-eye-close { &:before { content: "\e106"; } } +.glyphicon-warning-sign { &:before { content: "\e107"; } } +.glyphicon-plane { &:before { content: "\e108"; } } +.glyphicon-calendar { &:before { content: "\e109"; } } +.glyphicon-random { &:before { content: "\e110"; } } +.glyphicon-comment { &:before { content: "\e111"; } } +.glyphicon-magnet { &:before { content: "\e112"; } } +.glyphicon-chevron-up { &:before { content: "\e113"; } } +.glyphicon-chevron-down { &:before { content: "\e114"; } } +.glyphicon-retweet { &:before { content: "\e115"; } } +.glyphicon-shopping-cart { &:before { content: "\e116"; } } +.glyphicon-folder-close { &:before { content: "\e117"; } } +.glyphicon-folder-open { &:before { content: "\e118"; } } +.glyphicon-resize-vertical { &:before { content: "\e119"; } } +.glyphicon-resize-horizontal { &:before { content: "\e120"; } } +.glyphicon-hdd { &:before { content: "\e121"; } } +.glyphicon-bullhorn { &:before { content: "\e122"; } } +.glyphicon-bell { &:before { content: "\e123"; } } +.glyphicon-certificate { &:before { content: "\e124"; } } +.glyphicon-thumbs-up { &:before { content: "\e125"; } } +.glyphicon-thumbs-down { &:before { content: "\e126"; } } +.glyphicon-hand-right { &:before { content: "\e127"; } } +.glyphicon-hand-left { &:before { content: "\e128"; } } +.glyphicon-hand-up { &:before { content: "\e129"; } } +.glyphicon-hand-down { &:before { content: "\e130"; } } +.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } +.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } +.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } +.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } +.glyphicon-globe { &:before { content: "\e135"; } } +.glyphicon-wrench { &:before { content: "\e136"; } } +.glyphicon-tasks { &:before { content: "\e137"; } } +.glyphicon-filter { &:before { content: "\e138"; } } +.glyphicon-briefcase { &:before { content: "\e139"; } } +.glyphicon-fullscreen { &:before { content: "\e140"; } } +.glyphicon-dashboard { &:before { content: "\e141"; } } +.glyphicon-paperclip { &:before { content: "\e142"; } } +.glyphicon-heart-empty { &:before { content: "\e143"; } } +.glyphicon-link { &:before { content: "\e144"; } } +.glyphicon-phone { &:before { content: "\e145"; } } +.glyphicon-pushpin { &:before { content: "\e146"; } } +.glyphicon-usd { &:before { content: "\e148"; } } +.glyphicon-gbp { &:before { content: "\e149"; } } +.glyphicon-sort { &:before { content: "\e150"; } } +.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } +.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } +.glyphicon-sort-by-order { &:before { content: "\e153"; } } +.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } +.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } +.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } +.glyphicon-unchecked { &:before { content: "\e157"; } } +.glyphicon-expand { &:before { content: "\e158"; } } +.glyphicon-collapse-down { &:before { content: "\e159"; } } +.glyphicon-collapse-up { &:before { content: "\e160"; } } +.glyphicon-log-in { &:before { content: "\e161"; } } +.glyphicon-flash { &:before { content: "\e162"; } } +.glyphicon-log-out { &:before { content: "\e163"; } } +.glyphicon-new-window { &:before { content: "\e164"; } } +.glyphicon-record { &:before { content: "\e165"; } } +.glyphicon-save { &:before { content: "\e166"; } } +.glyphicon-open { &:before { content: "\e167"; } } +.glyphicon-saved { &:before { content: "\e168"; } } +.glyphicon-import { &:before { content: "\e169"; } } +.glyphicon-export { &:before { content: "\e170"; } } +.glyphicon-send { &:before { content: "\e171"; } } +.glyphicon-floppy-disk { &:before { content: "\e172"; } } +.glyphicon-floppy-saved { &:before { content: "\e173"; } } +.glyphicon-floppy-remove { &:before { content: "\e174"; } } +.glyphicon-floppy-save { &:before { content: "\e175"; } } +.glyphicon-floppy-open { &:before { content: "\e176"; } } +.glyphicon-credit-card { &:before { content: "\e177"; } } +.glyphicon-transfer { &:before { content: "\e178"; } } +.glyphicon-cutlery { &:before { content: "\e179"; } } +.glyphicon-header { &:before { content: "\e180"; } } +.glyphicon-compressed { &:before { content: "\e181"; } } +.glyphicon-earphone { &:before { content: "\e182"; } } +.glyphicon-phone-alt { &:before { content: "\e183"; } } +.glyphicon-tower { &:before { content: "\e184"; } } +.glyphicon-stats { &:before { content: "\e185"; } } +.glyphicon-sd-video { &:before { content: "\e186"; } } +.glyphicon-hd-video { &:before { content: "\e187"; } } +.glyphicon-subtitles { &:before { content: "\e188"; } } +.glyphicon-sound-stereo { &:before { content: "\e189"; } } +.glyphicon-sound-dolby { &:before { content: "\e190"; } } +.glyphicon-sound-5-1 { &:before { content: "\e191"; } } +.glyphicon-sound-6-1 { &:before { content: "\e192"; } } +.glyphicon-sound-7-1 { &:before { content: "\e193"; } } +.glyphicon-copyright-mark { &:before { content: "\e194"; } } +.glyphicon-registration-mark { &:before { content: "\e195"; } } +.glyphicon-cloud-download { &:before { content: "\e197"; } } +.glyphicon-cloud-upload { &:before { content: "\e198"; } } +.glyphicon-tree-conifer { &:before { content: "\e199"; } } +.glyphicon-tree-deciduous { &:before { content: "\e200"; } } +.glyphicon-cd { &:before { content: "\e201"; } } +.glyphicon-save-file { &:before { content: "\e202"; } } +.glyphicon-open-file { &:before { content: "\e203"; } } +.glyphicon-level-up { &:before { content: "\e204"; } } +.glyphicon-copy { &:before { content: "\e205"; } } +.glyphicon-paste { &:before { content: "\e206"; } } +// The following 2 Glyphicons are omitted for the time being because +// they currently use Unicode codepoints that are outside the +// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle +// non-BMP codepoints in CSS string escapes, and thus can't display these two icons. +// Notably, the bug affects some older versions of the Android Browser. +// More info: https://github.com/twbs/bootstrap/issues/10106 +// .glyphicon-door { &:before { content: "\1f6aa"; } } +// .glyphicon-key { &:before { content: "\1f511"; } } +.glyphicon-alert { &:before { content: "\e209"; } } +.glyphicon-equalizer { &:before { content: "\e210"; } } +.glyphicon-king { &:before { content: "\e211"; } } +.glyphicon-queen { &:before { content: "\e212"; } } +.glyphicon-pawn { &:before { content: "\e213"; } } +.glyphicon-bishop { &:before { content: "\e214"; } } +.glyphicon-knight { &:before { content: "\e215"; } } +.glyphicon-baby-formula { &:before { content: "\e216"; } } +.glyphicon-tent { &:before { content: "\26fa"; } } +.glyphicon-blackboard { &:before { content: "\e218"; } } +.glyphicon-bed { &:before { content: "\e219"; } } +.glyphicon-apple { &:before { content: "\f8ff"; } } +.glyphicon-erase { &:before { content: "\e221"; } } +.glyphicon-hourglass { &:before { content: "\231b"; } } +.glyphicon-lamp { &:before { content: "\e223"; } } +.glyphicon-duplicate { &:before { content: "\e224"; } } +.glyphicon-piggy-bank { &:before { content: "\e225"; } } +.glyphicon-scissors { &:before { content: "\e226"; } } +.glyphicon-bitcoin { &:before { content: "\e227"; } } +.glyphicon-btc { &:before { content: "\e227"; } } +.glyphicon-xbt { &:before { content: "\e227"; } } +.glyphicon-yen { &:before { content: "\00a5"; } } +.glyphicon-jpy { &:before { content: "\00a5"; } } +.glyphicon-ruble { &:before { content: "\20bd"; } } +.glyphicon-rub { &:before { content: "\20bd"; } } +.glyphicon-scale { &:before { content: "\e230"; } } +.glyphicon-ice-lolly { &:before { content: "\e231"; } } +.glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } } +.glyphicon-education { &:before { content: "\e233"; } } +.glyphicon-option-horizontal { &:before { content: "\e234"; } } +.glyphicon-option-vertical { &:before { content: "\e235"; } } +.glyphicon-menu-hamburger { &:before { content: "\e236"; } } +.glyphicon-modal-window { &:before { content: "\e237"; } } +.glyphicon-oil { &:before { content: "\e238"; } } +.glyphicon-grain { &:before { content: "\e239"; } } +.glyphicon-sunglasses { &:before { content: "\e240"; } } +.glyphicon-text-size { &:before { content: "\e241"; } } +.glyphicon-text-color { &:before { content: "\e242"; } } +.glyphicon-text-background { &:before { content: "\e243"; } } +.glyphicon-object-align-top { &:before { content: "\e244"; } } +.glyphicon-object-align-bottom { &:before { content: "\e245"; } } +.glyphicon-object-align-horizontal{ &:before { content: "\e246"; } } +.glyphicon-object-align-left { &:before { content: "\e247"; } } +.glyphicon-object-align-vertical { &:before { content: "\e248"; } } +.glyphicon-object-align-right { &:before { content: "\e249"; } } +.glyphicon-triangle-right { &:before { content: "\e250"; } } +.glyphicon-triangle-left { &:before { content: "\e251"; } } +.glyphicon-triangle-bottom { &:before { content: "\e252"; } } +.glyphicon-triangle-top { &:before { content: "\e253"; } } +.glyphicon-console { &:before { content: "\e254"; } } +.glyphicon-superscript { &:before { content: "\e255"; } } +.glyphicon-subscript { &:before { content: "\e256"; } } +.glyphicon-menu-left { &:before { content: "\e257"; } } +.glyphicon-menu-right { &:before { content: "\e258"; } } +.glyphicon-menu-down { &:before { content: "\e259"; } } +.glyphicon-menu-up { &:before { content: "\e260"; } } diff --git a/public/assets/less/e-commerce/bootstrap/grid.less b/public/assets/less/e-commerce/bootstrap/grid.less new file mode 100755 index 0000000..e100655 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/grid.less @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + .container-fixed(); + + @media (min-width: @screen-sm-min) { + width: @container-sm; + } + @media (min-width: @screen-md-min) { + width: @container-md; + } + @media (min-width: @screen-lg-min) { + width: @container-lg; + } +} + + +// Fluid container +// +// Utilizes the mixin meant for fixed width containers, but without any defined +// width for fluid, full width layouts. + +.container-fluid { + .container-fixed(); +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + .make-row(); +} + + +// Columns +// +// Common styles for small and large grid columns + +.make-grid-columns(); + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +.make-grid(xs); + + +// Small grid +// +// Columns, offsets, pushes, and pulls for the small device range, from phones +// to tablets. + +@media (min-width: @screen-sm-min) { + .make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: @screen-md-min) { + .make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: @screen-lg-min) { + .make-grid(lg); +} diff --git a/public/assets/less/e-commerce/bootstrap/input-groups.less b/public/assets/less/e-commerce/bootstrap/input-groups.less new file mode 100755 index 0000000..457ea60 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/input-groups.less @@ -0,0 +1,167 @@ +// +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + position: relative; // For dropdowns + display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table + + // Undo padding and float of grid classes + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + + .form-control { + // Ensure that the input is always above the *appended* addon button for + // proper border colors. + position: relative; + z-index: 2; + + // IE9 fubars the placeholder attribute in text inputs and the arrows on + // select elements in input groups. To fix it, we float the input. Details: + // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 + float: left; + + width: 100%; + margin-bottom: 0; + } +} + +// Sizing options +// +// Remix the default form control sizing classes into new ones for easier +// manipulation. + +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + .input-lg(); +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + .input-sm(); +} + + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + font-weight: normal; + line-height: 1; + color: @input-color; + text-align: center; + background-color: @input-group-addon-bg; + border: 1px solid @input-group-addon-border-color; + border-radius: @border-radius-base; + + // Sizing + &.input-sm { + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + border-radius: @border-radius-small; + } + &.input-lg { + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + border-radius: @border-radius-large; + } + + // Nuke default margins from checkboxes and radios to vertically center within. + input[type="radio"], + input[type="checkbox"] { + margin-top: 0; + } +} + +// Reset rounded corners +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + .border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + .border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + // Jankily prevent input button groups from wrapping with `white-space` and + // `font-size` in combination with `inline-block` on buttons. + font-size: 0; + white-space: nowrap; + + // Negative margin for spacing, position for bringing hovered/focused/actived + // element above the siblings. + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:focus, + &:active { + z-index: 2; + } + } + + // Negative margin to only have a 1px border between the two + &:first-child { + > .btn, + > .btn-group { + margin-right: -1px; + } + } + &:last-child { + > .btn, + > .btn-group { + z-index: 2; + margin-left: -1px; + } + } +} diff --git a/public/assets/less/e-commerce/bootstrap/jumbotron.less b/public/assets/less/e-commerce/bootstrap/jumbotron.less new file mode 100755 index 0000000..fa80a38 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/jumbotron.less @@ -0,0 +1,52 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding-top: @jumbotron-padding; + padding-bottom: @jumbotron-padding; + margin-bottom: @jumbotron-padding; + color: @jumbotron-color; + background-color: @jumbotron-bg; + + h1, + .h1 { + color: @jumbotron-heading-color; + } + + p { + margin-bottom: (@jumbotron-padding / 2); + font-size: @jumbotron-font-size; + font-weight: 200; + } + + > hr { + border-top-color: darken(@jumbotron-bg, 10%); + } + + .container &, + .container-fluid & { + border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: @screen-sm-min) { + padding-top: (@jumbotron-padding * 1.6); + padding-bottom: (@jumbotron-padding * 1.6); + + .container &, + .container-fluid & { + padding-left: (@jumbotron-padding * 2); + padding-right: (@jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: @jumbotron-heading-font-size; + } + } +} diff --git a/public/assets/less/e-commerce/bootstrap/labels.less b/public/assets/less/e-commerce/bootstrap/labels.less new file mode 100755 index 0000000..9a5a270 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/labels.less @@ -0,0 +1,64 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: @label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // Add hover effects, but only for links + a& { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for labels in buttons + .btn & { + position: relative; + top: -1px; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + .label-variant(@label-default-bg); +} + +.label-primary { + .label-variant(@label-primary-bg); +} + +.label-success { + .label-variant(@label-success-bg); +} + +.label-info { + .label-variant(@label-info-bg); +} + +.label-warning { + .label-variant(@label-warning-bg); +} + +.label-danger { + .label-variant(@label-danger-bg); +} diff --git a/public/assets/less/e-commerce/bootstrap/list-group.less b/public/assets/less/e-commerce/bootstrap/list-group.less new file mode 100755 index 0000000..216b912 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/list-group.less @@ -0,0 +1,130 @@ +// +// List groups +// -------------------------------------------------- + + +// Base class +// +// Easily usable on
        ,
          , or
          . + +.list-group { + // No need to set list-style: none; since .list-group-item is block level + margin-bottom: 20px; + padding-left: 0; // reset padding because ul and ol +} + + +// Individual list items +// +// Use on `li`s or `div`s within the `.list-group` parent. + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + // Place the border on the list items and negative margin up for better styling + margin-bottom: -1px; + background-color: @list-group-bg; + border: 1px solid @list-group-border; + + // Round the first and last items + &:first-child { + .border-top-radius(@list-group-border-radius); + } + &:last-child { + margin-bottom: 0; + .border-bottom-radius(@list-group-border-radius); + } +} + + +// Interactive list items +// +// Use anchor or button elements instead of `li`s or `div`s to create interactive items. +// Includes an extra `.active` modifier class for showing selected items. + +a.list-group-item, +button.list-group-item { + color: @list-group-link-color; + + .list-group-item-heading { + color: @list-group-link-heading-color; + } + + // Hover state + &:hover, + &:focus { + text-decoration: none; + color: @list-group-link-hover-color; + background-color: @list-group-hover-bg; + } +} + +button.list-group-item { + width: 100%; + text-align: left; +} + +.list-group-item { + // Disabled state + &.disabled, + &.disabled:hover, + &.disabled:focus { + background-color: @list-group-disabled-bg; + color: @list-group-disabled-color; + cursor: @cursor-disabled; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: @list-group-disabled-text-color; + } + } + + // Active class on item itself, not parent + &.active, + &.active:hover, + &.active:focus { + z-index: 2; // Place active items above their siblings for proper border styling + color: @list-group-active-color; + background-color: @list-group-active-bg; + border-color: @list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading, + .list-group-item-heading > small, + .list-group-item-heading > .small { + color: inherit; + } + .list-group-item-text { + color: @list-group-active-text-color; + } + } +} + + +// Contextual variants +// +// Add modifier classes to change text and background color on individual items. +// Organizationally, this must come after the `:hover` states. + +.list-group-item-variant(success; @state-success-bg; @state-success-text); +.list-group-item-variant(info; @state-info-bg; @state-info-text); +.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); +.list-group-item-variant(danger; @state-danger-bg; @state-danger-text); + + +// Custom content options +// +// Extra classes for creating well-formatted content within `.list-group-item`s. + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} diff --git a/public/assets/less/e-commerce/bootstrap/media.less b/public/assets/less/e-commerce/bootstrap/media.less new file mode 100755 index 0000000..8c835e8 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/media.less @@ -0,0 +1,66 @@ +.media { + // Proper spacing between instances of .media + margin-top: 15px; + + &:first-child { + margin-top: 0; + } +} + +.media, +.media-body { + zoom: 1; + overflow: hidden; +} + +.media-body { + width: 10000px; +} + +.media-object { + display: block; + + // Fix collapse in webkit from max-width: 100% and display: table-cell. + &.img-thumbnail { + max-width: none; + } +} + +.media-right, +.media > .pull-right { + padding-left: 10px; +} + +.media-left, +.media > .pull-left { + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +// Reset margins on headings for tighter default spacing +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +// Media list variation +// +// Undo default ul/ol styles +.media-list { + padding-left: 0; + list-style: none; +} diff --git a/public/assets/less/e-commerce/bootstrap/mixins.less b/public/assets/less/e-commerce/bootstrap/mixins.less new file mode 100755 index 0000000..e6f9fe6 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/mixins.less @@ -0,0 +1,40 @@ +// Mixins +// -------------------------------------------------- + +// Utilities +@import "mixins/hide-text.less"; +@import "mixins/opacity.less"; +@import "mixins/image.less"; +@import "mixins/labels.less"; +@import "mixins/reset-filter.less"; +@import "mixins/resize.less"; +@import "mixins/responsive-visibility.less"; +@import "mixins/size.less"; +@import "mixins/tab-focus.less"; +@import "mixins/reset-text.less"; +@import "mixins/text-emphasis.less"; +@import "mixins/text-overflow.less"; +@import "mixins/vendor-prefixes.less"; + +// Components +@import "mixins/alerts.less"; +@import "mixins/buttons.less"; +@import "mixins/panels.less"; +@import "mixins/pagination.less"; +@import "mixins/list-group.less"; +@import "mixins/nav-divider.less"; +@import "mixins/forms.less"; +@import "mixins/progress-bar.less"; +@import "mixins/table-row.less"; + +// Skins +@import "mixins/background-variant.less"; +@import "mixins/border-radius.less"; +@import "mixins/gradients.less"; + +// Layout +@import "mixins/clearfix.less"; +@import "mixins/center-block.less"; +@import "mixins/nav-vertical-align.less"; +@import "mixins/grid-framework.less"; +@import "mixins/grid.less"; diff --git a/public/assets/less/e-commerce/bootstrap/mixins/alerts.less b/public/assets/less/e-commerce/bootstrap/mixins/alerts.less new file mode 100755 index 0000000..396196f --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/mixins/alerts.less @@ -0,0 +1,14 @@ +// Alerts + +.alert-variant(@background; @border; @text-color) { + background-color: @background; + border-color: @border; + color: @text-color; + + hr { + border-top-color: darken(@border, 5%); + } + .alert-link { + color: darken(@text-color, 10%); + } +} diff --git a/public/assets/less/e-commerce/bootstrap/mixins/background-variant.less b/public/assets/less/e-commerce/bootstrap/mixins/background-variant.less new file mode 100755 index 0000000..a85c22b --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/mixins/background-variant.less @@ -0,0 +1,9 @@ +// Contextual backgrounds + +.bg-variant(@color) { + background-color: @color; + a&:hover, + a&:focus { + background-color: darken(@color, 10%); + } +} diff --git a/public/assets/less/e-commerce/bootstrap/mixins/border-radius.less b/public/assets/less/e-commerce/bootstrap/mixins/border-radius.less new file mode 100755 index 0000000..ca05dbf --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/mixins/border-radius.less @@ -0,0 +1,18 @@ +// Single side border-radius + +.border-top-radius(@radius) { + border-top-right-radius: @radius; + border-top-left-radius: @radius; +} +.border-right-radius(@radius) { + border-bottom-right-radius: @radius; + border-top-right-radius: @radius; +} +.border-bottom-radius(@radius) { + border-bottom-right-radius: @radius; + border-bottom-left-radius: @radius; +} +.border-left-radius(@radius) { + border-bottom-left-radius: @radius; + border-top-left-radius: @radius; +} diff --git a/public/assets/less/e-commerce/bootstrap/mixins/buttons.less b/public/assets/less/e-commerce/bootstrap/mixins/buttons.less new file mode 100755 index 0000000..6875a97 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/mixins/buttons.less @@ -0,0 +1,68 @@ +// Button variants +// +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons + +.button-variant(@color; @background; @border) { + color: @color; + background-color: @background; + border-color: @border; + + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 25%); + } + &:hover { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + } + &:active, + &.active, + .open > .dropdown-toggle& { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + + &:hover, + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 17%); + border-color: darken(@border, 25%); + } + } + &:active, + &.active, + .open > .dropdown-toggle& { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + + .badge { + color: @background; + background-color: @color; + } +} + +// Button sizes +.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; +} diff --git a/public/assets/less/e-commerce/bootstrap/mixins/center-block.less b/public/assets/less/e-commerce/bootstrap/mixins/center-block.less new file mode 100755 index 0000000..d18d6de --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/mixins/center-block.less @@ -0,0 +1,7 @@ +// Center-align a block level element + +.center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} diff --git a/public/assets/less/e-commerce/bootstrap/mixins/clearfix.less b/public/assets/less/e-commerce/bootstrap/mixins/clearfix.less new file mode 100755 index 0000000..3f7a382 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/mixins/clearfix.less @@ -0,0 +1,22 @@ +// Clearfix +// +// 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 are clearfixed. +// 2. The use of `table` rather than `block` is only necessary if using +// `:before` to contain the top-margins of child elements. +// +// Source: http://nicolasgallagher.com/micro-clearfix-hack/ + +.clearfix() { + &:before, + &:after { + content: " "; // 1 + display: table; // 2 + } + &:after { + clear: both; + } +} diff --git a/public/assets/less/e-commerce/bootstrap/mixins/forms.less b/public/assets/less/e-commerce/bootstrap/mixins/forms.less new file mode 100755 index 0000000..6f55ed9 --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/mixins/forms.less @@ -0,0 +1,85 @@ +// Form validation states +// +// Used in forms.less to generate the form validation CSS for warnings, errors, +// and successes. + +.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { + // Color the label and help text + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label { + color: @text-color; + } + // Set the border and box shadow on specific inputs to match + .form-control { + border-color: @border-color; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + &:focus { + border-color: darken(@border-color, 10%); + @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); + .box-shadow(@shadow); + } + } + // Set validation states also for addons + .input-group-addon { + color: @text-color; + border-color: @border-color; + background-color: @background-color; + } + // Optional feedback icon + .form-control-feedback { + color: @text-color; + } +} + + +// Form control focus state +// +// Generate a customized focus state and for any input with the specified color, +// which defaults to the `@input-border-focus` variable. +// +// We highly encourage you to not customize the default value, but instead use +// this to tweak colors on an as-needed basis. This aesthetic change is based on +// WebKit's default styles, but applicable to a wider range of browsers. Its +// usability and accessibility should be taken into account with any change. +// +// Example usage: change the default blue border and shadow to white for better +// contrast against a dark gray background. +.form-control-focus(@color: @input-border-focus) { + @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); + &:focus { + border-color: @color; + outline: 0; + .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); + } +} + +// Form control sizing +// +// Relative text size, padding, and border-radii changes for form controls. For +// horizontal sizing, wrap controls in the predefined grid classes. `` background color +@input-bg: #fff; +//** `` background color +@input-bg-disabled: @gray-lighter; + +//** Text color for ``s +@input-color: @gray; +//** `` border color +@input-border: #ccc; + +// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +//** Default `.form-control` border radius +// This has no effect on ``s in CSS. +@input-border-radius: @border-radius-base; +//** Large `.form-control` border radius +@input-border-radius-large: @border-radius-large; +//** Small `.form-control` border radius +@input-border-radius-small: @border-radius-small; + +//** Border color for inputs on focus +@input-border-focus: #66afe9; + +//** Placeholder text color +@input-color-placeholder: #999; + +//** Default `.form-control` height +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); +//** Large `.form-control` height +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); +//** Small `.form-control` height +@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); + +//** `.form-group` margin +@form-group-margin-bottom: 15px; + +@legend-color: @gray-dark; +@legend-border-color: #e5e5e5; + +//** Background color for textual input addons +@input-group-addon-bg: @gray-lighter; +//** Border color for textual input addons +@input-group-addon-border-color: @input-border; + +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +@dropdown-bg: #fff; +//** Dropdown menu `border-color`. +@dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +@dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +@dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +@dropdown-link-color: @gray-dark; +//** Hover color for dropdown links. +@dropdown-link-hover-color: darken(@gray-dark, 5%); +//** Hover background for dropdown links. +@dropdown-link-hover-bg: #f5f5f5; + +//** Active dropdown menu item text color. +@dropdown-link-active-color: @component-active-color; +//** Active dropdown menu item background color. +@dropdown-link-active-bg: @component-active-bg; + +//** Disabled dropdown menu item background color. +@dropdown-link-disabled-color: @gray-light; + +//** Text color for headers within dropdown menus. +@dropdown-header-color: @gray-light; + +//** Deprecated `@dropdown-caret-color` as of v3.1.0 +@dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +@zindex-navbar: 1000; +@zindex-dropdown: 1000; +@zindex-popover: 1060; +@zindex-tooltip: 1070; +@zindex-navbar-fixed: 1030; +@zindex-modal-background: 1040; +@zindex-modal: 1050; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `@screen-xs` as of v3.0.1 +@screen-xs: 480px; +//** Deprecated `@screen-xs-min` as of v3.2.0 +@screen-xs-min: @screen-xs; +//** Deprecated `@screen-phone` as of v3.0.1 +@screen-phone: @screen-xs-min; + +// Small screen / tablet +//** Deprecated `@screen-sm` as of v3.0.1 +@screen-sm: 768px; +@screen-sm-min: @screen-sm; +//** Deprecated `@screen-tablet` as of v3.0.1 +@screen-tablet: @screen-sm-min; + +// Medium screen / desktop +//** Deprecated `@screen-md` as of v3.0.1 +@screen-md: 992px; +@screen-md-min: @screen-md; +//** Deprecated `@screen-desktop` as of v3.0.1 +@screen-desktop: @screen-md-min; + +// Large screen / wide desktop +//** Deprecated `@screen-lg` as of v3.0.1 +@screen-lg: 1200px; +@screen-lg-min: @screen-lg; +//** Deprecated `@screen-lg-desktop` as of v3.0.1 +@screen-lg-desktop: @screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +@screen-xs-max: (@screen-sm-min - 1); +@screen-sm-max: (@screen-md-min - 1); +@screen-md-max: (@screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +@grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +@grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +@grid-float-breakpoint: @screen-sm-min; +//** Point at which the navbar begins collapsing. +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +@container-tablet: (720px + @grid-gutter-width); +//** For `@screen-sm-min` and up. +@container-sm: @container-tablet; + +// Medium screen / desktop +@container-desktop: (940px + @grid-gutter-width); +//** For `@screen-md-min` and up. +@container-md: @container-desktop; + +// Large screen / wide desktop +@container-large-desktop: (1140px + @grid-gutter-width); +//** For `@screen-lg-min` and up. +@container-lg: @container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +@navbar-height: 50px; +@navbar-margin-bottom: @line-height-computed; +@navbar-border-radius: @border-radius-base; +@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); +@navbar-collapse-max-height: 340px; + +@navbar-default-color: #777; +@navbar-default-bg: #f8f8f8; +@navbar-default-border: darken(@navbar-default-bg, 6.5%); + +// Navbar links +@navbar-default-link-color: #777; +@navbar-default-link-hover-color: #333; +@navbar-default-link-hover-bg: transparent; +@navbar-default-link-active-color: #555; +@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); +@navbar-default-link-disabled-color: #ccc; +@navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +@navbar-default-brand-color: @navbar-default-link-color; +@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); +@navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +@navbar-default-toggle-hover-bg: #ddd; +@navbar-default-toggle-icon-bar-bg: #888; +@navbar-default-toggle-border-color: #ddd; + + +//=== Inverted navbar +// Reset inverted navbar basics +@navbar-inverse-color: lighten(@gray-light, 15%); +@navbar-inverse-bg: #222; +@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); + +// Inverted navbar links +@navbar-inverse-link-color: lighten(@gray-light, 15%); +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-hover-bg: transparent; +@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; +@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); +@navbar-inverse-link-disabled-color: #444; +@navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +@navbar-inverse-brand-color: @navbar-inverse-link-color; +@navbar-inverse-brand-hover-color: #fff; +@navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: #333; +@navbar-inverse-toggle-icon-bar-bg: #fff; +@navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +@nav-link-padding: 10px 15px; +@nav-link-hover-bg: @gray-lighter; + +@nav-disabled-link-color: @gray-light; +@nav-disabled-link-hover-color: @gray-light; + +//== Tabs +@nav-tabs-border-color: #ddd; + +@nav-tabs-link-hover-border-color: @gray-lighter; + +@nav-tabs-active-link-hover-bg: @body-bg; +@nav-tabs-active-link-hover-color: @gray; +@nav-tabs-active-link-hover-border-color: #ddd; + +@nav-tabs-justified-link-border-color: #ddd; +@nav-tabs-justified-active-link-border-color: @body-bg; + +//== Pills +@nav-pills-border-radius: @border-radius-base; +@nav-pills-active-link-hover-bg: @component-active-bg; +@nav-pills-active-link-hover-color: @component-active-color; + + +//== Pagination +// +//## + +@pagination-color: @link-color; +@pagination-bg: #fff; +@pagination-border: #ddd; + +@pagination-hover-color: @link-hover-color; +@pagination-hover-bg: @gray-lighter; +@pagination-hover-border: #ddd; + +@pagination-active-color: #fff; +@pagination-active-bg: @brand-primary; +@pagination-active-border: @brand-primary; + +@pagination-disabled-color: @gray-light; +@pagination-disabled-bg: #fff; +@pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +@pager-bg: @pagination-bg; +@pager-border: @pagination-border; +@pager-border-radius: 15px; + +@pager-hover-bg: @pagination-hover-bg; + +@pager-active-bg: @pagination-active-bg; +@pager-active-color: @pagination-active-color; + +@pager-disabled-color: @pagination-disabled-color; + + +//== Jumbotron +// +//## + +@jumbotron-padding: 30px; +@jumbotron-color: inherit; +@jumbotron-bg: @gray-lighter; +@jumbotron-heading-color: inherit; +@jumbotron-font-size: ceil((@font-size-base * 1.5)); +@jumbotron-heading-font-size: ceil((@font-size-base * 4.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +@tooltip-max-width: 200px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: #000; +@tooltip-opacity: .9; + +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +@popover-bg: #fff; +//** Popover maximum width +@popover-max-width: 276px; +//** Popover border color +@popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +@popover-fallback-border-color: #ccc; + +//** Popover title background color +@popover-title-bg: darken(@popover-bg, 3%); + +//** Popover arrow width +@popover-arrow-width: 10px; +//** Popover arrow color +@popover-arrow-color: @popover-bg; + +//** Popover outer arrow width +@popover-arrow-outer-width: (@popover-arrow-width + 1); +//** Popover outer arrow color +@popover-arrow-outer-color: fadein(@popover-border-color, 5%); +//** Popover outer arrow fallback color +@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +@label-default-bg: @gray-light; +//** Primary label background color +@label-primary-bg: @brand-primary; +//** Success label background color +@label-success-bg: @brand-success; +//** Info label background color +@label-info-bg: @brand-info; +//** Warning label background color +@label-warning-bg: @brand-warning; +//** Danger label background color +@label-danger-bg: @brand-danger; + +//** Default label text color +@label-color: #fff; +//** Default text color of a linked label +@label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +@modal-inner-padding: 15px; + +//** Padding applied to the modal title +@modal-title-padding: 15px; +//** Modal title line-height +@modal-title-line-height: @line-height-base; + +//** Background color of modal content area +@modal-content-bg: #fff; +//** Modal content border color +@modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +@modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +@modal-backdrop-bg: #000; +//** Modal backdrop opacity +@modal-backdrop-opacity: .5; +//** Modal header border color +@modal-header-border-color: #e5e5e5; +//** Modal footer border color +@modal-footer-border-color: @modal-header-border-color; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +@alert-padding: 15px; +@alert-border-radius: @border-radius-base; +@alert-link-font-weight: bold; + +@alert-success-bg: @state-success-bg; +@alert-success-text: @state-success-text; +@alert-success-border: @state-success-border; + +@alert-info-bg: @state-info-bg; +@alert-info-text: @state-info-text; +@alert-info-border: @state-info-border; + +@alert-warning-bg: @state-warning-bg; +@alert-warning-text: @state-warning-text; +@alert-warning-border: @state-warning-border; + +@alert-danger-bg: @state-danger-bg; +@alert-danger-text: @state-danger-text; +@alert-danger-border: @state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +@progress-border-radius: @border-radius-base; + +//** Default progress bar color +@progress-bar-bg: @brand-primary; +//** Success progress bar color +@progress-bar-success-bg: @brand-success; +//** Warning progress bar color +@progress-bar-warning-bg: @brand-warning; +//** Danger progress bar color +@progress-bar-danger-bg: @brand-danger; +//** Info progress bar color +@progress-bar-info-bg: @brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list items on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list items +@list-group-active-color: @component-active-color; +//** Background color of active list items +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +//** Text color for content within active list items +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +//** Text color of disabled list items +@list-group-disabled-color: @gray-light; +//** Background color of disabled list items +@list-group-disabled-bg: @gray-lighter; +//** Text color for content within disabled list items +@list-group-disabled-text-color: @list-group-disabled-color; + +@list-group-link-color: #555; +@list-group-link-hover-color: @list-group-link-color; +@list-group-link-heading-color: #333; + + +//== Panels +// +//## + +@panel-bg: #fff; +@panel-body-padding: 15px; +@panel-heading-padding: 10px 15px; +@panel-footer-padding: @panel-heading-padding; +@panel-border-radius: @border-radius-base; + +//** Border color for elements within panels +@panel-inner-border: #ddd; +@panel-footer-bg: #f5f5f5; + +@panel-default-text: @gray-dark; +@panel-default-border: #ddd; +@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: @brand-primary; +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: @state-success-text; +@panel-success-border: @state-success-border; +@panel-success-heading-bg: @state-success-bg; + +@panel-info-text: @state-info-text; +@panel-info-border: @state-info-border; +@panel-info-heading-bg: @state-info-bg; + +@panel-warning-text: @state-warning-text; +@panel-warning-border: @state-warning-border; +@panel-warning-heading-bg: @state-warning-bg; + +@panel-danger-text: @state-danger-text; +@panel-danger-border: @state-danger-border; +@panel-danger-heading-bg: @state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + +//** Custom text color for thumbnail captions +@thumbnail-caption-color: @text-color; +//** Padding around the thumbnail caption +@thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +@well-bg: #f5f5f5; +@well-border: darken(@well-bg, 7%); + + +//== Badges +// +//## + +@badge-color: #fff; +//** Linked badge text color on hover +@badge-link-hover-color: #fff; +@badge-bg: @gray-light; + +//** Badge text color in active nav link +@badge-active-color: @link-color; +//** Badge background color in active nav link +@badge-active-bg: #fff; + +@badge-font-weight: bold; +@badge-line-height: 1; +@badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +@breadcrumb-padding-vertical: 8px; +@breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +@breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +@breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +@breadcrumb-active-color: @gray-light; +//** Textual separator for between breadcrumb elements +@breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +@carousel-control-color: #fff; +@carousel-control-width: 15%; +@carousel-control-opacity: .5; +@carousel-control-font-size: 20px; + +@carousel-indicator-active-bg: #fff; +@carousel-indicator-border-color: #fff; + +@carousel-caption-color: #fff; + + +//== Close +// +//## + +@close-font-weight: bold; +@close-color: #000; +@close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +@code-color: #c7254e; +@code-bg: #f9f2f4; + +@kbd-color: #fff; +@kbd-bg: #333; + +@pre-bg: #f5f5f5; +@pre-color: @gray-dark; +@pre-border-color: #ccc; +@pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; +//** Width of horizontal description list titles +@dl-horizontal-offset: @component-offset-horizontal; +//** Horizontal line color. +@hr-border: @gray-lighter; diff --git a/public/assets/less/e-commerce/bootstrap/wells.less b/public/assets/less/e-commerce/bootstrap/wells.less new file mode 100755 index 0000000..15d072b --- /dev/null +++ b/public/assets/less/e-commerce/bootstrap/wells.less @@ -0,0 +1,29 @@ +// +// Wells +// -------------------------------------------------- + + +// Base class +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: @well-bg; + border: 1px solid @well-border; + border-radius: @border-radius-base; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + blockquote { + border-color: #ddd; + border-color: rgba(0,0,0,.15); + } +} + +// Sizes +.well-lg { + padding: 24px; + border-radius: @border-radius-large; +} +.well-sm { + padding: 9px; + border-radius: @border-radius-small; +} diff --git a/public/assets/less/e-commerce/components/_badge_label.less b/public/assets/less/e-commerce/components/_badge_label.less new file mode 100755 index 0000000..4069fdd --- /dev/null +++ b/public/assets/less/e-commerce/components/_badge_label.less @@ -0,0 +1,42 @@ +/* Badge & Label Setting */ + +.badge { + font-size: 75%; + line-height: 1.25; + font-weight: 600; +} +.label { + font-size: 75%; + font-weight: 600; +} +.badge.badge-square { + .border-radius(0); +} +.badge.badge-default, +.label.label-default { + background: @grey; +} +.badge.badge-danger, +.label.label-danger { + background: @red; +} +.badge.badge-warning, +.label.label-warning { + background: @orange; +} +.badge.badge-success, +.label.label-success { + background: @green; +} +.badge.badge-info, +.label.label-info { + background: @aqua ; +} +.badge.badge-primary, +.label.label-primary { + background: @blue ; +} +.badge.badge-inverse, +.label.label-inverse { + background: @black ; +} diff --git a/public/assets/less/e-commerce/components/_button.less b/public/assets/less/e-commerce/components/_button.less new file mode 100755 index 0000000..af6f4ea --- /dev/null +++ b/public/assets/less/e-commerce/components/_button.less @@ -0,0 +1,145 @@ +/* Button */ + +.btn { + font-size: 14px; + font-weight: 500; + .border-radius(3px); + + &.btn-outline { + color: #fff; + border-width: 2px; + border-color: #8F8E8E; + background: none; + + :hover, + :focus { + border-color: #fff; + } + } + &:focus, + &:active:focus, + &.active:focus { + outline: none; + } +} +.btn-icon, +.btn.btn-icon { + display: inline-block; + width: 28px; + height: 28px; + padding: 0; + border: none; + line-height: 28px; + text-align: center; + font-size: 14px; + + &.btn-xs { + width: 16px; + height: 16px; + font-size: 8px; + line-height: 16px; + } + &.btn-sm { + width: 22px; + height: 22px; + font-size: 11px; + line-height: 22px; + } + &.btn-lg { + width: 34px; + height: 34px; + font-size: 17px; + line-height: 34px; + } + & > .pull-left, + & > .pull-right { + line-height: 1.428571429; + } +} + +.btn-circle, +.btn.btn-circle { + .border-radius(50%); +} +.btn-scroll-to-top { + position: fixed; + bottom: 20px; + right: 25px; + z-index: 1020; +} +.page-with-right-sidebar .btn-scroll-to-top { + left: 25px; + right: auto; +} +.btn-block { + padding-left: 12px; + padding-right: 12px; +} + + +/* + Button Generator (inside _mixins.less) + ---------------- + .generate-button-styling(@buttonClassName; @defaultColor; @hoverColor;); +*/ + +// .btn-default +.generate-button-styling(btn-default; @grey; @dark_grey); + +// .btn-inverse +.generate-button-styling(btn-inverse; @black; @dark_black); + +// .btn-primary +.generate-button-styling(btn-primary; @blue; @dark_blue); + +// .btn-success +.generate-button-styling(btn-success; @green; @dark_green); + +// .btn-warning +.generate-button-styling(btn-warning; @orange; @dark_orange); + +// .btn-danger +.generate-button-styling(btn-danger; @red; @dark_red); + +// .btn-info +.generate-button-styling(btn-info; @aqua; @dark_aqua); + +// .btn-white +.btn.btn-white { + font-weight: normal; + color: #333; + background: @white; + border-color: #e2e7eb; + + &:hover, + &:focus, + &:active, + &.active { + background: #e2e7eb; + border-color: #d8dde1; + } + + &.btn-white-without-border { + border-color: @white; + + &.active, + &.active:hover, + &.active:focus { + border-color: #ddd; + } + &:hover, + &focus { + border-color: #eee; + } + } +} +.open .dropdown-toggle.btn-white { + background: #e2e7eb; + border-color: #d8dde1; +} +.btn-group .btn.btn-white:not(.active) + .btn.btn-white, +.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { + border-left-color: #eee; +} + + diff --git a/public/assets/less/e-commerce/components/_dropdown_menu.less b/public/assets/less/e-commerce/components/_dropdown_menu.less new file mode 100755 index 0000000..aec2202 --- /dev/null +++ b/public/assets/less/e-commerce/components/_dropdown_menu.less @@ -0,0 +1,149 @@ +/* Dropdown Menu */ + +.dropdown-menu { + font-size: 12px; + border: none; + box-shadow: 0 2px 2px rgba(0,0,0,0.15); +} +.dropdown .arrow { + display: none; + position: relative; + z-index: 1020; +} +.dropdown.dropdown-hover:hover .arrow, +.dropdown.dropdown-hover:focus .arrow, +.dropdown.open .arrow { + display: block; +} +.dropdown .arrow:before, +.dropdown .arrow:after { + content: ''; + position: absolute; + left: 50%; + margin-left: -7px; +} +.dropdown .arrow.top:before, +.dropdown .arrow.top:after { + border: 7px solid transparent; + border-bottom-color: #00acac; + top: -2px; +} +.dropdown .arrow.top:before { + border-bottom-color: #00acac; + top: -3px; +} +.dropdown.dropdown-full-width { + position: initial; +} +.dropdown.dropdown-full-width .dropdown-menu { + left: 0; + right: 0; + top: 100%; +} + + +/* Dropdown Menu Container Setting */ + +.dropdown-menu-container { + display: table; + width: 100%; + min-width: 700px; + padding: 25px 10px; +} +.dropdown-menu-sidebar { + display: table-cell; + width: 240px; + min-width: 240px; + vertical-align: top; + padding: 5px 20px; +} +.dropdown-menu-content { + display: table-cell; + padding: 5px 20px; + vertical-align: top; +} +.dropdown-menu-sidebar + .dropdown-menu-content { + border-left: 1px solid #CCD0D4; + padding-left: 30px; +} +.dropdown-menu-list { + list-style-type: none; + margin: 0 0 15px; + padding: 0; +} +.dropdown-menu-list > li > a { + display: block; + line-height: 20px; + padding: 5px 0; + color: #212121; + font-size: 14px; +} +.dropdown-menu-list > li.active > a, +.dropdown-menu-list > li.active > a:hover, +.dropdown-menu-list > li.active > a:focus { + opacity: 0.5; + color: #575d63; +} +.dropdown-menu-list > li > a:hover, +.dropdown-menu-list > li > a:focus { + text-decoration: none; + color: #00acac; +} +.dropdown-menu-list > li > a i.pull-right { + font-size: 14px; + line-height: 20px; + display: none; +} +.dropdown-menu-container .title { + font-weight: 600; + margin: 0 0 15px; + font-size: 14px; +} +.dropdown-menu-list .dropdown-header { + padding: 5px 0; + line-height: 20px; + margin-bottom: 10px; + border-bottom: 1px solid #ddd; +} + + +/* Dropdown Brand List Setting */ + +.dropdown-brand-list { + list-style-type: none; + margin: 0 0 15px; + padding: 0; + white-space: nowrap; +} +.dropdown-brand-list > li { + display: inline-block; + padding: 0; +} +dropdown-brand-list > li + li { + padding-left: 30px; +} +.dropdown-brand-list > li a { + display: block; + height: 60px; + padding: 0 10px; + max-width: 120px; + line-height: 60px; + text-align: center; +} +.dropdown-brand-list > li img { + max-height: 100%; + max-width: 100%; + filter: url("data:image/svg+xml;utf8,#grayscale"); + filter: gray; + -webkit-filter: grayscale(100%); + opacity: 0.5; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; +} +.dropdown-brand-list > li:hover img, +.dropdown-brand-list > li:focus img { + filter: none; + -webkit-filter: none; + opacity: 1.0; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/components/_form.less b/public/assets/less/e-commerce/components/_form.less new file mode 100755 index 0000000..f6454f7 --- /dev/null +++ b/public/assets/less/e-commerce/components/_form.less @@ -0,0 +1,19 @@ +/* Form Label Setting */ + +label { + font-weight: 600; +} + + +/* Form Control Setting */ + +.form-control { + border: 1px solid #ccd0d4; + -webkit-box-shadow: none; + box-shadow: none; +} +.form-control:focus { + border-color: #9fa2a5; + -webkit-box-shadow: none; + box-shadow: none; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/components/_modal.less b/public/assets/less/e-commerce/components/_modal.less new file mode 100755 index 0000000..864c187 --- /dev/null +++ b/public/assets/less/e-commerce/components/_modal.less @@ -0,0 +1,38 @@ +/* Modal Setting */ + +.modal-content { + border: none; + .box-shadow(0 5px 15px rgba(0, 0, 0, 0.3)); + .border-radius(3px); +} +.modal-header { + padding: 12px 15px; + border-bottom-color: #e2e7eb; + + & .close { + margin-top: 2px; + } +} +.modal-body { + padding: 15px; +} +.modal-footer { + border-top-color: #e2e7eb; + padding: 14px 15px 15px; +} +.modal-backdrop.fade.in { + .opacity(0.5); +} +.modal-message .modal-dialog { + width: 100%; +} +.modal-message .modal-content { + .border-radius(0); +} +.modal-message .modal-header, +.modal-message .modal-body, +.modal-message .modal-footer { + width: 60%; + border: none; + margin: 0 auto; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/components/_pagination.less b/public/assets/less/e-commerce/components/_pagination.less new file mode 100755 index 0000000..4ed3390 --- /dev/null +++ b/public/assets/less/e-commerce/components/_pagination.less @@ -0,0 +1,61 @@ +/* Pagination & pager */ + +.pager li > a, +.pager li > span, +.pagination > li > a { + border-color: #e2e7eb; + color: @dark_black; +} +.pager.pager-without-border li > a, +.pager.pager-without-border li > span, +.pagination.pagination-without-border > li > a { + border-color: @white; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus, +.pager > .disabled > span, +.pager > .disabled > a { + .opacity(0.6); + border-color: #ddd; +} +.pagination > li > a { + color: @dark_black; + margin-left: 5px; + .border-radius(3px) !important; +} +.pagination > li:first-child > a { + margin-left: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + font-size: 10px; + margin-left: 4px; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + font-size: 14px; + margin-left: 6px; +} +.pager li > a:hover, +.pager li > a:focus, +.pager li > span:hover, +.pager li > span:focus, +.pagination > li > a:hover, +.pagination > li > a:focus { + color: @dark_black; + background: #e2e7eb; + border-color: #d8dde1; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + background: @dark_black !important; + border-color: @dark_black !important; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/components/_panel.less b/public/assets/less/e-commerce/components/_panel.less new file mode 100755 index 0000000..afc3ce5 --- /dev/null +++ b/public/assets/less/e-commerce/components/_panel.less @@ -0,0 +1,240 @@ +/* Panel */ + +.panel { + border: none; + .box-shadow(none); + .border-radius(3px); + + &.panel-no-rounded-corner .panel-heading, + &.panel-no-rounded-corner .panel-body, + &.panel-no-rounded-corner .panel-footer { + .border-radius(0) !important; + } + & .tab-content { + .border-radius(0 0 3px 3px); + } +} +.panel-heading { + padding: 10px 15px; + border: none; + + &+ .table, + &+ .slimScrollDiv { + border-top: 1px solid #eee; + } + & .panel-heading-btn { + float: right; + } + & .panel-heading-btn > a { + margin-left: 8px; + } + & .btn-group .btn { + margin-top: -7px; + } + & .btn-group .btn.btn-sm { + margin-top: -5px; + } + & .btn-group .btn.btn-xs { + margin-top: -1px; + } + & .label.pull-left, + & .label.pull-right { + line-height: 15px; + } + & .progress.pull-right, + & .progress.pull-left { + width: 40%; + min-width: 120px; + } + & + .alert { + margin-bottom: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + } + & .nav-tabs { + margin-top: -10px; + margin-right: -15px; + } + & .nav-tabs > li > a { + padding: 10px 15px; + line-height: 20px; + } +} +.panel-with-tabs.panel-default .panel-heading { + background: #c1ccd1; + color: #333; +} +.panel-title { + line-height: 20px; + font-size: 12px; + + & .accordion-toggle { + margin: -10px -15px; + padding: 10px 15px; + } + & .accordion-toggle.accordion-toggle-styled .fa:before { + content: '\f056'; + } + & .accordion-toggle.accordion-toggle-styled.collapsed .fa:before { + content: '\f055'; + } + & .pull-right { + line-height: 20px; + } + & a { + display: block; + margin: -10px -15px; + padding: 10px 15px; + } +} +.panel-toolbar { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + padding: 10px 15px; + background: #fff; + + & + .form-control { + margin: -1px 0 0; + border-right: none; + border-left: none; + } +} +.panel-group .panel { + .border-radius(3px); +} +.form-control + .panel-footer { + border-top: none; +} +.panel-body { + padding: 15px; + + &.no-border { + border: none !important; + } + &.panel-table, + &.panel-form, + &.no-padding, + &.panel-full-width { + padding: 0 !important; + } + &.with-table > .table { + border: 0; + margin: 0; + } + &.with-table > .table tr:last-child th, + &.with-table > .table tr:last-child td{ + border-bottom: 0; + } +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #eee; +} +.panel-footer { + background: #fff; + border-top: 1px solid #eee; +} +.panel-default > .panel-heading { + background: #fafafa; +} +.panel-inverse > .panel-heading, +.panel-success > .panel-heading, +.panel-warning > .panel-heading, +.panel-danger > .panel-heading, +.panel-primary > .panel-heading, +.panel-info > .panel-heading { + color: #fff; +} +.panel-inverse > .panel-heading { background: @dark_black; } +.panel-success > .panel-heading { background: @dark_green; } +.panel-warning > .panel-heading { background: @dark_orange; } +.panel-danger > .panel-heading { background: @dark_red; } +.panel-primary > .panel-heading { background: @dark_blue; } +.panel-info > .panel-heading { background: @dark_aqua; } + + +/* Panel Expand */ + +.panel.panel-expand { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + overflow: hidden; + z-index: 1080; + .border-radius(0); + + & .height-xs, + & .height-sm, + & .height-md, + & .height-lg, + & .height-full { + height: 100% !important; + } + + & > .panel-heading .fa.fa-expand:before { + content: '\f066'; + } + & > .panel-heading, + & > .panel-body { + .border-radius(0); + } + & > .panel-body { + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 40px; + overflow-y: scroll; + z-index: 1020; + } + & > .panel-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; + } +} +@keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +@-webkit-keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} + + +/* Panel loading */ + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +.panel.panel-loading { + & .panel-body { + position: relative; + z-index: 0; + } + &.panel-expand .panel-body { + position: absolute; + } + & .panel-loader { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + .opacity(0.9); + .animation(fadeIn .2s); + .border-radius(0 0 4px 4px); + z-index: 1040; + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/components/_theme_panel.less b/public/assets/less/e-commerce/components/_theme_panel.less new file mode 100755 index 0000000..d9b8f86 --- /dev/null +++ b/public/assets/less/e-commerce/components/_theme_panel.less @@ -0,0 +1,73 @@ +/* Theme Panel */ +.theme-panel { + position: fixed; + right: -180px; + top: 200px; + z-index: 1020; + width: 180px; + .transition(right .2s linear); + .box-shadow(0 0 2px rgba(0,0,0,.4)); + + & .theme-collapse-btn { + position: absolute; + left: -40px; + top: 50%; + margin-top: -20px; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; + color: #000; + background: #fff; + background: rgba(255,255,255,0.9); + text-align: center; + text-decoration: none; + .border-radius(4px 0 0 4px); + .box-shadow(0 0 2px rgba(0,0,0,.4)); + } + & .theme-panel-content { + padding: 5px; + background: #fff; + position: relative; + z-index: 1020; + } + & .theme-list { + list-style-type: none; + margin: 0; + padding: 0; + } + & .theme-list > li { + float: left; + + & + li { + margin-left: 5px; + } + & > a { + width: 30px; + height: 30px; + border-radius: 3px; + display: block; + position: relative; + text-decoration: none; + .transition(all .2s linear); + } + &.active > a:before { + content: '\f00c'; + font-family: FontAwesome; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + font-size: 14px; + color: #fff; + text-align: center; + line-height: 30px; + text-align: center; + .opacity(0.4); + } + } + &.active { + right: 0; + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/page-section/_about_us.less b/public/assets/less/e-commerce/page-section/_about_us.less new file mode 100755 index 0000000..6f3b9f7 --- /dev/null +++ b/public/assets/less/e-commerce/page-section/_about_us.less @@ -0,0 +1,48 @@ +/* About Us Element Setting */ + +.about-us { + padding: 60px 0; + + & h1 { + font-size: 72px; + font-weight: 300; + margin: 30px 0; + } + & p { + font-size: 28px; + font-weight: 300; + margin: 0 0 30px; + } +} + + +/* About Us Content Setting */ + +.about-us-content { + & > .title { + font-size: 48px; + font-weight: 300; + margin: 0 0 15px; + } + & > .desc { + font-size: 18px; + font-weight: 300; + margin: 0 0 30px; + } + & .service { + text-align: center; + padding: 20px; + } + & .service .icon { + font-size: 72px; + } + & .service .title { + margin: 5px 0; + font-size: 24px; + font-weight: normal; + } + & .service .desc { + font-size: 12px; + color: #999; + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/page-section/_account.less b/public/assets/less/e-commerce/page-section/_account.less new file mode 100755 index 0000000..995474e --- /dev/null +++ b/public/assets/less/e-commerce/page-section/_account.less @@ -0,0 +1,78 @@ +/* My Account Page Element Setting */ + +.account-container { + background: #fff; + position: relative; + .border-radius(6px); + + & .account-sidebar { + width: 300px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + padding: 20px 30px; + overflow: hidden; + .border-radius(6px 0 0 6px); + + & .account-sidebar-cover { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + + & img { + max-height: 100%; + } + &:before { + content: ''; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(36, 42, 48, 0.8); + } + } + & .account-sidebar-content { + position: relative; + color: #fff; + + & h4 { + font-size: 24px; + font-weight: 500; + } + & p { + color: rgba(255,255,255,0.75); + } + } + } + & .account-body { + margin-left: 300px; + padding: 20px 30px; + + & h4 { + font-weight: 500; + font-size: 20px; + line-height: 26px; + margin-bottom: 5px; + } + & .nav.nav-list { + margin-bottom: 30px; + + & > li > a { + padding: 0; + color: #777; + } + & > li + li { + margin-top: 5px; + } + & > li > a:hover, + & > li > a:focus { + background: none; + color: #212121; + } + } + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/page-section/_checkout.less b/public/assets/less/e-commerce/page-section/_checkout.less new file mode 100755 index 0000000..3cb65ba --- /dev/null +++ b/public/assets/less/e-commerce/page-section/_checkout.less @@ -0,0 +1,323 @@ +/* Checkout Element Setting */ + +.checkout { + background: #fff; + .border-radius(6px); +} +.checkout-header { + padding: 25px 30px; + background: #586269; + .border-radius(6px 6px 0 0); + + & .row > div + div { + border-left: 1px solid #3E4A52; + } +} +.checkout-body { + padding: 25px 30px; +} +.checkout-footer { + padding: 25px 30px; + text-align: right; + background: #85878A; + .border-radius(0 0 6px 6px); + + &.btn.btn-white { + border-color: #fff; + } +} +.checkout-title { + font-size: 14px; + margin: 0 0 30px; + font-weight: bold; + + & small { + display: block; + font-size: 14px; + line-height: 20px; + margin-top: 2px; + } +} +.checkout-info-list { + font-size: 12px; + padding-left: 20px; + margin: 0; +} + + +/* Checkout Payment Type Setting */ + +.checkout .payment-type { + font-size: 28px; + margin: 0; + + & > li { + float: left; + line-height: 34px; + padding: 0; + } + & > li a { + color: #9c9c9c; + } + & > li.active a { + color: #212121; + } + & > li + li { + margin-left: 10px; + } +} + + +/* Checkout Question List Setting */ + +.checkout-question-list { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 14px; + + & > li + li { + margin-top: 10px; + } + & .question a { + display: block; + text-decoration: none; + line-height: 20px; + } + & .question, + & .question a { + color: #212121; + } + & .answer { + font-size: 13px; + padding-left: 20px; + color: #7D7E80; + } + & .dash { + width: 20px; + float: left; + text-align: center; + } +} + + +/* Checkout Step Setting */ + +.step { + .clearfix(); + + & a { + color: #AEB7BD; + display: block; + text-decoration: none; + + &:hover, + &:focus { + color: #fff; + } + } + & .number { + float: left; + font-size: 24px; + font-weight: 300; + width: 30px; + height: 24px; + text-align: center; + line-height: 24px; + margin-top: 5px; + margin-bottom: 5px; + position: relative; + } + & .number:before { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: -8px; + height: 2px; + background: #AEB7BD; + } + &.active .number:before { + background: #00acac; + } + & .info { + margin-left: 40px; + } + & .desc { + font-size: 13px; + color: #AEB7BD; + } + & .title { + font-size: 16px; + } + &.active .number, + &.active .title { + color: #fff; + } +} + + +/* Checkout Table Cart Setting */ + +.table.table-cart { + & th { + border: none; + font-size: 14px; + font-weight: 600; + } + & th { + padding: 10px 20px 5px; + } + & td { + padding: 15px 20px; + } + & .cart-product .product-img { + float: left; + width: 120px; + } + & .cart-product .product-img img { + max-width: 100%; + } + & .cart-product .product-info { + margin-left: 130px; + } + & .cart-product .product-info .title { + font-weight: 600; + } + & .cart-product .product-info .desc { + color: #666; + font-size: 12px; + } +} + + +/* Checkout Cart Qty Setting */ + +.cart-qty { + width: 160px; +} +.cart-total, +.cart-control { + width: 100px; +} +.cart-qty .qty-desc { + font-size: 12px; + color: #9c9c9c; + margin-top: 5px; +} +.cart-qty-input { + display: table; + width: 100%; + + & .qty-control, + & .form-control { + display: table-cell; + float: none; + width: auto; + } + & .form-control { + width: 34px; + margin: 0 5px; + padding-left: 5px; + padding-right: 5px; + text-align: center; + } + & .qty-control { + color: #212121; + width: 34px; + border-radius: 34px; + } + & .qty-control:hover, + & .qty-control:focus { + background: #f3f4f5; + } +} + + +/* Checkout Summary Setting */ + +.summary-container { + float: right; + width: 360px; + text-align: right; + + & .summary-row { + display: table; + width: 100%; + } + & .field, + & .value { + display: table-cell; + width: 40%; + } + & .value { + width: 60%; + } + & .summary-row + .summary-row { + margin-top: 5px; + } + & .summary-row.total { + border-top: 1px solid #c5ced4; + margin-top: 10px; + font-size: 16px; + font-weight: 600; + margin-bottom: -20px; + } + & .summary-row.total .field, + & .summary-row.total .value { + padding-top: 10px; + } +} + + +/* Checkout Message Setting */ + +.checkout-message { + padding: 20px 40px; + + & h1 { + margin: 0 0 30px; + font-size: 36px; + font-weight: 300; + text-align: center; + + & small { + display: block; + font-size: 18px; + line-height: 24px; + font-weight: 300; + margin-top: 5px; + } + } +} +.table.table-payment-summary { + border-bottom: 1px solid #ddd; + margin-bottom: 30px; + + & th, + & td { + padding: 10px 15px; + font-size: 16px; + } + & .field { + font-weight: 600; + text-align: right; + width: 50%; + } + & .product-summary .product-summary-img { + float: left; + width: 120px; + margin-right: 10px; + } + & .product-summary .product-summary-img img { + max-width: 100%; + } + & .product-summary .product-summary-info .title { + font-weight: 600; + font-size: 16px; + } + & .product-summary .product-summary-info .desc { + font-size: 14px; + color: #9c9c9c; + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/page-section/_home.less b/public/assets/less/e-commerce/page-section/_home.less new file mode 100755 index 0000000..46c6e3c --- /dev/null +++ b/public/assets/less/e-commerce/page-section/_home.less @@ -0,0 +1,456 @@ +/* Carousel Element Setting */ + +.carousel { + & .container { + position: relative; + } + & .product-img { + position: absolute; + top: 40px; + max-height: 370px; + } + & .product-img.left { + left: 60px; + } + & .product-img.right { + right: 60px; + } + & .product-img.bottom { + bottom: 0; + } + & .bg-cover-img { + max-width: 100%; + position: absolute; + min-height: 100%; + } +} +.carousel-control { + background: rgba(0,0,0,0.55) !important; + height: 60px; + width: 40px; + top: 50%; + margin-top: -30px; + + & i, + & .glyphicon { + display: block; + margin: 0; + text-align: center; + line-height: 60px; + position: initial; + height: 60px; + font-size: 32px; + } +} +.carousel-caption-right { + text-align: right; +} +.carousel-caption-left { + text-align: left; +} +.carousel-caption { + text-shadow: none; + right: 0; + left: 0; + bottom: auto; + top: 60px; + bottom: 60px; + font-weight: 300; + + & .container { + padding: 0 60px; + } + & .title { + font-size: 64px; + margin: 0; + } + & .price { + font-size: 36px; + margin: 0; + font-weight: 600; + } + & .price small { + font-size: 24px; + } + & .price span { + background: rgba(0,0,0,0.5); + color: #fff; + padding-left: 10px; + padding-right: 10px; + } + & .btn { + border: 2px solid #fff; + color: #fff; + padding-left: 30px; + padding-right: 30px; + margin-top: 30px; + .border-radius(6px); + + &:hover, + &:focus { + background: rgba(255,255,255,0.25); + } + } + & p { + margin-bottom: 0; + font-size: 26px; + } + &.text-inverse .btn { + border-color: #333; + color: #333; + font-weight: 600; + } +} +.slider .carousel, +.carousel .carousel-inner, +.carousel .carousel-inner .item { + min-height: 450px; +} +.carousel-indicators li { + border-width: 2px; +} + + +/* Item Element Setting */ + +.item { + background: #fff; + + &.item-thumbnail { + border: 1px solid #c5ced4; + .border-radius(3px); + + & a, + & a:hover, + & a:focus { + text-decoration: none; + } + & .item-image { + height: 130px; + text-align: center; + padding: 15px; + line-height: 100px; + display: block; + position: relative; + + & .discount { + position: absolute; + bottom: 0; + right: 15px; + line-height: 20px; + padding: 2px 10px; + color: #fff; + background: #2d353c; + font-weight: 600; + font-size: 13px; + } + & img { + max-width: 100%; + max-height: 100%; + } + } + & .item-info { + padding: 15px; + text-align: center; + } + & .item-title { + margin: 0 0 3px; + } + & .item-title, + & .item-title a { + font-weight: 600; + color: #212121; + font-size: 14px; + line-height: 18px; + max-height: 36px; + overflow: hidden; + } + & .item-title a:hover, + & .item-title a:focus { + color: #009688; + } + & .item-desc { + margin: 0; + font-size: 12px; + color: #707478; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + & .item-discount-price { + font-size: 12px; + color: #999; + text-decoration: line-through; + } + & .item-price { + margin: 3px 0; + font-size: 16px; + color: #009688; + font-weight: 600; + } + } +} + + +/* Promotion Element Setting */ + +.promotion { + position: relative; + padding-top: 165px; + overflow: hidden; + + & + .promotion { + margin-top: 10px; + } + &.promotion-lg { + padding-top: 340px; + } +} +.promotion-image { + position: absolute; + left: 15px; + top: 15px; + bottom: 15px; + right: 15px; +} +.promotion-lg .promotion-image { + left: 30px; + top: 30px; + bottom: 30px; + right: 30px; +} +.promotion-image.promotion-image-overflow-bottom { + top: auto; + bottom: -30px; +} +.promotion-image.promotion-image-overflow-top { + bottom: auto; + top: -30px; +} +.promotion-image.promotion-image-overflow-left { + left: -30px; +} +.promotion-image.promotion-image-overflow-right { + right: -30px; +} +.promotion-image.promotion-image-overflow-top.promotion-image-overflow-bottom { + top: -30px; + bottom: -30px; +} +.promotion-image img { + max-width: 100%; + max-height: 100%; +} +.promotion-caption { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; +} +.promotion-lg .promotion-caption { + padding: 30px; +} +.promotion-title { + color: #212121; + margin: 0 0 5px; + font-size: 20px; +} +.promotion-lg .promotion-title { + font-size: 36px; + margin: 0 0 10px; +} +.promotion-desc { + font-size: 12px; + margin-bottom: 15px; + color: #666; +} +.promotion-lg .promotion-desc { + font-size: 14px; + margin-bottom: 30px; +} +.promotion-btn { + padding: 5px 10px; + border: 1px solid #212121; + color: #212121; + display: inline-block; + font-size: 12px; + .border-radius(4px); +} +.promotion-lg .promotion-btn { + padding: 10px 20px; + font-size: 14px; + border: 2px solid #212121; +} +.promotion-btn:hover, +.promotion-btn:focus, +.promotion-caption-inverse .promotion-btn:hover, +.promotion-caption-inverse .promotion-btn:focus { + border-color: #fff; + color: #212121; + text-decoration: none; + background: #fff; +} +.promotion-price { + font-size: 16px; + margin-bottom: 5px; +} +.promotion-lg .promotion-price { + font-size: 24px; + margin-bottom: 10px; +} +.promotion-price small { + font-size: 12px; +} +.promotion-lg .promotion-price small { + font-size: 14px; +} +.promotion-caption-inverse { + color: #fff; +} +.promotion-caption-inverse .promotion-title, +.promotion-caption-inverse .promotion-price, +.promotion-caption-inverse .promotion-desc { + color: #fff; +} +.promotion-lg .promotion-caption-inverse .promotion-desc { + color: rgba(255,255,255,0.5); +} +.promotion-caption-inverse .promotion-btn { + border-color: rgba(255,255,255,0.25); + color: rgba(255,255,255,0.75); +} + + +/* Category Element Setting */ + +.category-container { + border: 1px solid #ccc; + background: #fff; + .border-radius(3px); + .clearfix(); + + & .category-sidebar { + width: 250px; + float: left; + padding: 20px; + } +} +.category-sidebar .category-list { + list-style-type: none; + margin: 0; + padding: 0; + + & > li + li { + border-top: 1px solid #eee; + } + & > li.list-header { + font-size: 12px; + color: #ccc; + font-weight: bold; + padding-bottom: 10px; + text-transform: uppercase; + } + & > li > a { + color: #444; + font-weight: 600; + display: block; + padding: 8px 0px; + line-height: 20px; + } + & > li > a:hover, + & > li > a:focus { + color: #212121; + text-decoration: none; + } +} +.category-container .category-sidebar + .category-detail { + margin-left: 250px; +} +.category-item.full { + float: left; + height: 525px; + overflow: hidden; + width: 300px; + margin: -1px 0; + display: block; + + & + .category-item { + margin-left: 300px; + } + & .item { + height: 100%; + position: relative; + } + & .item .item-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1000; + } + & .item .item-cover img { + max-height: 100%; + } + & .item .item-info { + padding: 20px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1020; + } + & .item .item-info.top { + bottom: auto; + top: 0; + } + & .item .item-info.bottom { + top: auto; + bottom: 0; + } + & .item:before { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0,0,0,0.5); + z-index: 1010; + } + & .item .item-info { + color: rgba(255,255,255,0.75); + } + & .item .item-title { + margin: 0 0 5px; + font-size: 16px; + line-height: 22px; + } + & .item .item-desc { + font-size: 13px; + margin: 0 0 5px; + } + & .item .item-price { + font-size: 24px; + color: #fff; + } + & .item .item-info a { + color: #fff; + } +} +.category-item.list .item-row + .item-row .item { + border-top: 1px solid #ccc; +} +.category-item.list .item { + float: left; + width: 33.33%; + border: none; + .border-radius(0); +} +.category-item.list .item + .item { + border-left: 1px solid #ccc; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/page-section/_product_detail.less b/public/assets/less/e-commerce/page-section/_product_detail.less new file mode 100755 index 0000000..0154b92 --- /dev/null +++ b/public/assets/less/e-commerce/page-section/_product_detail.less @@ -0,0 +1,447 @@ +/* Product Element Setting */ + +.product { + background: #fff; + border: 1px solid #c5ced4; + .border-radius(3px); + .clearfix(); +} +.product-detail { + display: table; + width: 100%; +} + + +/* Product Thumbnail Setting */ + +.product-image, +.product-info { + display: table-cell; + vertical-align: top; +} +.product-main-image { + margin-left: 80px; + padding: 20px; + height: 525px; + width: 450px; + text-align: center; +} +.product-thumbnail { + width: 80px; + float: left; + padding: 20px; + max-height: 525px; + overflow: scroll; +} +.product-thumbnail-list { + list-style-type: none; + margin: 0; + padding: 0; + + & > li a { + display: block; + text-decoration: none; + border: 1px solid #c5ced4; + background: #fff; + height: 60px; + padding: 4px; + line-height: 50px; + text-align: center; + } + & > li + li { + margin-top: 10px; + } + & > li.active a { + border-color: #212121; + } + & > li a img { + max-width: 100%; + max-height: 100%; + position: relative; + } +} + + +/* Product Image Setting */ + +.product-image { + width: 530px; + + & img { + max-width: 100%; + } +} +.product-main-image img { + max-height: 100%; +} + + +/* Product Info Setting */ + +.product-info { + padding: 20px 30px; + margin-bottom: 20px; + font-size: 13px; +} +.product-info-header { + padding-bottom: 15px; + margin-bottom: 15px; + border-bottom: 1px solid #D8E0E4; +} +.product-title { + margin: 0; + font-size: 20px; + font-weight: 600; + line-height: 24px; + + & .label { + padding: 5px 6px; + font-size: 12px; + display: block; + max-width: 70px; + margin-bottom: 7px; + } +} + + +/* Product Availability Setting */ + +.product-availability { + font-size: 18px; +} + + +/* Product Info List Setting */ + +.product-info-list { + color: #636363; + list-style-type: none; + margin: 0 0 15px; + padding: 0 0 15px; + line-height: 20px; + border-bottom: 1px solid #D8E0E4; + + & > li { + position: relative; + padding-left: 20px; + } + & > li + li { + margin-top: 3px; + } + & > li .fa { + position: absolute; + left: 0; + top: 50%; + margin-top: -10px; + line-height: 20px; + width: 15px; + text-align: center; + } + & > li .fa.fa-circle { + font-size: 5px; + } +} + + +/* Product Category Setting */ + +.product-category { + list-style-type: none; + margin: 0; + padding: 0; + font-weight: 500; + + & > li { + display: inline; + } + & > li + li { + margin-left: 5px; + } + & > li a { + color: #707478; + } +} + + +/* Product Price Setting */ + +.product-price { + margin: 0 0 15px; + .clearfix(); + + & .price { + font-size: 32px; + font-weight: 600; + } +} + + +/* Product Warranty Setting */ + +.product-warranty { + padding-bottom: 15px; + margin-bottom: 15px; + border-bottom: 1px solid #D8E0E4; +} + + +/* Product Discount Setting */ + +.product-discount .discount { + font-size: 16px; + font-weight: 600; + text-decoration: line-through; + color: #707478; +} +.product-discount .save { + margin-left: 10px; + color: #707478; + position: relative; + top: -1px; +} + + +/* Product Social Setting */ + +.product-social { + margin: 0 0 15px; + padding: 0 0 15px; + border-bottom: 1px solid #D8E0E4; + .clearfix(); + + & ul { + list-style-type: none; + margin: 0; + padding: 0; + } + & ul > li { + float: left; + } + & ul > li + li { + margin-left: 10px; + } + & ul > li > a { + width: 30px; + height: 30px; + line-height: 30px; + background: #ddd; + color: #fff; + display: inline-block; + text-align: center; + font-size: 16px; + .border-radius(3px); + + &.facebook { + background: #3b5998; + } + &.twitter { + background: #00aced; + } + &.google-plus { + background: #d34836; + } + &.whatsapp { + background: #6CC964; + } + &.tumblr { + background: #36465d; + } + } +} + + +/* Product Tab Setting */ + +.product-tab { + margin-top: 40px; + + & .nav.nav-tabs { + background: #fff; + border-bottom: 1px solid #D8E0E; + text-align: center; + font-size: 16px; + } + & .nav.nav-tabs > li { + float: none; + display: inline-block; + } + & .nav.nav-tabs > li + li { + margin-left: 5px; + } + & .nav.nav-tabs > li > a { + position: relative; + color: #A3A8AD; + border: 1px solid transparent; + } + & .nav.nav-tabs > li > a:hover, + & .nav.nav-tabs > li > a:focus { + border-bottom: 1px solid #666; + background: none; + } + & .nav-tabs > li.active > a, + & .nav-tabs > li.active > a:focus, + & .nav-tabs > li.active > a:hover { + border-color: transparent; + border-bottom: 1px solid #212121; + color: #212121; + } + & .tab-content { + padding: 40px; + } +} + + +/* Product Desc Setting */ + +.product-desc { + padding: 20px; + .clearfix(); + + & .image { + float: left; + width: 50%; + padding-right: 40px; + } + & .image img { + max-width: 100%; + } + & .desc { + float: left; + width: 50%; + padding-left: 40px; + } + & .desc h4 { + margin: 0 0 15px; + font-size: 36px; + font-weight: 600; + } + & .desc p { + font-size: 16px; + font-weight: normal; + color: #929292; + line-height: 26px; + } + & + & { + margin-top: 20px; + padding-top: 40px; + border-top: 1px solid #D8E0E4; + } + &.right .image { + float: right; + padding-left: 20px; + padding-right: 0; + } + &.right .desc { + float: left; + text-align: right; + padding-right: 20px; + padding-left: 0; + } +} + + +/* Product Table Setting */ + +.table.table-product .field { + width: 30%; + font-size: 18px; + font-weight: 300; +} +.table.table-product th, +.table.table-product td { + padding: 20px 25px 20px 0; +} +.table.table-product.table-striped th, +.table.table-product.table-striped td { + padding: 20px 25px; +} +.table.table-product th { + font-size: 18px; + font-weight: 600; + border: none; +} + + +/* Product Review Setting */ + +.review + .review { + margin-top: 25px; + padding-top: 25px; + border-top: 1px solid #D8E0E4; +} +.review { + .clearfix(); + + + & .review-icon { + height: 36px; + width: 36px; + background: #f4f5f6; + color: #999; + text-align: center; + overflow: hidden; + float: left; + margin-right: 12px; + .border-radius(3px); + + & img { + max-width: 100%; + } + & i { + line-height: 48px; + font-size: 36px; + } + } + & .review-info { + margin-bottom: 10px; + .clearfix(); + + & .review-rate { + float: right; + text-align: center; + font-weight: 600; + font-size: 12px; + + & .review-star { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 14px; + } + & .review-star > li { + float: left; + } + & .review-star > li + li { + margin-left: 3px; + } + & .review-star > li.active { + color: #f59c1a; + } + } + } + & .review-name { + font-weight: 600; + font-size: 14px; + } + & .review-date { + font-size: 12px; + color: #999; + } + & .review-title { + margin: 0; + font-weight: 600; + font-size: 14px; + } +} +.review-form { + display: block; + background: #f4f5f6; + padding: 30px; + + & h2 { + font-size: 24px; + border-bottom: 1px solid #D8E0E4; + margin: 0 0 20px; + padding-bottom: 10px; + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/page-section/_search.less b/public/assets/less/e-commerce/page-section/_search.less new file mode 100755 index 0000000..9be0494 --- /dev/null +++ b/public/assets/less/e-commerce/page-section/_search.less @@ -0,0 +1,141 @@ +/* Search Container Element Setting */ + +.search-container { + .clearfix(); + + & .search-sidebar { + float: left; + width: 25%; + padding: 15px; + border: 1px solid #ccd0d4; + background: #fff; + font-size: 12px; + color: #707478; + .border-radius(3px); + + & .title { + margin: -15px -15px 15px; + padding: 10px 15px; + border-bottom: 1px solid #ccd0d4; + font-size: 14px; + font-weight: 600; + color: #212121; + } + } + & .search-content { + float: right; + width: 75%; + padding-left: 30px; + } +} +.control-label { + font-weight: 500; +} +.search-category-list { + list-style-type: none; + margin: 0; + padding: 0; + + & > li > a { + color: #444; + font-weight: 600; + display: block; + padding: 8px 0px; + line-height: 20px; + } + & > li > a:hover, + & > li > a:focus { + text-decoration: none; + } + & > li + li { + border-top: 1px solid #eee; + } +} + + +/* Search Toolbar Setting */ + +.search-toolbar { + background: #fff; + border: 1px solid #ccd0d4; + padding: 15px; + margin-bottom: 15px; + .border-radius(3px); + .clearfix(); + + & h4 { + font-size: 12px; + line-height: 20px; + margin: 0; + } + & .sort-list { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 12px; + line-height: 20px; + + & > li { + display: inline; + } + & > li.text { + font-weight: bold; + } + & > li + li { + margin-left: 10px; + } + & > li a { + color: #999; + text-decoration: none; + } + & > li a:hover, + & > li a:focus { + color: #444; + } + & > li.active a, + & > li.active a:hover, + & > li.active a:focus { + color: #212121; + } + } +} + + +/* Search Item Container Setting */ + +.search-item-container { + border: 1px solid #ccd0d4; + margin-bottom: 15px; + .border-radius(3px); + .clearfix(); + + .item-row { + .clearfix(); + + & .item { + float: left; + width: 33.33%; + border: none; + .border-radius(0); + + &:first-child { + .border-radius(3px 0 0 0); + } + &:last-child { + .border-radius(0 3px 0 0); + } + } + &:last-child .item:first-child { + .border-radius(0 0 0 3px); + } + &:last-child .item:last-child { + .border-radius(0 0 3px 0); + } + & + .item-row { + border-top: 1px solid #ccd0d4; + } + & .item + .item { + border-left: 1px solid #ccd0d4; + } + } +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/style.less b/public/assets/less/e-commerce/style.less new file mode 100755 index 0000000..cf9715b --- /dev/null +++ b/public/assets/less/e-commerce/style.less @@ -0,0 +1,39 @@ +@import 'bootstrap/bootstrap'; +@import '_variable'; +@import '_mixins'; +@import '_top_nav'; +@import '_header'; +@import '_footer'; +@import '_footer_copyright'; +@import '_footer_policy_subscription'; +@import '_content'; +@import '_pace_loader'; +@import '_page_section_list'; +@import '_component_list'; +@import '_helper'; +@import 'theme/_default'; +@import '_responsive'; + +/* Reset and Overrides */ + +body { + background: @bg_body; + font-family: @body_font_family; + -webkit-font-smoothing: antialiased; +} +.dropdown.dropdown-hover:hover .dropdown-menu, +.dropdown.dropdown-hover:focus .dropdown-menu { + display: block +} +a { + color: @green; + .transition(all 0.2s cubic-bezier(0.6, 0.045, 0.4, 1)); +} +a:hover, +a:focus, +a:active { + color: @green; +} +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + font-weight: 600; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/theme/_blue.less b/public/assets/less/e-commerce/theme/_blue.less new file mode 100755 index 0000000..a36d413 --- /dev/null +++ b/public/assets/less/e-commerce/theme/_blue.less @@ -0,0 +1,46 @@ +/* Blue Theme */ + +.btn.btn-theme { + background: @blue; + border-color: @blue; + color: #fff; + + .btn.btn-theme:hover, + .btn.btn-theme:focus { + background: @dark_blue; + border-color: @dark_blue; + } +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.item.item-thumbnail .item-price, +.header-logo a span, +a { + color: @blue; +} +.header-cart .total, +.step.active .number:before { + background: @blue; +} +.header .dropdown-menu { + border-top-color: @blue; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: @blue; +} +a:hover, +a:focus { + color: @dark_blue; +} +.pace-progress { + background: @dark_blue; +} +.pace .pace-activity { + border-top-color: @blue; + border-left-color: @blue; +} +.header-logo .brand { + border-color: #2F83CF #2a72b5 #1f5688; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/theme/_default.less b/public/assets/less/e-commerce/theme/_default.less new file mode 100755 index 0000000..e34608b --- /dev/null +++ b/public/assets/less/e-commerce/theme/_default.less @@ -0,0 +1,46 @@ +/* Default Theme (Green) */ + +.btn.btn-theme { + background: @green; + border-color: @green; + color: #fff; + + &:hover, + &:focus { + background: @dark_green; + border-color: @dark_green; + } +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.item.item-thumbnail .item-price, +.header-logo a span, +a { + color: @green; +} +.header-cart .total, +.step.active .number:before { + background: @green; +} +.header .dropdown-menu { + border-top-color: @green; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: @green; +} +a:hover, +a:focus { + color: @dark_green; +} +.pace-progress { + background: @dark_green; +} +.pace .pace-activity { + border-top-color: @green; + border-left-color: @green; +} +.header-logo .brand { + border-color: #4DCACA #31A3A3 #1D8888; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/theme/_orange.less b/public/assets/less/e-commerce/theme/_orange.less new file mode 100755 index 0000000..52b3aef --- /dev/null +++ b/public/assets/less/e-commerce/theme/_orange.less @@ -0,0 +1,46 @@ +/* Orange Theme */ + +.btn.btn-theme { + background: @orange; + border-color: @orange; + color: #fff; + + .btn.btn-theme:hover, + .btn.btn-theme:focus { + background: @dark_orange; + border-color: @dark_orange; + } +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.item.item-thumbnail .item-price, +.header-logo a span, +a { + color: @orange; +} +.header-cart .total, +.step.active .number:before { + background: @orange; +} +.header .dropdown-menu { + border-top-color: @orange; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: @orange; +} +a:hover, +a:focus { + color: @dark_orange; +} +.pace-progress { + background: @dark_orange; +} +.pace .pace-activity { + border-top-color: @orange; + border-left-color: @orange; +} +.header-logo .brand { + border-color: #DF8F19 #c47d15 #935e10; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/theme/_purple.less b/public/assets/less/e-commerce/theme/_purple.less new file mode 100755 index 0000000..90b7287 --- /dev/null +++ b/public/assets/less/e-commerce/theme/_purple.less @@ -0,0 +1,46 @@ +/* Purple Theme */ + +.btn.btn-theme { + background: @purple; + border-color: @purple; + color: #fff; + + .btn.btn-theme:hover, + .btn.btn-theme:focus { + background: @dark_purple; + border-color: @dark_purple; + } +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.item.item-thumbnail .item-price, +.header-logo a span, +a { + color: @purple; +} +.header-cart .total, +.step.active .number:before { + background: @purple; +} +.header .dropdown-menu { + border-top-color: @purple; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: @purple; +} +a:hover, +a:focus { + color: @dark_purple; +} +.pace-progress { + background: @dark_purple; +} +.pace .pace-activity { + border-top-color: @purple; + border-left-color: @purple; +} +.header-logo .brand { + border-color: #6670AC #5b6392 #444a6d; +} \ No newline at end of file diff --git a/public/assets/less/e-commerce/theme/_red.less b/public/assets/less/e-commerce/theme/_red.less new file mode 100755 index 0000000..5667650 --- /dev/null +++ b/public/assets/less/e-commerce/theme/_red.less @@ -0,0 +1,46 @@ +/* Red Theme */ + +.btn.btn-theme { + background: @red; + border-color: @red; + color: #fff; + + .btn.btn-theme:hover, + .btn.btn-theme:focus { + background: @dark_red; + border-color: @dark_red; + } +} +.header-nav .nav > li.active > a, +.header-nav .nav > li.active > a:focus, +.header-nav .nav > li.active > a:hover, +.item.item-thumbnail .item-price, +.header-logo a span, +a { + color: @red; +} +.header-cart .total, +.step.active .number:before { + background: @red; +} +.header .dropdown-menu { + border-top-color: @red; +} +.dropdown .arrow.top:after, +.dropdown .arrow.top:before { + border-bottom-color: @red; +} +a:hover, +a:focus { + color: @dark_red; +} +.pace-progress { + background: @dark_red; +} +.pace .pace-activity { + border-top-color: @red; + border-left-color: @red; +} +.header-logo .brand { + border-color: #F8504B #cc4946 #993734; +} \ No newline at end of file diff --git a/public/assets/less/forum/_component_list.less b/public/assets/less/forum/_component_list.less new file mode 100755 index 0000000..afe34ed --- /dev/null +++ b/public/assets/less/forum/_component_list.less @@ -0,0 +1,19 @@ +/* Component List */ + +@import 'components/_button'; +@import 'components/_form_elements'; +@import 'components/_progress_bar'; +@import 'components/_dropdown_menu'; +@import 'components/_tooltip'; +@import 'components/_alert_note'; +@import 'components/_badge_label'; +@import 'components/_pagination'; +@import 'components/_nav_tab'; +@import 'components/_panel'; +@import 'components/_table'; +@import 'components/_well'; +@import 'components/_jumbotron'; +@import 'components/_list_group'; +@import 'components/_list_group_item'; +@import 'components/_carousel'; +@import 'components/_theme_panel'; \ No newline at end of file diff --git a/public/assets/less/forum/_content.less b/public/assets/less/forum/_content.less new file mode 100755 index 0000000..0457602 --- /dev/null +++ b/public/assets/less/forum/_content.less @@ -0,0 +1,85 @@ +/* Content Element Setting */ + +.content { + padding: 30px 0 60px; +} + + +/* Content Has Background Setting */ + +.has-bg, +.has-bg .container { + position: relative; + color: #fff; +} +.has-bg { + & .bg-cover, + & .bg-cover:before { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + } + & .bg-cover:before { + content: ''; + background: url('images/transparent/black-0.4.png'); + } + & .bg-cover img { + max-width: 100%; + min-height: 100%; + } +} + + +/* Section Container Setting */ + +.section-container { + margin-bottom: 30px; +} + + +/* Breadcrumb Setting */ + +.breadcrumb { + background: #e2e7eb; + color: #242a30; + font-weight: bold; + + & > li a { + color: #242a30; + } + & > li + li:before { + font-weight: normal; + } +} + + +/* Page Title Setting */ + +.page-title { + padding: 30px 0; + + & .breadcrumb { + background: none; + padding: 0; + font-weight: normal; + margin-bottom: 10px; + } + &.has-bg .breadcrumb { + color: #fff; + } + &.has-bg .breadcrumb > li a { + color: #ccc; + } + & h1 { + font-size: 28px; + margin: 0; + } + & h5 { + font-size: 12px; + font-weight: bold; + color: #fff; + } +} \ No newline at end of file diff --git a/public/assets/less/forum/_footer.less b/public/assets/less/forum/_footer.less new file mode 100755 index 0000000..fb925fe --- /dev/null +++ b/public/assets/less/forum/_footer.less @@ -0,0 +1,79 @@ +/* Footer Element Setting */ + +.footer { + margin: 0; + border: none; + padding: 60px 0 30px; + background: #242a30; + .box-shadow(inset 0 100px 80px -80px rgba(0,0,0,.7)); + + & h4 { + font-weight: 600; + color: #CFD0D1; + font-size: 14px; + letter-spacing: 0.5px; + margin: 0 0 20px; + } + & p { + color: #A6A9AB; + font-size: 12px; + line-height: 20px; + margin-bottom: 0; + } + & .latest-post { + list-style-type: none; + margin: 0; + padding: 0; + + & > li { + & + li { + margin-top: 10px; + } + & .title, + & .title a { + margin: 0; + font-weight: normal; + font-size: 13px; + line-height: 20px; + color: #CFD0D1; + } + & .time { + font-size: 11px; + } + } + } + + & .new-user { + list-style-type: none; + margin: -5px; + padding: 0; + + & > li { + float: left; + width: 20%; + padding: 5px; + + & img { + max-width: 100%; + } + } + } +} + + +/* Footer Copyright Setting */ + +.footer-copyright { + padding: 20px 0; + color: #A6A9AB; + background: #1d2226; + + & a { + float: right; + color: #CFD0D1; + + & + a { + margin-right: 15px; + } + } +} \ No newline at end of file diff --git a/public/assets/less/forum/_forum.less b/public/assets/less/forum/_forum.less new file mode 100755 index 0000000..f4c0518 --- /dev/null +++ b/public/assets/less/forum/_forum.less @@ -0,0 +1,270 @@ +/* Panel Forum Setting */ + +.panel.panel-forum { + border: 2px solid #e2e7eb; + + & .panel-heading { + background: #e2e7eb; + } +} + + +/* Forum List Setting */ + +.forum-list { + list-style-type: none; + margin: 0; + padding: 0; + + & > li { + padding: 15px; + + .clearfix(); + + & + li { + border-top: 2px solid #e2e7eb; + } + } + & .media { + font-size: 28px; + float: left; + width: 64px; + text-align: center; + color: rgba(0,0,0,0.4); + line-height: 64px; + + & img { + max-width: 100%; + display: block; + } + & .fa { + display: block; + line-height: 64px; + background: #00acac; + } + } + + & .info-container { + margin-left: 79px; + padding-top: 5px; + & > div { + float: left; + } + & .info { + width: 50%; + } + & .total-count { + width: 20%; + text-align: center; + + & .divider { + margin: 0 8px; + } + } + & .latest-post { + width: 30%; + } + & .info .title { + font-size: 16px; + margin: 0 0 5px; + font-weight: 600; + + & a { + color: #242a30; + } + } + & .latest-post { + & .title { + margin: 0 0 4px; + font-size: 12px; + + & a { + color: #242a30; + } + } + & .time { + font-size: 12px; + } + } + & .desc { + margin-bottom: 0; + font-size: 12px; + color: #666; + line-height: 16px; + } + } +} + +.total-post { + color: #242a30; + font-weight: bold; +} + + +/* Forum Topic List Setting */ + + +.forum-list.forum-topic-list { + & .info-container { + position: relative; + } + & .info-start-end { + list-style-type: none; + margin: 0; + padding: 0; + line-height: 20px; + } + & .info-container { + & .info { + width: auto; + float: none; + padding-right: 100px; + } + & .date-replies { + position: absolute; + right: 0; + top: 5px; + text-align: center; + width: 80px; + + & .time { + font-size: 11px; + line-height: 11px; + margin-bottom: 7px; + } + & .replies { + background: #e2e7eb; + padding: 5px 10px; + .border-radius(4px); + + & .total { + font-size: 16px; + color: #242a30; + line-height: 18px; + margin-bottom: 2px; + } + & .text { + font-size: 10px; + line-height: 12px; + font-weight: normal; + color: #999; + margin-bottom: 2px; + } + } + } + } +} + + +/* Forum Threads List Setting */ + +.threads-list { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 11px; + + & > li { + margin: 0 15px; + padding: 15px 0; + + .clearfix(); + + & + li { + border-top: 2px solid #e2e7eb; + } + & .title { + font-size: 12px; + margin: 0 0 3px; + line-height: 16px; + font-weight: 600; + } + } +} + + +/* Forum Detail List Setting */ + +.forum-list.forum-detail-list { + border: none; + margin-bottom: 20px; + + & > li { + padding: 0; + + & + li { + border: none; + margin-top: 20px; + } + } + & .media { + & img { + margin-bottom: 10px; + } + & .label { + font-size: 12px; + display: block; + padding: 3px 6px; + } + } + & .info-container { + margin-left: 80px; + border: 2px solid #e2e7eb; + padding: 15px 20px; + background: #f3f5f7; + position: relative; + .border-radius(4px); + + &:before, + &:after { + content: ''; + position: absolute; + left: -15.5px; + top: 15px; + border: 7px solid transparent; + border-right-color: #e2e7eb; + } + &:after { + left: -12.5px; + border-right-color: #f3f5f7; + } + & > div { + float: none; + } + } + + & .post-user { + font-size: 15px; + margin-bottom: 15px; + + & small { + font-weight: bold; + color: #9fa2a5; + font-size: 16px; + margin-left: 5px; + } + } + & .post-content { + font-size: 14px; + line-height: 23px; + color: #242a30; + margin-bottom: 15px; + + & pre { + background: #d6dbdf; + border: none; + margin-bottom: 23px; + } + } + & .post-time { + color: #a7aaac; + } +} + +.comment-banner-msg { + border: 2px solid #e2e7eb; + padding: 15px 20px; + text-align: center; + margin-bottom: 20px; + .border-radius(4px); +} \ No newline at end of file diff --git a/public/assets/less/forum/_header.less b/public/assets/less/forum/_header.less new file mode 100755 index 0000000..e82b14e --- /dev/null +++ b/public/assets/less/forum/_header.less @@ -0,0 +1,87 @@ +/* Navbar Element Setting */ + +.navbar { + border: none; + .border-radius(0); + + &.navbar-default { + background: #fff; + .box-shadow(0 1px 3px rgba(0,0,0,0.125)); + + & .navbar-brand { + color: #000; + } + & .navbar-nav > li > a { + color: #242a30; + } + } +} +.navbar-brand { + height: 60px; + line-height: 30px; + font-size: 16px; + + & img { + display: block; + max-height: 40px; + margin: -5px 0; + } +} +.navbar-logo { + border: 15px solid transparent; + border-color: #4DCACA #31A3A3 #1D8888; + float: left; + margin-right: 10px; + .border-radius(6px); +} +.navbar-nav > li > a { + line-height: 30px; +} +.navbar-form, +.navbar-toggle { + margin-top: 13px; + margin-bottom: 13px; +} +.navbar-form { + & .form-group { + position: relative; + } + & .form-control { + border-radius: 40px; + padding-right: 45px; + } + & .btn { + position: absolute; + right: 0; + top: 0; + background: none; + border: none; + font-size: 16px; + .border-radius(0 15px 15px 0); + } +} + + +/* Small Navbar Setting */ + +.header.navbar .navbar-brand, +.header.navbar .navbar-form, +.header.navbar .navbar-nav > li > a, +.header.navbar .navbar-toggle { + .transition(all .2s linear); +} +.navbar.navbar-sm { + & .navbar-brand { + padding-top: 10px; + padding-bottom: 10px; + height: 50px; + } + & .navbar-form, + & .navbar-toggle { + margin-top: 8px; + margin-bottom: 8px; + } + & .navbar-nav > li > a { + line-height: 20px; + } +} diff --git a/public/assets/less/forum/_helper.less b/public/assets/less/forum/_helper.less new file mode 100755 index 0000000..e6e0207 --- /dev/null +++ b/public/assets/less/forum/_helper.less @@ -0,0 +1,291 @@ +/* Predefined Classes */ + +.row { margin: 0 -10px; } +.row > [class*="col-"] { padding: 0 10px; } +.m-auto { margin: 0 auto !important; } +.wrapper { padding: 15px !important; } +.semi-bold { font-weight: 600 !important; } +.overflow-auto { overflow: auto !important; } +.overflow-hidden { overflow: hidden !important; } +.overflow-visible { overflow: visible !important; } +.overflow-scroll { overflow: scroll !important; } +.overflow-x-hidden { overflow-x: hidden !important; } +.overflow-x-visible { overflow-x: visible !important; } +.overflow-x-scroll { overflow-x: scroll !important; } +.overflow-y-hidden { overflow-y: hidden !important; } +.overflow-y-visible { overflow-y: visible !important; } +.overflow-y-scroll { overflow-y: scroll !important; } +.f-w-100 { font-weight: 100 !important; } +.f-w-200 { font-weight: 200 !important; } +.f-w-300 { font-weight: 300 !important; } +.f-w-400 { font-weight: 400 !important; } +.f-w-500 { font-weight: 500 !important; } +.f-w-600 { font-weight: 600 !important; } +.f-w-700 { font-weight: 700 !important; } +.text-center { text-align: center !important; } +.text-left { text-align: left !important; } +.text-right { text-align: right !important; } +.pull-left { float: left !important; } +.pull-right { float: right !important; } +.pull-none { float: none !important; } + + +/* LOOP - Row Space */ + +.row-space-generator(@counter) when (@counter > -1) { + @nameCounter: (2 * @counter); + .row.row-space-@{nameCounter} { + margin: 0 -(1px * @counter) !important; + & > [class*="col-"] { + padding: 0 (1px * @counter) !important; + } + } + .row-space-generator((@counter - 1)); +} +.row-space-generator(15); + + +/* LOOP - Margin & Padding */ + +.margin-padding-css-generator(@counter) when (@counter > -1) { + .m-@{counter} { margin: (@counter * 1px) !important; } + .m-t-@{counter} { margin-top: (@counter * 1px) !important; } + .m-r-@{counter} { margin-right: (@counter * 1px) !important; } + .m-b-@{counter} { margin-bottom: (@counter * 1px) !important; } + .m-l-@{counter} { margin-left: (@counter * 1px) !important; } + + .p-@{counter} { padding: (@counter * 1px) !important; } + .p-t-@{counter} { padding-top: (@counter * 1px) !important; } + .p-r-@{counter} { padding-right: (@counter * 1px) !important; } + .p-b-@{counter} { padding-bottom: (@counter * 1px) !important; } + .p-l-@{counter} { padding-left: (@counter * 1px) !important; } + + .margin-padding-css-generator((@counter - 1)); +} +.margin-padding-css-generator(40); + + +/* LOOP - Font Size */ + +.font-size-css-generator(@counter) when (@counter > 7) { + .f-s-@{counter} { font-size: (@counter * 1px) !important; } + + .font-size-css-generator((@counter - 1)); +} +.font-size-css-generator(20); + + +.table-valign-middle th, +.table-valign-middle td { + vertical-align: middle !important; +} +.table-th-valign-middle th, +.table-td-valign-middle td { + vertical-align: middle !important; +} +.table-valign-top th, +.table-valign-top td { + vertical-align: top !important; +} +.table-th-valign-top th, +.table-td-valign-top td { + vertical-align: top !important; +} +.table-valign-bottom th, +.table-valign-bottom td { + vertical-align: bottom !important; +} +.table-th-valign-bottom th, +.table-td-valign-bottom td { + vertical-align: bottom !important; +} +.vertical-box { + display: table; + table-layout: fixed; + border-spacing: 0; + height: 100%; + width: 100%; +} +.vertical-box-column { + display: table-cell; + vertical-align: top; + height: 100%; +} +.vertical-box-row { + display: table-row; + height: 100%; +} +.vertical-box-row > .vertical-box-cell { + position: relative; + height: 100%; + width: 100%; + float: none; +} +.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} +.panel-expand .vertical-box .vertical-box-column { + display: table-cell; +} +.page-content-full-height .content { + position: absolute; + left: 0; + top: 54px; + right: 0; + bottom: -1px; +} +.no-rounded-corner { + .border-radius(0) !important; +} +.rounded-corner { + .border-radius(50%) !important; +} +.no-border { border: 0 !important; } +.border-top-1 { border-top: 1px solid #eee !important; } +.border-right-1 { border-right: 1px solid #eee !important; } +.border-bottom-1 { border-bottom: 1px solid #eee !important; } +.border-left-1 { border-left: 1px solid #eee !important; } +.no-box-shadow { + .box-shadow(none) !important; +} +.text-inverse { color: @black !important; } +a.text-inverse:hover, +a.text-inverse:focus { + color: @light_black !important; +} +.text-success { color: @green !important; } +a.text-success:hover, +a.text-success:focus { + color: @light_green !important; +} +.text-info { color: @aqua !important; } +a.text-info:hover, +a.text-info:focus { + color: @light_aqua !important; +} +.text-primary { color: @blue !important; } +a.text-primary:hover, +a.text-primary:focus { + color: @light_blue !important; +} +.text-warning { color: @yellow !important; } +a.text-warning:hover, +a.text-warning:focus { + color: @light_yellow !important; +} +.text-danger { color: @red !important; } +a.text-danger:hover, +a.text-danger:focus { + color: @light_red !important; +} +.text-white { color: #fff !important; } +a.text-white:hover, +a.text-white:focus { + color: #f0f3f4 !important; +} + +.bg-white { background: #ffffff !important; } +.bg-silver-lighter { background: @light_silver !important; } +.bg-silver { background: @silver !important; } +.bg-silver-darker { background: @dark_silver !important; } + +.bg-black { background: @black !important; } +.bg-black-darker { background: @dark_black !important; } +.bg-black-lighter { background: @light_black !important; } + +.bg-grey { background: @grey !important; } +.bg-grey-darker { background: @dark_grey !important; } +.bg-grey-lighter { background: @light_grey !important; } + +.bg-red { background: @red !important; } +.bg-red-darker { background: @dark_red !important; } +.bg-red-lighter { background: @light_red !important; } + +.bg-orange { background: @orange !important; } +.bg-orange-darker { background: @dark_orange !important; } +.bg-orange-lighter { background: @light_orange !important; } + +.bg-yellow { background: @yellow !important; } +.bg-yellow-darker { background: @dark_yellow !important; } +.bg-yellow-lighter { background: @light_yellow !important; } + +.bg-green { background: @green !important; } +.bg-green-darker { background: @dark_green !important; } +.bg-green-lighter { background: @light_green !important; } + +.bg-blue { background: @blue !important; } +.bg-blue-darker { background: @dark_blue !important; } +.bg-blue-lighter { background: @light_blue !important; } + +.bg-aqua { background: @aqua !important; } +.bg-aqua-darker { background: @dark_aqua !important; } +.bg-aqua-lighter { background: @light_aqua !important; } + +.bg-purple { background: @purple !important; } +.bg-purple-darker { background: @dark_purple !important; } +.bg-purple-lighter { background: @light_purple !important; } + +.no-bg { background: none !important; } + +.height-xs { height: 150px !important; } +.height-sm { height: 300px !important; } +.height-md { height: 450px !important; } +.height-lg { height: 600px !important; } +.height-full { height: 100% !important; } +.height-50 { height: 50px !important; } +.height-100 { height: 100px !important; } +.height-150 { height: 150px !important; } +.height-200 { height: 200px !important; } +.height-250 { height: 250px !important; } +.height-300 { height: 300px !important; } +.height-350 { height: 350px !important; } +.height-400 { height: 400px !important; } +.height-450 { height: 450px !important; } +.height-500 { height: 500px !important; } +.height-550 { height: 550px !important; } +.height-600 { height: 600px !important; } + +.width-xs { width: 150px !important; } +.width-sm { width: 300px !important; } +.width-md { width: 450px !important; } +.width-lg { width: 600px !important; } +.width-full { width: 100% !important; } +.width-50 { width: 50px !important; } +.width-100 { width: 100px !important; } +.width-150 { width: 150px !important; } +.width-200 { width: 200px !important; } +.width-250 { width: 250px !important; } +.width-300 { width: 300px !important; } +.width-350 { width: 350px !important; } +.width-400 { width: 400px !important; } +.width-450 { width: 450px !important; } +.width-500 { width: 500px !important; } +.width-550 { width: 550px !important; } +.width-600 { width: 600px !important; } + +.animated { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.fade { + .opacity(0); + .transition(opacity .3s linear); +} +.fade.in { + .opacity(1); +} +.text-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; +} +.underline { + border-bottom: 1px solid #e2e7eb !important; +} \ No newline at end of file diff --git a/public/assets/less/forum/_mixins.less b/public/assets/less/forum/_mixins.less new file mode 100755 index 0000000..611d6e0 --- /dev/null +++ b/public/assets/less/forum/_mixins.less @@ -0,0 +1,51 @@ +/* Mixins */ + +.border-radius(@radius) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +} +.box-shadow(@shadow) { + -webkit-box-shadow: @shadow; + -moz-box-shadow: @shadow; + box-shadow: @shadow; +} +.opacity(@opacity) { + opacity: @opacity; +} +.transition(@transition) { + -webkit-transition: @transition; + -moz-transition: @transition; + -ms-transition: @transition; + -o-transition: @transition; + transition: @transition; +} +.animation(@animation) { + -webkit-animation: @animation; + -moz-animation: @animation; + animation: @animation; +} +.generate-button-styling(@buttonClassName; @defaultColor; @hoverColor;) { + .btn.@{buttonClassName} { + color: #fff; + background: @defaultColor; + border-color: @defaultColor; + + &:hover, + &:focus, + &:active, + &.active { + background: @hoverColor; + border-color: @hoverColor; + } + + } + .open .dropdown-toggle.@{buttonClassName} { + background: @hoverColor; + border-color: @hoverColor; + } + .btn-group .btn.@{buttonClassName}:not(.active) + .btn.@{buttonClassName}, + .input-group-btn .btn.@{buttonClassName}:not(.active) + .btn.@{buttonClassName} { + border-left-color: @hoverColor; + } +} \ No newline at end of file diff --git a/public/assets/less/forum/_pace_loader.less b/public/assets/less/forum/_pace_loader.less new file mode 100755 index 0000000..b80d3d8 --- /dev/null +++ b/public/assets/less/forum/_pace_loader.less @@ -0,0 +1,72 @@ +/* Pace Loader Element Setting */ + +.pace-inactive { + .opacity(0); +} +.pace { + background: #2d353c; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1050; + .transition(opacity 1s); +} +.pace-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 3px; + background: #00acac; + z-index: 2000; + .transition(width 1s); +} +.pace:before { + content: ''; + position: fixed; + top: 0; + right: 0; + left: 0; + height: 3px; +} +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 20px; + right: 20px; + width: 20px; + height: 20px; + border: solid 2px transparent; + border-top-color: #00acac; + border-left-color: #00acac; + .border-radius(10px); + .animation(pace-spinner 400ms linear infinite); +} +@media (max-width: 767px) { + .pace .pace-activity { + top: 80px; + } +} +@-webkit-keyframes pace-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes pace-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes pace-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes pace-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes pace-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} \ No newline at end of file diff --git a/public/assets/less/forum/_responsive.less b/public/assets/less/forum/_responsive.less new file mode 100755 index 0000000..6108fbc --- /dev/null +++ b/public/assets/less/forum/_responsive.less @@ -0,0 +1,397 @@ +/* Responsive Setting */ + +@media (min-width: 1200px) { + + /* Container Setting */ + + .container { + width: 1010px; + } +} + + +@media (min-width: 1920px) { + + /* Body Setting */ + + body { + font-size: 16px; + padding-top: 70px; + } + + + /* Navbar Setting */ + + .navbar-logo { + border-width: 20px; + margin-right: 15px; + } + .navbar-brand { + height: 70px; + line-height: 40px; + font-size: 20px; + } + .navbar-brand, + .navbar-nav > li > a { + line-height: 40px; + } + .navbar.navbar-sm .navbar-nav > li > a { + line-height: 30px; + } + .navbar-form .form-control { + border-radius: 40px; + height: 45px; + min-width: 300px; + font-size: 16px; + padding: 0 65px 0 20px; + } + .navbar-form .btn { + font-size: 24px; + } + + + /* Container Setting */ + + .container { + width: 1360px; + } + + + /* Content Setting */ + + .content { + padding: 45px 0 75px; + } + + + /* Search Banner Setting */ + + .search-banner { + padding: 70px 0; + + & h1 { + font-size: 48px; + } + & .form-control { + font-size: 18px; + } + & .btn .fa { + display: block; + font-size: 24px; + line-height: 24px; + height: 24px; + } + & h5 { + font-size: 16px; + } + & .container { + width: 860px; + } + } + + + /* Popular Tags Setting */ + + .popular-tags > li > a { + padding: 4px 12px; + } + + + /* Panel Setting */ + + .panel.panel-forum { + border-width: 3px; + } + .panel-title { + font-size: 16px; + line-height: 24px; + } + + + /* Forum List Setting */ + + .forum-list > li + li, + .threads-list > li + li { + border-top-width: 3px; + } + .forum-list { + & .info-container { + margin-left: 89px; + + & .info .title { + font-size: 18px; + } + & .desc { + font-size: 16px; + line-height: 24px; + } + & .total-count { + font-size: 18px; + } + & .latest-post .title, + & .latest-post .time { + font-size: 16px; + } + } + & .media { + width: 72px; + line-height: 72px; + } + &.forum-topic-list { + & .info-start-end { + line-height: 24px; + } + & .info-container .date-replies { + & .replies { + padding: 5px 15px; + + & .total { + font-size: 18px; + line-height: 24px; + } + & .text { + font-size: 13px; + line-height: 17px; + } + } + & .time { + line-height: 13px; + font-size: 13px; + } + } + } + &.forum-detail-list { + & .info-container { + margin-left: 92px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + } + & .post-user{ + font-size: 16px; + } + & .post-content { + font-size: 16px; + line-height: 28px; + } + & .post-content pre { + padding: 15px; + font-size: 16px; + } + } + } + .threads-list { + font-size: 14px; + + & > li .title { + font-size: 16px; + line-height: 24px; + } + } + + + /* Footer Setting */ + + .footer { + & h4 { + font-size: 18px; + } + & p { + font-size: 16px; + line-height: 24px; + } + & .latest-post > li .title, + & .latest-post > li .title a { + font-size: 16px; + line-height: 24px; + } + & .latest-post > li .time { + font-size: 14px; + } + } + .footer-copyright { + padding: 30px 0; + } + + + /* Page Title Setting */ + + .page-title { + padding: 45px 0; + + & h1 { + font-size: 36px; + } + } + + + /* Theme Panel Setting */ + + .theme-panel { + width: 248px; + right: -248px; + + & .theme-list > li + li { + margin-left: 7px; + } + & .theme-list > li > a { + width: 40px; + height: 40px; + } + & .theme-panel-content { + padding: 10px; + } + & .theme-collapse-btn { + width: 60px; + height: 60px; + left: -60px; + margin-top: -30px; + font-size: 24px; + line-height: 60px; + } + & .theme-list > li.active > a:before { + font-size: 20px; + line-height: 40px; + } + } + + + /* Tooltip Setting */ + + .tooltip { + font-size: 16px; + } + + + /* Pagination Setting */ + + .pager li > a, + .pager li > span, + .pagination > li > a, + .pagination > li > span { + font-size: 16px; + padding: 10px 15px; + } + + + /* Button Setting */ + + .btn { + font-size: 16px; + padding: 10px 15px; + } + + + /* Backgroun Cover Setting */ + + .has-bg .bg-cover img { + width: 100%; + } +} + +@media (max-width: 767px) { + + /* Navbar Element Setting */ + + .navbar-form, + .navbar.navbar-sm .navbar-form { + border: none; + margin: 0; + } + .navbar .navbar-nav > li > a { + line-height: 20px; + } + + + /* Search Banner Element Setting */ + + .search-banner { + padding: 30px 0; + + & .container { + width: 100%; + } + & h1 { + font-size: 24px; + } + } + + + /* Content Element Setting */ + + .content { + padding: 20px 0 30px; + } + .has-bg .bg-cover img { + max-width: inherit; + min-width: 100%; + max-height: 100%; + } + + + /* Forum List Element Setting */ + + .forum-list .info-container .info, + .forum-list .info-container .total-count, + .forum-list .info-container .latest-post { + float: none; + width: auto; + text-align: left; + } + .forum-list .info-container > div + div { + margin-top: 10px; + } + + + /* Forum Topic List Setting */ + + .forum-list.forum-topic-list .info-container { + & .info { + padding-right: 0; + } + & .date-replies { + position: relative; + top: 0; + margin-top: 5px; + width: auto; + text-align: left; + + & .time, + & .replies, + & .replies .total, + & .replies .text { + display: inline-block; + padding: 0; + margin: 0; + font-size: 11px; + line-height: 11px; + .border-radius(0); + } + & .replies { + margin-left: 10px; + border-left: 1px solid #ddd; + padding-left: 10px; + background: none; + } + } + } + + + /* Forum Details Page Setting */ + + .forum-list.forum-detail-list { + & .media { + width: 40px; + line-height: 40px; + + & .label { + font-size: 9px; + padding-left: 0; + padding-right: 0; + } + } + & .info-container { + margin-left: 50px; + } + } +} \ No newline at end of file diff --git a/public/assets/less/forum/_search_banner.less b/public/assets/less/forum/_search_banner.less new file mode 100755 index 0000000..1954ab6 --- /dev/null +++ b/public/assets/less/forum/_search_banner.less @@ -0,0 +1,77 @@ +/* Search Banner Element Setting */ + +.search-banner { + padding: 60px 0; + + & h1 { + color: #fff; + font-size: 36px; + text-align: center; + margin: 0 0 15px; + font-weight: 600; + } + & p { + margin-bottom: 0; + color: rgba(255,255,255,0.8); + } + & .container { + width: 640px; + } + & .form-control { + padding-left: 20px; + padding-right: 20px; + font-size: 16px; + border: none; + .border-radius(6px); + } + & .form-group { + position: relative; + } + & .btn { + background: #fff; + color: #242a30; + .border-radius(6px); + } + & p { + font-size: 16px; + color: #fff; + text-align: center; + font-weight: 300; + } +} + + +/* Search Banner Popular Tags Setting */ + +.popular-tags { + list-style-type: none; + margin: 0; + padding: 0; + + & > li { + display: inline-block; + margin-right: 3px; + margin-bottom: 5px; + + & > a { + padding: 3px 10px; + border: 2px solid #ccc; + color: #fff; + display: inline-block; + .border-radius(40px); + } + & > a:hover, + & > a:focus { + text-decoration: none; + color: #fff; + border-color: #fff; + } + & > a .fa { + font-size: 6px; + margin-right: 3px; + position: relative; + top: -2px; + color: #fff !important; + } + } +} \ No newline at end of file diff --git a/public/assets/less/forum/_variable.less b/public/assets/less/forum/_variable.less new file mode 100755 index 0000000..d1dcdab --- /dev/null +++ b/public/assets/less/forum/_variable.less @@ -0,0 +1,62 @@ +/* Variable */ + +@bg_body: #fff; + +@green: #00acac; +@dark_green: #008a8a; +@light_green: #33bdbd; + +@blue: #348fe2; +@dark_blue: #2a72b5; +@light_blue: #5da5e8; + +@aqua: #49b6d6; +@dark_aqua: #3a92ab; +@light_aqua: #6dc5de; + +@purple: #727cb6; +@dark_purple: #5b6392; +@light_purple: #8e96c5; + +@orange: #f59c1a; +@dark_orange: #c47d15; +@light_orange: #f7b048; + +@yellow: #e3fa3e; +@dark_yellow: #b6c832; +@light_yellow: #e9fb65; + +@red: #ff5b57; +@dark_red: #cc4946; +@light_red: #ff7c79; + +@black: #2d353c; +@dark_black: #242a30; +@darker_black: #1a2229; +@light_black: #575d63; + +@grey: #b6c2c9; +@dark_grey: #929ba1; +@light_grey: #c5ced4; + +@silver: #f0f3f4; +@dark_silver: #b4b6b7; +@light_silver: #f4f6f7; + +@white: #ffffff; + + +// Text Color +@body_text_color: #707478; +@heading_text_color: #242a30; +@heading_small_text_color: #7c7f83; +@form_label_color: @dark_black; +@header_default_text_color: #585663; +@header_inverse_text_color: #a8acb1; +@sidebar_text_color: #a8acb1; + + +// Font Setting +@body_font_size: 12px; +@body_font_family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif; +@ie8_body_font_family: Arial,sans-serif; \ No newline at end of file diff --git a/public/assets/less/forum/bootstrap/alerts.less b/public/assets/less/forum/bootstrap/alerts.less new file mode 100755 index 0000000..c4199db --- /dev/null +++ b/public/assets/less/forum/bootstrap/alerts.less @@ -0,0 +1,73 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: @alert-padding; + margin-bottom: @line-height-computed; + border: 1px solid transparent; + border-radius: @alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing @headings-color + color: inherit; + } + + // Provide class for links that match alerts + .alert-link { + font-weight: @alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + + > p + p { + margin-top: 5px; + } +} + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. +.alert-dismissible { + padding-right: (@alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); +} + +.alert-info { + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); +} + +.alert-warning { + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); +} + +.alert-danger { + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); +} diff --git a/public/assets/less/forum/bootstrap/badges.less b/public/assets/less/forum/bootstrap/badges.less new file mode 100755 index 0000000..6ee16dc --- /dev/null +++ b/public/assets/less/forum/bootstrap/badges.less @@ -0,0 +1,66 @@ +// +// Badges +// -------------------------------------------------- + + +// Base class +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: @font-size-small; + font-weight: @badge-font-weight; + color: @badge-color; + line-height: @badge-line-height; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: @badge-bg; + border-radius: @badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + + .btn-xs &, + .btn-group-xs > .btn & { + top: 0; + padding: 1px 5px; + } + + // Hover state, but only for links + a& { + &:hover, + &:focus { + color: @badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Account for badges in navs + .list-group-item.active > &, + .nav-pills > .active > a > & { + color: @badge-active-color; + background-color: @badge-active-bg; + } + + .list-group-item > & { + float: right; + } + + .list-group-item > & + & { + margin-right: 5px; + } + + .nav-pills > li > a > & { + margin-left: 3px; + } +} diff --git a/public/assets/less/forum/bootstrap/bootstrap.less b/public/assets/less/forum/bootstrap/bootstrap.less new file mode 100755 index 0000000..4b9916e --- /dev/null +++ b/public/assets/less/forum/bootstrap/bootstrap.less @@ -0,0 +1,56 @@ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +// Core variables and mixins +@import "variables.less"; +@import "mixins.less"; + +// Reset and dependencies +@import "normalize.less"; +@import "print.less"; +@import "glyphicons.less"; + +// Core CSS +@import "scaffolding.less"; +@import "type.less"; +@import "code.less"; +@import "grid.less"; +@import "tables.less"; +@import "forms.less"; +@import "buttons.less"; + +// Components +@import "component-animations.less"; +@import "dropdowns.less"; +@import "button-groups.less"; +@import "input-groups.less"; +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; +@import "labels.less"; +@import "badges.less"; +@import "jumbotron.less"; +@import "thumbnails.less"; +@import "alerts.less"; +@import "progress-bars.less"; +@import "media.less"; +@import "list-group.less"; +@import "panels.less"; +@import "responsive-embed.less"; +@import "wells.less"; +@import "close.less"; + +// Components w/ JavaScript +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; +@import "carousel.less"; + +// Utility classes +@import "utilities.less"; +@import "responsive-utilities.less"; diff --git a/public/assets/less/forum/bootstrap/breadcrumbs.less b/public/assets/less/forum/bootstrap/breadcrumbs.less new file mode 100755 index 0000000..cb01d50 --- /dev/null +++ b/public/assets/less/forum/bootstrap/breadcrumbs.less @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; + margin-bottom: @line-height-computed; + list-style: none; + background-color: @breadcrumb-bg; + border-radius: @border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: @breadcrumb-color; + } + } + + > .active { + color: @breadcrumb-active-color; + } +} diff --git a/public/assets/less/forum/bootstrap/button-groups.less b/public/assets/less/forum/bootstrap/button-groups.less new file mode 100755 index 0000000..6a0c5a8 --- /dev/null +++ b/public/assets/less/forum/bootstrap/button-groups.less @@ -0,0 +1,244 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + &:extend(.clearfix all); + + .btn, + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + .border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + .border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-right-radius(0); + } +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { &:extend(.btn-xs); } +.btn-group-sm > .btn { &:extend(.btn-sm); } +.btn-group-lg > .btn { &:extend(.btn-lg); } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + .box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: @caret-width-large @caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 @caret-width-large @caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + &:extend(.clearfix all); + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: @btn-border-radius-base; + .border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: @btn-border-radius-base; + .border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-top-radius(0); +} + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } + + > .btn-group .dropdown-menu { + left: auto; + } +} + + +// Checkbox and radio options +// +// In order to support the browser's form validation feedback, powered by the +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. +// This way, we ensure a DOM element is visible to position the popover from. +// +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. + +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } +} diff --git a/public/assets/less/forum/bootstrap/buttons.less b/public/assets/less/forum/bootstrap/buttons.less new file mode 100755 index 0000000..9cbb8f4 --- /dev/null +++ b/public/assets/less/forum/bootstrap/buttons.less @@ -0,0 +1,166 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: @btn-font-weight; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base); + .user-select(none); + + &, + &:active, + &.active { + &:focus, + &.focus { + .tab-focus(); + } + } + + &:hover, + &:focus, + &.focus { + color: @btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + .opacity(.65); + .box-shadow(none); + } + + a& { + &.disabled, + fieldset[disabled] & { + pointer-events: none; // Future-proof disabling of clicks on `` elements + } + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); +} +.btn-primary { + .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); +} +// Success appears as green +.btn-success { + .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); +} +// Info appears as blue-green +.btn-info { + .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); +} +// Warning appears as orange +.btn-warning { + .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: @link-color; + font-weight: normal; + border-radius: 0; + + &, + &:active, + &.active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + .box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: @link-hover-color; + text-decoration: @link-hover-decoration; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @btn-border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} +.btn-xs { + .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/public/assets/less/forum/bootstrap/carousel.less b/public/assets/less/forum/bootstrap/carousel.less new file mode 100755 index 0000000..87ed696 --- /dev/null +++ b/public/assets/less/forum/bootstrap/carousel.less @@ -0,0 +1,269 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + .transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + &:extend(.img-responsive); + line-height: 1; + } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + .transition-transform(~'0.6s ease-in-out'); + .backface-visibility(~'hidden'); + .perspective(1000px); + + &.next, + &.active.right { + .translate3d(100%, 0, 0); + left: 0; + } + &.prev, + &.active.left { + .translate3d(-100%, 0, 0); + left: 0; + } + &.next.left, + &.prev.right, + &.active { + .translate3d(0, 0, 0); + left: 0; + } + } + } + + > .active, + > .next, + > .prev { + display: block; + } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; + color: @carousel-control-color; + text-align: center; + text-shadow: @carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: 0; + color: @carousel-control-color; + text-decoration: none; + .opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + margin-top: -10px; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + line-height: 1; + font-family: serif; + } + + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid @carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: @carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: @carousel-caption-color; + text-align: center; + text-shadow: @carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: @screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, + .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, + .icon-next { + margin-right: -15px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/public/assets/less/forum/bootstrap/close.less b/public/assets/less/forum/bootstrap/close.less new file mode 100755 index 0000000..6d5bfe0 --- /dev/null +++ b/public/assets/less/forum/bootstrap/close.less @@ -0,0 +1,34 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: (@font-size-base * 1.5); + font-weight: @close-font-weight; + line-height: 1; + color: @close-color; + text-shadow: @close-text-shadow; + .opacity(.2); + + &:hover, + &:focus { + color: @close-color; + text-decoration: none; + cursor: pointer; + .opacity(.5); + } + + // Additional properties for button version + // iOS requires the button element instead of an anchor tag. + // If you want the anchor version, it requires `href="#"`. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile + button& { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +} diff --git a/public/assets/less/forum/bootstrap/code.less b/public/assets/less/forum/bootstrap/code.less new file mode 100755 index 0000000..a08b4d4 --- /dev/null +++ b/public/assets/less/forum/bootstrap/code.less @@ -0,0 +1,69 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: @font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + border-radius: @border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: @kbd-color; + background-color: @kbd-bg; + border-radius: @border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); + + kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; + } +} + +// Blocks of code +pre { + display: block; + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); + font-size: (@font-size-base - 1); // 14px to 13px + line-height: @line-height-base; + word-break: break-all; + word-wrap: break-word; + color: @pre-color; + background-color: @pre-bg; + border: 1px solid @pre-border-color; + border-radius: @border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: @pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/public/assets/less/forum/bootstrap/component-animations.less b/public/assets/less/forum/bootstrap/component-animations.less new file mode 100755 index 0000000..0bcee91 --- /dev/null +++ b/public/assets/less/forum/bootstrap/component-animations.less @@ -0,0 +1,33 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. + +.fade { + opacity: 0; + .transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + + &.in { display: block; } + tr&.in { display: table-row; } + tbody&.in { display: table-row-group; } +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition-property(~"height, visibility"); + .transition-duration(.35s); + .transition-timing-function(ease); +} diff --git a/public/assets/less/forum/bootstrap/dropdowns.less b/public/assets/less/forum/bootstrap/dropdowns.less new file mode 100755 index 0000000..f6876c1 --- /dev/null +++ b/public/assets/less/forum/bootstrap/dropdowns.less @@ -0,0 +1,216 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: @caret-width-base dashed; + border-top: @caret-width-base solid ~"\9"; // IE8 + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropup, +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: @zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: @font-size-base; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + .nav-divider(@dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: @line-height-base; + color: @dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: @dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: @dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: @dropdown-link-disabled-color; + } + + // Nuke hover/focus effects + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + .reset-filter(); + cursor: @cursor-disabled; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; + white-space: nowrap; // as with > li > a +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: (@zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: @caret-width-base dashed; + border-bottom: @caret-width-base solid ~"\9"; // IE8 + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: @grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + .dropdown-menu-right(); + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + .dropdown-menu-left(); + } + } +} diff --git a/public/assets/less/forum/bootstrap/forms.less b/public/assets/less/forum/bootstrap/forms.less new file mode 100755 index 0000000..b064ede --- /dev/null +++ b/public/assets/less/forum/bootstrap/forms.less @@ -0,0 +1,607 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: @line-height-computed; + font-size: (@font-size-base * 1.5); + line-height: inherit; + color: @legend-color; + border: 0; + border-bottom: 1px solid @legend-border-color; +} + +label { + display: inline-block; + max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + .box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; // IE8-9 + line-height: normal; +} + +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + .tab-focus(); +} + +// Adjust output element +output { + display: block; + padding-top: (@padding-base-vertical + 1); + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; + background-color: @input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid @input-border; + border-radius: @input-border-radius; // Note: This has no effect on s in CSS. + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); + + // Customize the `:focus` state to imitate native WebKit styles. + .form-control-focus(); + + // Placeholder + .placeholder(); + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + background-color: @input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 + } + + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + } + + // Reset height for `textarea`s + textarea& { + height: auto; + } +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS temporal inputs +// +// In Mobile Safari, setting `display: block` on temporal inputs causes the +// text within the input to become vertically misaligned. As a workaround, we +// set a pixel line-height that matches the given height of the input, but only +// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 +// +// Note that as of 8.3, iOS doesn't support `datetime` or `week`. + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + &.form-control { + line-height: @input-height-base; + } + + &.input-sm, + .input-group-sm & { + line-height: @input-height-small; + } + + &.input-lg, + .input-group-lg & { + line-height: @input-height-large; + } + } +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: @form-group-margin-bottom; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; + + label { + min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// Some special care is needed because Star + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('@{icon-font-path}@{icon-font-name}.eot'); + src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'), + url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'), + url('@{icon-font-path}@{icon-font-name}.woff') format('woff'), + url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'), + url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg'); +} + +// Catchall baseclass +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// Individual icons +.glyphicon-asterisk { &:before { content: "\2a"; } } +.glyphicon-plus { &:before { content: "\2b"; } } +.glyphicon-euro, +.glyphicon-eur { &:before { content: "\20ac"; } } +.glyphicon-minus { &:before { content: "\2212"; } } +.glyphicon-cloud { &:before { content: "\2601"; } } +.glyphicon-envelope { &:before { content: "\2709"; } } +.glyphicon-pencil { &:before { content: "\270f"; } } +.glyphicon-glass { &:before { content: "\e001"; } } +.glyphicon-music { &:before { content: "\e002"; } } +.glyphicon-search { &:before { content: "\e003"; } } +.glyphicon-heart { &:before { content: "\e005"; } } +.glyphicon-star { &:before { content: "\e006"; } } +.glyphicon-star-empty { &:before { content: "\e007"; } } +.glyphicon-user { &:before { content: "\e008"; } } +.glyphicon-film { &:before { content: "\e009"; } } +.glyphicon-th-large { &:before { content: "\e010"; } } +.glyphicon-th { &:before { content: "\e011"; } } +.glyphicon-th-list { &:before { content: "\e012"; } } +.glyphicon-ok { &:before { content: "\e013"; } } +.glyphicon-remove { &:before { content: "\e014"; } } +.glyphicon-zoom-in { &:before { content: "\e015"; } } +.glyphicon-zoom-out { &:before { content: "\e016"; } } +.glyphicon-off { &:before { content: "\e017"; } } +.glyphicon-signal { &:before { content: "\e018"; } } +.glyphicon-cog { &:before { content: "\e019"; } } +.glyphicon-trash { &:before { content: "\e020"; } } +.glyphicon-home { &:before { content: "\e021"; } } +.glyphicon-file { &:before { content: "\e022"; } } +.glyphicon-time { &:before { content: "\e023"; } } +.glyphicon-road { &:before { content: "\e024"; } } +.glyphicon-download-alt { &:before { content: "\e025"; } } +.glyphicon-download { &:before { content: "\e026"; } } +.glyphicon-upload { &:before { content: "\e027"; } } +.glyphicon-inbox { &:before { content: "\e028"; } } +.glyphicon-play-circle { &:before { content: "\e029"; } } +.glyphicon-repeat { &:before { content: "\e030"; } } +.glyphicon-refresh { &:before { content: "\e031"; } } +.glyphicon-list-alt { &:before { content: "\e032"; } } +.glyphicon-lock { &:before { content: "\e033"; } } +.glyphicon-flag { &:before { content: "\e034"; } } +.glyphicon-headphones { &:before { content: "\e035"; } } +.glyphicon-volume-off { &:before { content: "\e036"; } } +.glyphicon-volume-down { &:before { content: "\e037"; } } +.glyphicon-volume-up { &:before { content: "\e038"; } } +.glyphicon-qrcode { &:before { content: "\e039"; } } +.glyphicon-barcode { &:before { content: "\e040"; } } +.glyphicon-tag { &:before { content: "\e041"; } } +.glyphicon-tags { &:before { content: "\e042"; } } +.glyphicon-book { &:before { content: "\e043"; } } +.glyphicon-bookmark { &:before { content: "\e044"; } } +.glyphicon-print { &:before { content: "\e045"; } } +.glyphicon-camera { &:before { content: "\e046"; } } +.glyphicon-font { &:before { content: "\e047"; } } +.glyphicon-bold { &:before { content: "\e048"; } } +.glyphicon-italic { &:before { content: "\e049"; } } +.glyphicon-text-height { &:before { content: "\e050"; } } +.glyphicon-text-width { &:before { content: "\e051"; } } +.glyphicon-align-left { &:before { content: "\e052"; } } +.glyphicon-align-center { &:before { content: "\e053"; } } +.glyphicon-align-right { &:before { content: "\e054"; } } +.glyphicon-align-justify { &:before { content: "\e055"; } } +.glyphicon-list { &:before { content: "\e056"; } } +.glyphicon-indent-left { &:before { content: "\e057"; } } +.glyphicon-indent-right { &:before { content: "\e058"; } } +.glyphicon-facetime-video { &:before { content: "\e059"; } } +.glyphicon-picture { &:before { content: "\e060"; } } +.glyphicon-map-marker { &:before { content: "\e062"; } } +.glyphicon-adjust { &:before { content: "\e063"; } } +.glyphicon-tint { &:before { content: "\e064"; } } +.glyphicon-edit { &:before { content: "\e065"; } } +.glyphicon-share { &:before { content: "\e066"; } } +.glyphicon-check { &:before { content: "\e067"; } } +.glyphicon-move { &:before { content: "\e068"; } } +.glyphicon-step-backward { &:before { content: "\e069"; } } +.glyphicon-fast-backward { &:before { content: "\e070"; } } +.glyphicon-backward { &:before { content: "\e071"; } } +.glyphicon-play { &:before { content: "\e072"; } } +.glyphicon-pause { &:before { content: "\e073"; } } +.glyphicon-stop { &:before { content: "\e074"; } } +.glyphicon-forward { &:before { content: "\e075"; } } +.glyphicon-fast-forward { &:before { content: "\e076"; } } +.glyphicon-step-forward { &:before { content: "\e077"; } } +.glyphicon-eject { &:before { content: "\e078"; } } +.glyphicon-chevron-left { &:before { content: "\e079"; } } +.glyphicon-chevron-right { &:before { content: "\e080"; } } +.glyphicon-plus-sign { &:before { content: "\e081"; } } +.glyphicon-minus-sign { &:before { content: "\e082"; } } +.glyphicon-remove-sign { &:before { content: "\e083"; } } +.glyphicon-ok-sign { &:before { content: "\e084"; } } +.glyphicon-question-sign { &:before { content: "\e085"; } } +.glyphicon-info-sign { &:before { content: "\e086"; } } +.glyphicon-screenshot { &:before { content: "\e087"; } } +.glyphicon-remove-circle { &:before { content: "\e088"; } } +.glyphicon-ok-circle { &:before { content: "\e089"; } } +.glyphicon-ban-circle { &:before { content: "\e090"; } } +.glyphicon-arrow-left { &:before { content: "\e091"; } } +.glyphicon-arrow-right { &:before { content: "\e092"; } } +.glyphicon-arrow-up { &:before { content: "\e093"; } } +.glyphicon-arrow-down { &:before { content: "\e094"; } } +.glyphicon-share-alt { &:before { content: "\e095"; } } +.glyphicon-resize-full { &:before { content: "\e096"; } } +.glyphicon-resize-small { &:before { content: "\e097"; } } +.glyphicon-exclamation-sign { &:before { content: "\e101"; } } +.glyphicon-gift { &:before { content: "\e102"; } } +.glyphicon-leaf { &:before { content: "\e103"; } } +.glyphicon-fire { &:before { content: "\e104"; } } +.glyphicon-eye-open { &:before { content: "\e105"; } } +.glyphicon-eye-close { &:before { content: "\e106"; } } +.glyphicon-warning-sign { &:before { content: "\e107"; } } +.glyphicon-plane { &:before { content: "\e108"; } } +.glyphicon-calendar { &:before { content: "\e109"; } } +.glyphicon-random { &:before { content: "\e110"; } } +.glyphicon-comment { &:before { content: "\e111"; } } +.glyphicon-magnet { &:before { content: "\e112"; } } +.glyphicon-chevron-up { &:before { content: "\e113"; } } +.glyphicon-chevron-down { &:before { content: "\e114"; } } +.glyphicon-retweet { &:before { content: "\e115"; } } +.glyphicon-shopping-cart { &:before { content: "\e116"; } } +.glyphicon-folder-close { &:before { content: "\e117"; } } +.glyphicon-folder-open { &:before { content: "\e118"; } } +.glyphicon-resize-vertical { &:before { content: "\e119"; } } +.glyphicon-resize-horizontal { &:before { content: "\e120"; } } +.glyphicon-hdd { &:before { content: "\e121"; } } +.glyphicon-bullhorn { &:before { content: "\e122"; } } +.glyphicon-bell { &:before { content: "\e123"; } } +.glyphicon-certificate { &:before { content: "\e124"; } } +.glyphicon-thumbs-up { &:before { content: "\e125"; } } +.glyphicon-thumbs-down { &:before { content: "\e126"; } } +.glyphicon-hand-right { &:before { content: "\e127"; } } +.glyphicon-hand-left { &:before { content: "\e128"; } } +.glyphicon-hand-up { &:before { content: "\e129"; } } +.glyphicon-hand-down { &:before { content: "\e130"; } } +.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } +.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } +.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } +.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } +.glyphicon-globe { &:before { content: "\e135"; } } +.glyphicon-wrench { &:before { content: "\e136"; } } +.glyphicon-tasks { &:before { content: "\e137"; } } +.glyphicon-filter { &:before { content: "\e138"; } } +.glyphicon-briefcase { &:before { content: "\e139"; } } +.glyphicon-fullscreen { &:before { content: "\e140"; } } +.glyphicon-dashboard { &:before { content: "\e141"; } } +.glyphicon-paperclip { &:before { content: "\e142"; } } +.glyphicon-heart-empty { &:before { content: "\e143"; } } +.glyphicon-link { &:before { content: "\e144"; } } +.glyphicon-phone { &:before { content: "\e145"; } } +.glyphicon-pushpin { &:before { content: "\e146"; } } +.glyphicon-usd { &:before { content: "\e148"; } } +.glyphicon-gbp { &:before { content: "\e149"; } } +.glyphicon-sort { &:before { content: "\e150"; } } +.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } +.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } +.glyphicon-sort-by-order { &:before { content: "\e153"; } } +.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } +.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } +.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } +.glyphicon-unchecked { &:before { content: "\e157"; } } +.glyphicon-expand { &:before { content: "\e158"; } } +.glyphicon-collapse-down { &:before { content: "\e159"; } } +.glyphicon-collapse-up { &:before { content: "\e160"; } } +.glyphicon-log-in { &:before { content: "\e161"; } } +.glyphicon-flash { &:before { content: "\e162"; } } +.glyphicon-log-out { &:before { content: "\e163"; } } +.glyphicon-new-window { &:before { content: "\e164"; } } +.glyphicon-record { &:before { content: "\e165"; } } +.glyphicon-save { &:before { content: "\e166"; } } +.glyphicon-open { &:before { content: "\e167"; } } +.glyphicon-saved { &:before { content: "\e168"; } } +.glyphicon-import { &:before { content: "\e169"; } } +.glyphicon-export { &:before { content: "\e170"; } } +.glyphicon-send { &:before { content: "\e171"; } } +.glyphicon-floppy-disk { &:before { content: "\e172"; } } +.glyphicon-floppy-saved { &:before { content: "\e173"; } } +.glyphicon-floppy-remove { &:before { content: "\e174"; } } +.glyphicon-floppy-save { &:before { content: "\e175"; } } +.glyphicon-floppy-open { &:before { content: "\e176"; } } +.glyphicon-credit-card { &:before { content: "\e177"; } } +.glyphicon-transfer { &:before { content: "\e178"; } } +.glyphicon-cutlery { &:before { content: "\e179"; } } +.glyphicon-header { &:before { content: "\e180"; } } +.glyphicon-compressed { &:before { content: "\e181"; } } +.glyphicon-earphone { &:before { content: "\e182"; } } +.glyphicon-phone-alt { &:before { content: "\e183"; } } +.glyphicon-tower { &:before { content: "\e184"; } } +.glyphicon-stats { &:before { content: "\e185"; } } +.glyphicon-sd-video { &:before { content: "\e186"; } } +.glyphicon-hd-video { &:before { content: "\e187"; } } +.glyphicon-subtitles { &:before { content: "\e188"; } } +.glyphicon-sound-stereo { &:before { content: "\e189"; } } +.glyphicon-sound-dolby { &:before { content: "\e190"; } } +.glyphicon-sound-5-1 { &:before { content: "\e191"; } } +.glyphicon-sound-6-1 { &:before { content: "\e192"; } } +.glyphicon-sound-7-1 { &:before { content: "\e193"; } } +.glyphicon-copyright-mark { &:before { content: "\e194"; } } +.glyphicon-registration-mark { &:before { content: "\e195"; } } +.glyphicon-cloud-download { &:before { content: "\e197"; } } +.glyphicon-cloud-upload { &:before { content: "\e198"; } } +.glyphicon-tree-conifer { &:before { content: "\e199"; } } +.glyphicon-tree-deciduous { &:before { content: "\e200"; } } +.glyphicon-cd { &:before { content: "\e201"; } } +.glyphicon-save-file { &:before { content: "\e202"; } } +.glyphicon-open-file { &:before { content: "\e203"; } } +.glyphicon-level-up { &:before { content: "\e204"; } } +.glyphicon-copy { &:before { content: "\e205"; } } +.glyphicon-paste { &:before { content: "\e206"; } } +// The following 2 Glyphicons are omitted for the time being because +// they currently use Unicode codepoints that are outside the +// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle +// non-BMP codepoints in CSS string escapes, and thus can't display these two icons. +// Notably, the bug affects some older versions of the Android Browser. +// More info: https://github.com/twbs/bootstrap/issues/10106 +// .glyphicon-door { &:before { content: "\1f6aa"; } } +// .glyphicon-key { &:before { content: "\1f511"; } } +.glyphicon-alert { &:before { content: "\e209"; } } +.glyphicon-equalizer { &:before { content: "\e210"; } } +.glyphicon-king { &:before { content: "\e211"; } } +.glyphicon-queen { &:before { content: "\e212"; } } +.glyphicon-pawn { &:before { content: "\e213"; } } +.glyphicon-bishop { &:before { content: "\e214"; } } +.glyphicon-knight { &:before { content: "\e215"; } } +.glyphicon-baby-formula { &:before { content: "\e216"; } } +.glyphicon-tent { &:before { content: "\26fa"; } } +.glyphicon-blackboard { &:before { content: "\e218"; } } +.glyphicon-bed { &:before { content: "\e219"; } } +.glyphicon-apple { &:before { content: "\f8ff"; } } +.glyphicon-erase { &:before { content: "\e221"; } } +.glyphicon-hourglass { &:before { content: "\231b"; } } +.glyphicon-lamp { &:before { content: "\e223"; } } +.glyphicon-duplicate { &:before { content: "\e224"; } } +.glyphicon-piggy-bank { &:before { content: "\e225"; } } +.glyphicon-scissors { &:before { content: "\e226"; } } +.glyphicon-bitcoin { &:before { content: "\e227"; } } +.glyphicon-btc { &:before { content: "\e227"; } } +.glyphicon-xbt { &:before { content: "\e227"; } } +.glyphicon-yen { &:before { content: "\00a5"; } } +.glyphicon-jpy { &:before { content: "\00a5"; } } +.glyphicon-ruble { &:before { content: "\20bd"; } } +.glyphicon-rub { &:before { content: "\20bd"; } } +.glyphicon-scale { &:before { content: "\e230"; } } +.glyphicon-ice-lolly { &:before { content: "\e231"; } } +.glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } } +.glyphicon-education { &:before { content: "\e233"; } } +.glyphicon-option-horizontal { &:before { content: "\e234"; } } +.glyphicon-option-vertical { &:before { content: "\e235"; } } +.glyphicon-menu-hamburger { &:before { content: "\e236"; } } +.glyphicon-modal-window { &:before { content: "\e237"; } } +.glyphicon-oil { &:before { content: "\e238"; } } +.glyphicon-grain { &:before { content: "\e239"; } } +.glyphicon-sunglasses { &:before { content: "\e240"; } } +.glyphicon-text-size { &:before { content: "\e241"; } } +.glyphicon-text-color { &:before { content: "\e242"; } } +.glyphicon-text-background { &:before { content: "\e243"; } } +.glyphicon-object-align-top { &:before { content: "\e244"; } } +.glyphicon-object-align-bottom { &:before { content: "\e245"; } } +.glyphicon-object-align-horizontal{ &:before { content: "\e246"; } } +.glyphicon-object-align-left { &:before { content: "\e247"; } } +.glyphicon-object-align-vertical { &:before { content: "\e248"; } } +.glyphicon-object-align-right { &:before { content: "\e249"; } } +.glyphicon-triangle-right { &:before { content: "\e250"; } } +.glyphicon-triangle-left { &:before { content: "\e251"; } } +.glyphicon-triangle-bottom { &:before { content: "\e252"; } } +.glyphicon-triangle-top { &:before { content: "\e253"; } } +.glyphicon-console { &:before { content: "\e254"; } } +.glyphicon-superscript { &:before { content: "\e255"; } } +.glyphicon-subscript { &:before { content: "\e256"; } } +.glyphicon-menu-left { &:before { content: "\e257"; } } +.glyphicon-menu-right { &:before { content: "\e258"; } } +.glyphicon-menu-down { &:before { content: "\e259"; } } +.glyphicon-menu-up { &:before { content: "\e260"; } } diff --git a/public/assets/less/forum/bootstrap/grid.less b/public/assets/less/forum/bootstrap/grid.less new file mode 100755 index 0000000..e100655 --- /dev/null +++ b/public/assets/less/forum/bootstrap/grid.less @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + .container-fixed(); + + @media (min-width: @screen-sm-min) { + width: @container-sm; + } + @media (min-width: @screen-md-min) { + width: @container-md; + } + @media (min-width: @screen-lg-min) { + width: @container-lg; + } +} + + +// Fluid container +// +// Utilizes the mixin meant for fixed width containers, but without any defined +// width for fluid, full width layouts. + +.container-fluid { + .container-fixed(); +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + .make-row(); +} + + +// Columns +// +// Common styles for small and large grid columns + +.make-grid-columns(); + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +.make-grid(xs); + + +// Small grid +// +// Columns, offsets, pushes, and pulls for the small device range, from phones +// to tablets. + +@media (min-width: @screen-sm-min) { + .make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: @screen-md-min) { + .make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: @screen-lg-min) { + .make-grid(lg); +} diff --git a/public/assets/less/forum/bootstrap/input-groups.less b/public/assets/less/forum/bootstrap/input-groups.less new file mode 100755 index 0000000..457ea60 --- /dev/null +++ b/public/assets/less/forum/bootstrap/input-groups.less @@ -0,0 +1,167 @@ +// +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + position: relative; // For dropdowns + display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table + + // Undo padding and float of grid classes + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + + .form-control { + // Ensure that the input is always above the *appended* addon button for + // proper border colors. + position: relative; + z-index: 2; + + // IE9 fubars the placeholder attribute in text inputs and the arrows on + // select elements in input groups. To fix it, we float the input. Details: + // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 + float: left; + + width: 100%; + margin-bottom: 0; + } +} + +// Sizing options +// +// Remix the default form control sizing classes into new ones for easier +// manipulation. + +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + .input-lg(); +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + .input-sm(); +} + + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + font-weight: normal; + line-height: 1; + color: @input-color; + text-align: center; + background-color: @input-group-addon-bg; + border: 1px solid @input-group-addon-border-color; + border-radius: @border-radius-base; + + // Sizing + &.input-sm { + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + border-radius: @border-radius-small; + } + &.input-lg { + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + border-radius: @border-radius-large; + } + + // Nuke default margins from checkboxes and radios to vertically center within. + input[type="radio"], + input[type="checkbox"] { + margin-top: 0; + } +} + +// Reset rounded corners +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + .border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + .border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + // Jankily prevent input button groups from wrapping with `white-space` and + // `font-size` in combination with `inline-block` on buttons. + font-size: 0; + white-space: nowrap; + + // Negative margin for spacing, position for bringing hovered/focused/actived + // element above the siblings. + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:focus, + &:active { + z-index: 2; + } + } + + // Negative margin to only have a 1px border between the two + &:first-child { + > .btn, + > .btn-group { + margin-right: -1px; + } + } + &:last-child { + > .btn, + > .btn-group { + z-index: 2; + margin-left: -1px; + } + } +} diff --git a/public/assets/less/forum/bootstrap/jumbotron.less b/public/assets/less/forum/bootstrap/jumbotron.less new file mode 100755 index 0000000..fa80a38 --- /dev/null +++ b/public/assets/less/forum/bootstrap/jumbotron.less @@ -0,0 +1,52 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding-top: @jumbotron-padding; + padding-bottom: @jumbotron-padding; + margin-bottom: @jumbotron-padding; + color: @jumbotron-color; + background-color: @jumbotron-bg; + + h1, + .h1 { + color: @jumbotron-heading-color; + } + + p { + margin-bottom: (@jumbotron-padding / 2); + font-size: @jumbotron-font-size; + font-weight: 200; + } + + > hr { + border-top-color: darken(@jumbotron-bg, 10%); + } + + .container &, + .container-fluid & { + border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: @screen-sm-min) { + padding-top: (@jumbotron-padding * 1.6); + padding-bottom: (@jumbotron-padding * 1.6); + + .container &, + .container-fluid & { + padding-left: (@jumbotron-padding * 2); + padding-right: (@jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: @jumbotron-heading-font-size; + } + } +} diff --git a/public/assets/less/forum/bootstrap/labels.less b/public/assets/less/forum/bootstrap/labels.less new file mode 100755 index 0000000..9a5a270 --- /dev/null +++ b/public/assets/less/forum/bootstrap/labels.less @@ -0,0 +1,64 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: @label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // Add hover effects, but only for links + a& { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for labels in buttons + .btn & { + position: relative; + top: -1px; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + .label-variant(@label-default-bg); +} + +.label-primary { + .label-variant(@label-primary-bg); +} + +.label-success { + .label-variant(@label-success-bg); +} + +.label-info { + .label-variant(@label-info-bg); +} + +.label-warning { + .label-variant(@label-warning-bg); +} + +.label-danger { + .label-variant(@label-danger-bg); +} diff --git a/public/assets/less/forum/bootstrap/list-group.less b/public/assets/less/forum/bootstrap/list-group.less new file mode 100755 index 0000000..216b912 --- /dev/null +++ b/public/assets/less/forum/bootstrap/list-group.less @@ -0,0 +1,130 @@ +// +// List groups +// -------------------------------------------------- + + +// Base class +// +// Easily usable on
            ,
              , or
              . + +.list-group { + // No need to set list-style: none; since .list-group-item is block level + margin-bottom: 20px; + padding-left: 0; // reset padding because ul and ol +} + + +// Individual list items +// +// Use on `li`s or `div`s within the `.list-group` parent. + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + // Place the border on the list items and negative margin up for better styling + margin-bottom: -1px; + background-color: @list-group-bg; + border: 1px solid @list-group-border; + + // Round the first and last items + &:first-child { + .border-top-radius(@list-group-border-radius); + } + &:last-child { + margin-bottom: 0; + .border-bottom-radius(@list-group-border-radius); + } +} + + +// Interactive list items +// +// Use anchor or button elements instead of `li`s or `div`s to create interactive items. +// Includes an extra `.active` modifier class for showing selected items. + +a.list-group-item, +button.list-group-item { + color: @list-group-link-color; + + .list-group-item-heading { + color: @list-group-link-heading-color; + } + + // Hover state + &:hover, + &:focus { + text-decoration: none; + color: @list-group-link-hover-color; + background-color: @list-group-hover-bg; + } +} + +button.list-group-item { + width: 100%; + text-align: left; +} + +.list-group-item { + // Disabled state + &.disabled, + &.disabled:hover, + &.disabled:focus { + background-color: @list-group-disabled-bg; + color: @list-group-disabled-color; + cursor: @cursor-disabled; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: @list-group-disabled-text-color; + } + } + + // Active class on item itself, not parent + &.active, + &.active:hover, + &.active:focus { + z-index: 2; // Place active items above their siblings for proper border styling + color: @list-group-active-color; + background-color: @list-group-active-bg; + border-color: @list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading, + .list-group-item-heading > small, + .list-group-item-heading > .small { + color: inherit; + } + .list-group-item-text { + color: @list-group-active-text-color; + } + } +} + + +// Contextual variants +// +// Add modifier classes to change text and background color on individual items. +// Organizationally, this must come after the `:hover` states. + +.list-group-item-variant(success; @state-success-bg; @state-success-text); +.list-group-item-variant(info; @state-info-bg; @state-info-text); +.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); +.list-group-item-variant(danger; @state-danger-bg; @state-danger-text); + + +// Custom content options +// +// Extra classes for creating well-formatted content within `.list-group-item`s. + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} diff --git a/public/assets/less/forum/bootstrap/media.less b/public/assets/less/forum/bootstrap/media.less new file mode 100755 index 0000000..8c835e8 --- /dev/null +++ b/public/assets/less/forum/bootstrap/media.less @@ -0,0 +1,66 @@ +.media { + // Proper spacing between instances of .media + margin-top: 15px; + + &:first-child { + margin-top: 0; + } +} + +.media, +.media-body { + zoom: 1; + overflow: hidden; +} + +.media-body { + width: 10000px; +} + +.media-object { + display: block; + + // Fix collapse in webkit from max-width: 100% and display: table-cell. + &.img-thumbnail { + max-width: none; + } +} + +.media-right, +.media > .pull-right { + padding-left: 10px; +} + +.media-left, +.media > .pull-left { + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +// Reset margins on headings for tighter default spacing +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +// Media list variation +// +// Undo default ul/ol styles +.media-list { + padding-left: 0; + list-style: none; +} diff --git a/public/assets/less/forum/bootstrap/mixins.less b/public/assets/less/forum/bootstrap/mixins.less new file mode 100755 index 0000000..e6f9fe6 --- /dev/null +++ b/public/assets/less/forum/bootstrap/mixins.less @@ -0,0 +1,40 @@ +// Mixins +// -------------------------------------------------- + +// Utilities +@import "mixins/hide-text.less"; +@import "mixins/opacity.less"; +@import "mixins/image.less"; +@import "mixins/labels.less"; +@import "mixins/reset-filter.less"; +@import "mixins/resize.less"; +@import "mixins/responsive-visibility.less"; +@import "mixins/size.less"; +@import "mixins/tab-focus.less"; +@import "mixins/reset-text.less"; +@import "mixins/text-emphasis.less"; +@import "mixins/text-overflow.less"; +@import "mixins/vendor-prefixes.less"; + +// Components +@import "mixins/alerts.less"; +@import "mixins/buttons.less"; +@import "mixins/panels.less"; +@import "mixins/pagination.less"; +@import "mixins/list-group.less"; +@import "mixins/nav-divider.less"; +@import "mixins/forms.less"; +@import "mixins/progress-bar.less"; +@import "mixins/table-row.less"; + +// Skins +@import "mixins/background-variant.less"; +@import "mixins/border-radius.less"; +@import "mixins/gradients.less"; + +// Layout +@import "mixins/clearfix.less"; +@import "mixins/center-block.less"; +@import "mixins/nav-vertical-align.less"; +@import "mixins/grid-framework.less"; +@import "mixins/grid.less"; diff --git a/public/assets/less/forum/bootstrap/mixins/alerts.less b/public/assets/less/forum/bootstrap/mixins/alerts.less new file mode 100755 index 0000000..396196f --- /dev/null +++ b/public/assets/less/forum/bootstrap/mixins/alerts.less @@ -0,0 +1,14 @@ +// Alerts + +.alert-variant(@background; @border; @text-color) { + background-color: @background; + border-color: @border; + color: @text-color; + + hr { + border-top-color: darken(@border, 5%); + } + .alert-link { + color: darken(@text-color, 10%); + } +} diff --git a/public/assets/less/forum/bootstrap/mixins/background-variant.less b/public/assets/less/forum/bootstrap/mixins/background-variant.less new file mode 100755 index 0000000..a85c22b --- /dev/null +++ b/public/assets/less/forum/bootstrap/mixins/background-variant.less @@ -0,0 +1,9 @@ +// Contextual backgrounds + +.bg-variant(@color) { + background-color: @color; + a&:hover, + a&:focus { + background-color: darken(@color, 10%); + } +} diff --git a/public/assets/less/forum/bootstrap/mixins/border-radius.less b/public/assets/less/forum/bootstrap/mixins/border-radius.less new file mode 100755 index 0000000..ca05dbf --- /dev/null +++ b/public/assets/less/forum/bootstrap/mixins/border-radius.less @@ -0,0 +1,18 @@ +// Single side border-radius + +.border-top-radius(@radius) { + border-top-right-radius: @radius; + border-top-left-radius: @radius; +} +.border-right-radius(@radius) { + border-bottom-right-radius: @radius; + border-top-right-radius: @radius; +} +.border-bottom-radius(@radius) { + border-bottom-right-radius: @radius; + border-bottom-left-radius: @radius; +} +.border-left-radius(@radius) { + border-bottom-left-radius: @radius; + border-top-left-radius: @radius; +} diff --git a/public/assets/less/forum/bootstrap/mixins/buttons.less b/public/assets/less/forum/bootstrap/mixins/buttons.less new file mode 100755 index 0000000..6875a97 --- /dev/null +++ b/public/assets/less/forum/bootstrap/mixins/buttons.less @@ -0,0 +1,68 @@ +// Button variants +// +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons + +.button-variant(@color; @background; @border) { + color: @color; + background-color: @background; + border-color: @border; + + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 25%); + } + &:hover { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + } + &:active, + &.active, + .open > .dropdown-toggle& { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + + &:hover, + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 17%); + border-color: darken(@border, 25%); + } + } + &:active, + &.active, + .open > .dropdown-toggle& { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + + .badge { + color: @background; + background-color: @color; + } +} + +// Button sizes +.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; +} diff --git a/public/assets/less/forum/bootstrap/mixins/center-block.less b/public/assets/less/forum/bootstrap/mixins/center-block.less new file mode 100755 index 0000000..d18d6de --- /dev/null +++ b/public/assets/less/forum/bootstrap/mixins/center-block.less @@ -0,0 +1,7 @@ +// Center-align a block level element + +.center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} diff --git a/public/assets/less/forum/bootstrap/mixins/clearfix.less b/public/assets/less/forum/bootstrap/mixins/clearfix.less new file mode 100755 index 0000000..3f7a382 --- /dev/null +++ b/public/assets/less/forum/bootstrap/mixins/clearfix.less @@ -0,0 +1,22 @@ +// Clearfix +// +// 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 are clearfixed. +// 2. The use of `table` rather than `block` is only necessary if using +// `:before` to contain the top-margins of child elements. +// +// Source: http://nicolasgallagher.com/micro-clearfix-hack/ + +.clearfix() { + &:before, + &:after { + content: " "; // 1 + display: table; // 2 + } + &:after { + clear: both; + } +} diff --git a/public/assets/less/forum/bootstrap/mixins/forms.less b/public/assets/less/forum/bootstrap/mixins/forms.less new file mode 100755 index 0000000..6f55ed9 --- /dev/null +++ b/public/assets/less/forum/bootstrap/mixins/forms.less @@ -0,0 +1,85 @@ +// Form validation states +// +// Used in forms.less to generate the form validation CSS for warnings, errors, +// and successes. + +.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { + // Color the label and help text + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label { + color: @text-color; + } + // Set the border and box shadow on specific inputs to match + .form-control { + border-color: @border-color; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + &:focus { + border-color: darken(@border-color, 10%); + @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); + .box-shadow(@shadow); + } + } + // Set validation states also for addons + .input-group-addon { + color: @text-color; + border-color: @border-color; + background-color: @background-color; + } + // Optional feedback icon + .form-control-feedback { + color: @text-color; + } +} + + +// Form control focus state +// +// Generate a customized focus state and for any input with the specified color, +// which defaults to the `@input-border-focus` variable. +// +// We highly encourage you to not customize the default value, but instead use +// this to tweak colors on an as-needed basis. This aesthetic change is based on +// WebKit's default styles, but applicable to a wider range of browsers. Its +// usability and accessibility should be taken into account with any change. +// +// Example usage: change the default blue border and shadow to white for better +// contrast against a dark gray background. +.form-control-focus(@color: @input-border-focus) { + @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); + &:focus { + border-color: @color; + outline: 0; + .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); + } +} + +// Form control sizing +// +// Relative text size, padding, and border-radii changes for form controls. For +// horizontal sizing, wrap controls in the predefined grid classes. `` background color +@input-bg: #fff; +//** `` background color +@input-bg-disabled: @gray-lighter; + +//** Text color for ``s +@input-color: @gray; +//** `` border color +@input-border: #ccc; + +// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +//** Default `.form-control` border radius +// This has no effect on ``s in CSS. +@input-border-radius: @border-radius-base; +//** Large `.form-control` border radius +@input-border-radius-large: @border-radius-large; +//** Small `.form-control` border radius +@input-border-radius-small: @border-radius-small; + +//** Border color for inputs on focus +@input-border-focus: #66afe9; + +//** Placeholder text color +@input-color-placeholder: #999; + +//** Default `.form-control` height +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); +//** Large `.form-control` height +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); +//** Small `.form-control` height +@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); + +//** `.form-group` margin +@form-group-margin-bottom: 15px; + +@legend-color: @gray-dark; +@legend-border-color: #e5e5e5; + +//** Background color for textual input addons +@input-group-addon-bg: @gray-lighter; +//** Border color for textual input addons +@input-group-addon-border-color: @input-border; + +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +@dropdown-bg: #fff; +//** Dropdown menu `border-color`. +@dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +@dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +@dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +@dropdown-link-color: @gray-dark; +//** Hover color for dropdown links. +@dropdown-link-hover-color: darken(@gray-dark, 5%); +//** Hover background for dropdown links. +@dropdown-link-hover-bg: #f5f5f5; + +//** Active dropdown menu item text color. +@dropdown-link-active-color: @component-active-color; +//** Active dropdown menu item background color. +@dropdown-link-active-bg: @component-active-bg; + +//** Disabled dropdown menu item background color. +@dropdown-link-disabled-color: @gray-light; + +//** Text color for headers within dropdown menus. +@dropdown-header-color: @gray-light; + +//** Deprecated `@dropdown-caret-color` as of v3.1.0 +@dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +@zindex-navbar: 1000; +@zindex-dropdown: 1000; +@zindex-popover: 1060; +@zindex-tooltip: 1070; +@zindex-navbar-fixed: 1030; +@zindex-modal-background: 1040; +@zindex-modal: 1050; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `@screen-xs` as of v3.0.1 +@screen-xs: 480px; +//** Deprecated `@screen-xs-min` as of v3.2.0 +@screen-xs-min: @screen-xs; +//** Deprecated `@screen-phone` as of v3.0.1 +@screen-phone: @screen-xs-min; + +// Small screen / tablet +//** Deprecated `@screen-sm` as of v3.0.1 +@screen-sm: 768px; +@screen-sm-min: @screen-sm; +//** Deprecated `@screen-tablet` as of v3.0.1 +@screen-tablet: @screen-sm-min; + +// Medium screen / desktop +//** Deprecated `@screen-md` as of v3.0.1 +@screen-md: 992px; +@screen-md-min: @screen-md; +//** Deprecated `@screen-desktop` as of v3.0.1 +@screen-desktop: @screen-md-min; + +// Large screen / wide desktop +//** Deprecated `@screen-lg` as of v3.0.1 +@screen-lg: 1200px; +@screen-lg-min: @screen-lg; +//** Deprecated `@screen-lg-desktop` as of v3.0.1 +@screen-lg-desktop: @screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +@screen-xs-max: (@screen-sm-min - 1); +@screen-sm-max: (@screen-md-min - 1); +@screen-md-max: (@screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +@grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +@grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +@grid-float-breakpoint: @screen-sm-min; +//** Point at which the navbar begins collapsing. +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +@container-tablet: (720px + @grid-gutter-width); +//** For `@screen-sm-min` and up. +@container-sm: @container-tablet; + +// Medium screen / desktop +@container-desktop: (940px + @grid-gutter-width); +//** For `@screen-md-min` and up. +@container-md: @container-desktop; + +// Large screen / wide desktop +@container-large-desktop: (1140px + @grid-gutter-width); +//** For `@screen-lg-min` and up. +@container-lg: @container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +@navbar-height: 50px; +@navbar-margin-bottom: @line-height-computed; +@navbar-border-radius: @border-radius-base; +@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); +@navbar-collapse-max-height: 340px; + +@navbar-default-color: #777; +@navbar-default-bg: #f8f8f8; +@navbar-default-border: darken(@navbar-default-bg, 6.5%); + +// Navbar links +@navbar-default-link-color: #777; +@navbar-default-link-hover-color: #333; +@navbar-default-link-hover-bg: transparent; +@navbar-default-link-active-color: #555; +@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); +@navbar-default-link-disabled-color: #ccc; +@navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +@navbar-default-brand-color: @navbar-default-link-color; +@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); +@navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +@navbar-default-toggle-hover-bg: #ddd; +@navbar-default-toggle-icon-bar-bg: #888; +@navbar-default-toggle-border-color: #ddd; + + +//=== Inverted navbar +// Reset inverted navbar basics +@navbar-inverse-color: lighten(@gray-light, 15%); +@navbar-inverse-bg: #222; +@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); + +// Inverted navbar links +@navbar-inverse-link-color: lighten(@gray-light, 15%); +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-hover-bg: transparent; +@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; +@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); +@navbar-inverse-link-disabled-color: #444; +@navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +@navbar-inverse-brand-color: @navbar-inverse-link-color; +@navbar-inverse-brand-hover-color: #fff; +@navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: #333; +@navbar-inverse-toggle-icon-bar-bg: #fff; +@navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +@nav-link-padding: 10px 15px; +@nav-link-hover-bg: @gray-lighter; + +@nav-disabled-link-color: @gray-light; +@nav-disabled-link-hover-color: @gray-light; + +//== Tabs +@nav-tabs-border-color: #ddd; + +@nav-tabs-link-hover-border-color: @gray-lighter; + +@nav-tabs-active-link-hover-bg: @body-bg; +@nav-tabs-active-link-hover-color: @gray; +@nav-tabs-active-link-hover-border-color: #ddd; + +@nav-tabs-justified-link-border-color: #ddd; +@nav-tabs-justified-active-link-border-color: @body-bg; + +//== Pills +@nav-pills-border-radius: @border-radius-base; +@nav-pills-active-link-hover-bg: @component-active-bg; +@nav-pills-active-link-hover-color: @component-active-color; + + +//== Pagination +// +//## + +@pagination-color: @link-color; +@pagination-bg: #fff; +@pagination-border: #ddd; + +@pagination-hover-color: @link-hover-color; +@pagination-hover-bg: @gray-lighter; +@pagination-hover-border: #ddd; + +@pagination-active-color: #fff; +@pagination-active-bg: @brand-primary; +@pagination-active-border: @brand-primary; + +@pagination-disabled-color: @gray-light; +@pagination-disabled-bg: #fff; +@pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +@pager-bg: @pagination-bg; +@pager-border: @pagination-border; +@pager-border-radius: 15px; + +@pager-hover-bg: @pagination-hover-bg; + +@pager-active-bg: @pagination-active-bg; +@pager-active-color: @pagination-active-color; + +@pager-disabled-color: @pagination-disabled-color; + + +//== Jumbotron +// +//## + +@jumbotron-padding: 30px; +@jumbotron-color: inherit; +@jumbotron-bg: @gray-lighter; +@jumbotron-heading-color: inherit; +@jumbotron-font-size: ceil((@font-size-base * 1.5)); +@jumbotron-heading-font-size: ceil((@font-size-base * 4.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +@tooltip-max-width: 200px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: #000; +@tooltip-opacity: .9; + +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +@popover-bg: #fff; +//** Popover maximum width +@popover-max-width: 276px; +//** Popover border color +@popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +@popover-fallback-border-color: #ccc; + +//** Popover title background color +@popover-title-bg: darken(@popover-bg, 3%); + +//** Popover arrow width +@popover-arrow-width: 10px; +//** Popover arrow color +@popover-arrow-color: @popover-bg; + +//** Popover outer arrow width +@popover-arrow-outer-width: (@popover-arrow-width + 1); +//** Popover outer arrow color +@popover-arrow-outer-color: fadein(@popover-border-color, 5%); +//** Popover outer arrow fallback color +@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +@label-default-bg: @gray-light; +//** Primary label background color +@label-primary-bg: @brand-primary; +//** Success label background color +@label-success-bg: @brand-success; +//** Info label background color +@label-info-bg: @brand-info; +//** Warning label background color +@label-warning-bg: @brand-warning; +//** Danger label background color +@label-danger-bg: @brand-danger; + +//** Default label text color +@label-color: #fff; +//** Default text color of a linked label +@label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +@modal-inner-padding: 15px; + +//** Padding applied to the modal title +@modal-title-padding: 15px; +//** Modal title line-height +@modal-title-line-height: @line-height-base; + +//** Background color of modal content area +@modal-content-bg: #fff; +//** Modal content border color +@modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +@modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +@modal-backdrop-bg: #000; +//** Modal backdrop opacity +@modal-backdrop-opacity: .5; +//** Modal header border color +@modal-header-border-color: #e5e5e5; +//** Modal footer border color +@modal-footer-border-color: @modal-header-border-color; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +@alert-padding: 15px; +@alert-border-radius: @border-radius-base; +@alert-link-font-weight: bold; + +@alert-success-bg: @state-success-bg; +@alert-success-text: @state-success-text; +@alert-success-border: @state-success-border; + +@alert-info-bg: @state-info-bg; +@alert-info-text: @state-info-text; +@alert-info-border: @state-info-border; + +@alert-warning-bg: @state-warning-bg; +@alert-warning-text: @state-warning-text; +@alert-warning-border: @state-warning-border; + +@alert-danger-bg: @state-danger-bg; +@alert-danger-text: @state-danger-text; +@alert-danger-border: @state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +@progress-border-radius: @border-radius-base; + +//** Default progress bar color +@progress-bar-bg: @brand-primary; +//** Success progress bar color +@progress-bar-success-bg: @brand-success; +//** Warning progress bar color +@progress-bar-warning-bg: @brand-warning; +//** Danger progress bar color +@progress-bar-danger-bg: @brand-danger; +//** Info progress bar color +@progress-bar-info-bg: @brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list items on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list items +@list-group-active-color: @component-active-color; +//** Background color of active list items +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +//** Text color for content within active list items +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +//** Text color of disabled list items +@list-group-disabled-color: @gray-light; +//** Background color of disabled list items +@list-group-disabled-bg: @gray-lighter; +//** Text color for content within disabled list items +@list-group-disabled-text-color: @list-group-disabled-color; + +@list-group-link-color: #555; +@list-group-link-hover-color: @list-group-link-color; +@list-group-link-heading-color: #333; + + +//== Panels +// +//## + +@panel-bg: #fff; +@panel-body-padding: 15px; +@panel-heading-padding: 10px 15px; +@panel-footer-padding: @panel-heading-padding; +@panel-border-radius: @border-radius-base; + +//** Border color for elements within panels +@panel-inner-border: #ddd; +@panel-footer-bg: #f5f5f5; + +@panel-default-text: @gray-dark; +@panel-default-border: #ddd; +@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: @brand-primary; +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: @state-success-text; +@panel-success-border: @state-success-border; +@panel-success-heading-bg: @state-success-bg; + +@panel-info-text: @state-info-text; +@panel-info-border: @state-info-border; +@panel-info-heading-bg: @state-info-bg; + +@panel-warning-text: @state-warning-text; +@panel-warning-border: @state-warning-border; +@panel-warning-heading-bg: @state-warning-bg; + +@panel-danger-text: @state-danger-text; +@panel-danger-border: @state-danger-border; +@panel-danger-heading-bg: @state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + +//** Custom text color for thumbnail captions +@thumbnail-caption-color: @text-color; +//** Padding around the thumbnail caption +@thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +@well-bg: #f5f5f5; +@well-border: darken(@well-bg, 7%); + + +//== Badges +// +//## + +@badge-color: #fff; +//** Linked badge text color on hover +@badge-link-hover-color: #fff; +@badge-bg: @gray-light; + +//** Badge text color in active nav link +@badge-active-color: @link-color; +//** Badge background color in active nav link +@badge-active-bg: #fff; + +@badge-font-weight: bold; +@badge-line-height: 1; +@badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +@breadcrumb-padding-vertical: 8px; +@breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +@breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +@breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +@breadcrumb-active-color: @gray-light; +//** Textual separator for between breadcrumb elements +@breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +@carousel-control-color: #fff; +@carousel-control-width: 15%; +@carousel-control-opacity: .5; +@carousel-control-font-size: 20px; + +@carousel-indicator-active-bg: #fff; +@carousel-indicator-border-color: #fff; + +@carousel-caption-color: #fff; + + +//== Close +// +//## + +@close-font-weight: bold; +@close-color: #000; +@close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +@code-color: #c7254e; +@code-bg: #f9f2f4; + +@kbd-color: #fff; +@kbd-bg: #333; + +@pre-bg: #f5f5f5; +@pre-color: @gray-dark; +@pre-border-color: #ccc; +@pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; +//** Width of horizontal description list titles +@dl-horizontal-offset: @component-offset-horizontal; +//** Horizontal line color. +@hr-border: @gray-lighter; diff --git a/public/assets/less/forum/bootstrap/wells.less b/public/assets/less/forum/bootstrap/wells.less new file mode 100755 index 0000000..15d072b --- /dev/null +++ b/public/assets/less/forum/bootstrap/wells.less @@ -0,0 +1,29 @@ +// +// Wells +// -------------------------------------------------- + + +// Base class +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: @well-bg; + border: 1px solid @well-border; + border-radius: @border-radius-base; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + blockquote { + border-color: #ddd; + border-color: rgba(0,0,0,.15); + } +} + +// Sizes +.well-lg { + padding: 24px; + border-radius: @border-radius-large; +} +.well-sm { + padding: 9px; + border-radius: @border-radius-small; +} diff --git a/public/assets/less/forum/components/_alert_note.less b/public/assets/less/forum/components/_alert_note.less new file mode 100755 index 0000000..58cb6ef --- /dev/null +++ b/public/assets/less/forum/components/_alert_note.less @@ -0,0 +1,78 @@ +/* Alert */ + +.alert { + border: none; +} +.alert.alert-success { + background: #7cdda7; +} +.alert.alert-info { + background: #93cfe5; +} +.alert.alert-danger { + background: #f8b2b2; +} +.alert.alert-warning { + background: #ffead0; +} + + +/* Note Setting */ + +.note { + margin-bottom: 20px; + padding: 15px; + border-left: 3px solid; +} +.note.note-success { + border-color: #4a8564; + background: #b0ebca; + color: #3c763d; +} +.note.note-success h1, +.note.note-success h2, +.note.note-success h3, +.note.note-success h4, +.note.note-success h5, +.note.note-success h6 { + color: #3c763d; +} +.note.note-danger { + border-color: #986e6e; + background: #fbd1d1; + color: #a94442; +} +.note.note-danger h1, +.note.note-danger h2, +.note.note-danger h3, +.note.note-danger h4, +.note.note-danger h5, +.note.note-danger h6 { + color: #a94442; +} +.note.note-info { + border-color: #587c89; + background: #bee2ef; + color: #31708f; +} +.note.note-info h1, +.note.note-info h2, +.note.note-info h3, +.note.note-info h4, +.note.note-info h5, +.note.note-info h6 { + color: #31708f; +} +.note.note-warning { + border-color: #9d9080; + background: #fff2e3; + color: #8a6d3b; +} +.note.note-warning h1, +.note.note-warning h2, +.note.note-warning h3, +.note.note-warning h4, +.note.note-warning h5, +.note.note-warning h6 { + color: #8a6d3b; +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_badge_label.less b/public/assets/less/forum/components/_badge_label.less new file mode 100755 index 0000000..4069fdd --- /dev/null +++ b/public/assets/less/forum/components/_badge_label.less @@ -0,0 +1,42 @@ +/* Badge & Label Setting */ + +.badge { + font-size: 75%; + line-height: 1.25; + font-weight: 600; +} +.label { + font-size: 75%; + font-weight: 600; +} +.badge.badge-square { + .border-radius(0); +} +.badge.badge-default, +.label.label-default { + background: @grey; +} +.badge.badge-danger, +.label.label-danger { + background: @red; +} +.badge.badge-warning, +.label.label-warning { + background: @orange; +} +.badge.badge-success, +.label.label-success { + background: @green; +} +.badge.badge-info, +.label.label-info { + background: @aqua ; +} +.badge.badge-primary, +.label.label-primary { + background: @blue ; +} +.badge.badge-inverse, +.label.label-inverse { + background: @black ; +} diff --git a/public/assets/less/forum/components/_button.less b/public/assets/less/forum/components/_button.less new file mode 100755 index 0000000..9d46d76 --- /dev/null +++ b/public/assets/less/forum/components/_button.less @@ -0,0 +1,135 @@ +/* Button */ + +.btn { + font-weight: 300; + .border-radius(3px); + + &:focus, + &:active:focus, + &.active:focus { + outline: none; + } + &:active, + &.active { + .box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.1)); + } +} +.btn-icon, +.btn.btn-icon { + display: inline-block; + width: 28px; + height: 28px; + padding: 0; + border: none; + line-height: 28px; + text-align: center; + font-size: 14px; + + &.btn-xs { + width: 16px; + height: 16px; + font-size: 8px; + line-height: 16px; + } + &.btn-sm { + width: 22px; + height: 22px; + font-size: 11px; + line-height: 22px; + } + &.btn-lg { + width: 34px; + height: 34px; + font-size: 17px; + line-height: 34px; + } + & > .pull-left, + & > .pull-right { + line-height: 1.428571429; + } +} + +.btn-circle, +.btn.btn-circle { + .border-radius(50%); +} +.btn-scroll-to-top { + position: fixed; + bottom: 20px; + right: 25px; + z-index: 1020; +} +.page-with-right-sidebar .btn-scroll-to-top { + left: 25px; + right: auto; +} +.btn-block { + padding-left: 12px; + padding-right: 12px; +} + + +/* + Button Generator (inside _mixins.less) + ---------------- + .generate-button-styling(@buttonClassName; @defaultColor; @hoverColor;); +*/ + +// .btn-default +.generate-button-styling(btn-default; @grey; @dark_grey); + +// .btn-inverse +.generate-button-styling(btn-inverse; @black; @dark_black); + +// .btn-primary +.generate-button-styling(btn-primary; @blue; @dark_blue); + +// .btn-success +.generate-button-styling(btn-success; @green; @dark_green); + +// .btn-warning +.generate-button-styling(btn-warning; @orange; @dark_orange); + +// .btn-danger +.generate-button-styling(btn-danger; @red; @dark_red); + +// .btn-info +.generate-button-styling(btn-info; @aqua; @dark_aqua); + +// .btn-white +.btn.btn-white { + font-weight: normal; + color: #333; + background: @white; + border-color: #e2e7eb; + + &:hover, + &:focus, + &:active, + &.active { + background: #e2e7eb; + border-color: #d8dde1; + } + + &.btn-white-without-border { + border-color: @white; + + &.active, + &.active:hover, + &.active:focus { + border-color: #ddd; + } + &:hover, + &focus { + border-color: #eee; + } + } +} +.open .dropdown-toggle.btn-white { + background: #e2e7eb; + border-color: #d8dde1; +} +.btn-group .btn.btn-white:not(.active) + .btn.btn-white, +.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { + border-left-color: #eee; +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_carousel.less b/public/assets/less/forum/components/_carousel.less new file mode 100755 index 0000000..4ce1a9d --- /dev/null +++ b/public/assets/less/forum/components/_carousel.less @@ -0,0 +1,17 @@ +/* Carousel */ + +.carousel .carousel-control .fa { + position: absolute; + top: 50%; + z-index: 5; + display: block; + width: 30px; + height: 30px; + margin-top: -15px; + text-align: center; + line-height: 30px; + margin-left: -15px; +} +.carousel .carousel-control.left .fa { + margin-left: 15px; +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_dropdown_menu.less b/public/assets/less/forum/components/_dropdown_menu.less new file mode 100755 index 0000000..abbf287 --- /dev/null +++ b/public/assets/less/forum/components/_dropdown_menu.less @@ -0,0 +1,66 @@ +/* Dropdown Menu */ + +.dropdown-menu { + border: none; + font-size: 12px; + .box-shadow(0 2px 5px -1px rgba(0, 0, 0, 0.2)); +} +.dropdown-menu > li > a { + padding: 5px 15px; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background: #edf0f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background: #348fe2; +} +.dropdown-menu .divider { + border-color: #eee; +} +.dropdown-menu.media-list { + max-width: 280px; + padding: 0; +} +.dropdown-menu.media-list p { + text-overflow: ellipsis; + overflow: hidden; +} +.dropdown-menu.media-list .dropdown-header { + padding: 10px 20px !important; + background: #fafafa; +} +.dropdown-menu.media-list > .media { + margin-top: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + margin-bottom: -1px; +} +.dropdown-menu.media-list > .media > a { + display: block; + padding: 10px 20px !important; +} +.dropdown-menu.media-list > .media .media-object { + height: 36px; + width: 36px; + line-height: 36px; + font-size: 14px; + color: #fff; + text-align: center; + margin-right: 10px; + .border-radius(50%); +} +.dropdown-footer { + padding: 10px 20px; +} +.dropdown-menu > li.dropdown-footer > a { + padding: 0 !important; + display: inline !important; +} +.dropdown-menu > li.dropdown-footer > a:hover, +.dropdown-menu > li.dropdown-footer > a:focus { + background: none !important; + text-decoration: underline !important; +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_form_elements.less b/public/assets/less/forum/components/_form_elements.less new file mode 100755 index 0000000..340ccff --- /dev/null +++ b/public/assets/less/forum/components/_form_elements.less @@ -0,0 +1,136 @@ +/* Form Elements */ + +.form-control { + border: 2px solid #ccd0d4; + font-size: 12px; + .box-shadow(none); + .border-radius(3px); +} +.form-control.input-white { + background: #fff; + border-color: #fff; + + &:focus { + .box-shadow(none); + } +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background: #e5e9ed; + .opacity(0.6); +} +.form-control[disabled]:focus, +.form-control[readonly]:focus, +fieldset[disabled] .form-control:focus { + border: 1px solid #ccd0d4; + .box-shadow(none); +} +.form-control:focus { + border-color: #9fa2a5; + .box-shadow(none); +} +.form-horizontal.form-bordered { + & .form-group { + border-bottom: 1px solid #eee; + margin: 0; + + &:last-child { + border-bottom: 0; + } + & > .control-label { + padding: 22px 15px 15px; + } + & > div { + padding: 15px; + } + & > div { + border-left: 1px solid #eee; + } + & > .control-label { + border-right: 1px solid #eee; + margin-right: -1px; + } + } + & .has-feedback .form-control-feedback { + top: 15px; + } +} +label { + font-weight: 500; +} +.has-success .form-control, +.has-success .form-control:focus, +.has-warning .form-control, +.has-warning .form-control:focus, +.has-error .form-control, +.has-error .form-control:focus { + .box-shadow(none); +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success .form-control-feedback { + color: @green; +} +.has-success .form-control { + border-color: @green; + + &:focus { + border-color: @dark_green; + } +} +.has-success .form-control +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning .form-control-feedback { + color: @orange; +} +.has-warning .form-control { + border-color: @orange; + + &:focus { + border-color: @dark_orange; + } +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error .form-control-feedback { + color: @red; +} +.has-error .form-control { + border-color: @red; + + &:focus { + border-color: @dark_red; + } +} +.form-control-feedback { + line-height: 34px; +} + +select.form-control { + border-color: #ccd0d4; +} +select[multiple].form-control { + border-color: #ccd0d4; +} +.input-group-addon { + background: #e2e7eb; + border: none; +} +legend { + padding-bottom: 3px; + border-bottom: 1px solid #e2e7eb; +} diff --git a/public/assets/less/forum/components/_jumbotron.less b/public/assets/less/forum/components/_jumbotron.less new file mode 100755 index 0000000..f0ca231 --- /dev/null +++ b/public/assets/less/forum/components/_jumbotron.less @@ -0,0 +1,13 @@ +/* Jumbotron */ + +.jumbotron { + background: #f0f3f4; + + & h1, + & .h1 { + font-size: 56px; + } + & p { + font-size: 18px; + } +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_list_group.less b/public/assets/less/forum/components/_list_group.less new file mode 100755 index 0000000..0f20752 --- /dev/null +++ b/public/assets/less/forum/components/_list_group.less @@ -0,0 +1,19 @@ +/* List Group */ + +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + background: @blue; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #242a30; +} +.nav.nav-pills.nav-sm > li { + margin: 0 0 3px; + + & a { + padding: 8px 10px; + line-height: 1.5; + } +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_list_group_item.less b/public/assets/less/forum/components/_list_group_item.less new file mode 100755 index 0000000..066996d --- /dev/null +++ b/public/assets/less/forum/components/_list_group_item.less @@ -0,0 +1,18 @@ +/* List Group Item Inverse Setting */ + +.list-group-item.list-group-item-inverse { + background: @black; + border-color: @dark_black; + color: #fff; + font-weight: 300; +} +.list-group-item.list-group-item-inverse .label-inverse, +.list-group-item.list-group-item-inverse .badge-inverse { + background: @dark_black; + background: rgba(0,0,0,0.4); +} +.list-group-item.list-group-item-inverse:hover, +.list-group-item.list-group-item-inverse:focus { + color: #fff; + background: #282F35; +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_media_object.less b/public/assets/less/forum/components/_media_object.less new file mode 100755 index 0000000..03f9385 --- /dev/null +++ b/public/assets/less/forum/components/_media_object.less @@ -0,0 +1,36 @@ +/* Media Object */ + +.media { + + & .media-object { + width: 128px; + } + &.media-lg .media-object { + width: 256px; + } + &.media-sm .media-object { + width: 64px; + } + &.media-xs .media-object { + width: 32px; + } + & > .pull-left { + margin-right: 15px; + } + & > .pull-right { + margin-left: 15px; + } + & a:hover, + & a:focus, + & a:hover .media-heading, + & a:focus .media-heading, + & a.media-heading:hover, + & a.media-heading:focus { + color: @dark_black; + text-decoration: none; + } +} +.media-list.media-list-with-divider > li + li { + border-top: 1px solid #eee; + padding-top: 20px; +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_modal.less b/public/assets/less/forum/components/_modal.less new file mode 100755 index 0000000..864c187 --- /dev/null +++ b/public/assets/less/forum/components/_modal.less @@ -0,0 +1,38 @@ +/* Modal Setting */ + +.modal-content { + border: none; + .box-shadow(0 5px 15px rgba(0, 0, 0, 0.3)); + .border-radius(3px); +} +.modal-header { + padding: 12px 15px; + border-bottom-color: #e2e7eb; + + & .close { + margin-top: 2px; + } +} +.modal-body { + padding: 15px; +} +.modal-footer { + border-top-color: #e2e7eb; + padding: 14px 15px 15px; +} +.modal-backdrop.fade.in { + .opacity(0.5); +} +.modal-message .modal-dialog { + width: 100%; +} +.modal-message .modal-content { + .border-radius(0); +} +.modal-message .modal-header, +.modal-message .modal-body, +.modal-message .modal-footer { + width: 60%; + border: none; + margin: 0 auto; +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_nav_tab.less b/public/assets/less/forum/components/_nav_tab.less new file mode 100755 index 0000000..d9093ee --- /dev/null +++ b/public/assets/less/forum/components/_nav_tab.less @@ -0,0 +1,96 @@ +/* Nav Setting */ + +.nav > li > a { + color: #6e7179; +} +.nav > li > a:hover, +.nav > li > a:focus { + color: #333; + background: #fafafa; +} + + +/* Nav Tabs */ + +.nav-tabs, +.nav-tabs > li > a, +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > li > a, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: none !important; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + color: @dark_black; +} +.nav-tabs { + background: #c1ccd1; + .border-radius(5px 5px 0 0); +} +.nav-tabs.nav-tabs-inverse { + background: @dark_black; +} +.nav-tabs.nav-justified > li > a { + .border-radius(3px 3px 0 0); +} +.nav-tabs.nav-tabs-inverse > li.active > a, +.nav-tabs.nav-tabs-inverse > li.active > a:hover, +.nav-tabs.nav-tabs-inverse > li.active > a:focus { + background: @white; +} +.nav-tabs.nav-tabs-inverse > li > a:hover, +.nav-tabs.nav-tabs-inverse > li > a:focus { + color: @white; + background: none; +} +.nav-tabs > li, +.nav-tabs.nav-justified > li { + margin-bottom: 0; +} +.nav-tabs > li > a { + margin-right: 5px; + line-height: 20px; +} + + +/* Nav Pills */ + +.nav-pills { + margin-bottom: 10px; +} +.nav-pills > li + li { + margin-left: 5px; +} +.nav-pills > li > a { + .border-radius(3px); +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + background: @dark_black; +} +.nav-stacked > li + li { + margin-left: 0; + margin-top: 5px; +} + + +/* Tab Content */ + +.tab-content { + padding: 15px; + margin-bottom: 20px; + background: @white; + .border-radius(3px); +} +.nav-tabs + .tab-content { + .border-radius(0 0 3px 3px); +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_pagination.less b/public/assets/less/forum/components/_pagination.less new file mode 100755 index 0000000..26812d1 --- /dev/null +++ b/public/assets/less/forum/components/_pagination.less @@ -0,0 +1,96 @@ +/* Pagination & pager */ + +.pager li > a, +.pager li > span, +.pagination > li > a, +.pagination > li > span { + border-color: #e2e7eb; + color: #242a30; + border: none; + padding: 7px 9px; + font-weight: 600; + font-size: 12px; + color: #999; + .border-radius(5px) !important; +} +.pager.pager-without-border li > a, +.pager.pager-without-border li > span, +.pagination.pagination-without-border > li > a { + border-color: #fff; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus, +.pager > .disabled > span, +.pager > .disabled > a { + .opacity(0.6); + border-color: #ddd; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + font-size: 10px; + margin-left: 4px; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + font-size: 14px; + margin-left: 6px; +} +.pager li > a:hover, +.pager li > a:focus, +.pager li > span:hover, +.pager li > span:focus, +.pagination > li > a:hover, +.pagination > li > a:focus { + color: #242a30; + background: #e2e7eb; + border-color: #d8dde1; +} + +.pagination > { + & li > a, + & li > span { + color: #242a30; + margin-left: 6px; + } + & li:first-child > a { + margin-left: 0; + } + & .active > a, + & .active > span, + & .active > a:hover, + & .active > span:hover, + & .active > a:focus, + & .active > span:focus { + background: #e2e7eb !important; + color: #242a30; + } + & li.text > span, + & li.text > span:hover, + & li.text > span:focus { + background: none; + color: #999; + padding-left: 0; + padding-right: 0; + } + & li.active > a, + & li.active > a:hover, + & li.active > a:focus { + background: #e2e7eb !important; + color: #242a30; + } + & li.left > a, + & li.right > a { + background: #242a30; + color: #fff; + } + & li.left > a:hover, + & li.right > a:hover, + & li.left > a:focus, + & li.right > a:focus { + background: #00acac; + } +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_panel.less b/public/assets/less/forum/components/_panel.less new file mode 100755 index 0000000..c337180 --- /dev/null +++ b/public/assets/less/forum/components/_panel.less @@ -0,0 +1,253 @@ +/* Panel */ + +/* 9.15 Component - Panel */ + +.panel { + border: 2px solid; + .box-shadow(none); + .border-radius(5px); + + &.panel-no-rounded-corner .panel-heading, + &.panel-no-rounded-corner .panel-body, + &.panel-no-rounded-corner .panel-footer { + .border-radius(0) !important; + } +} + +.panel-heading { + padding: 12px 15px; + border: none; + + & + .table, + & + .slimScrollDiv { + border-top: 1px solid #e2e7eb; + } + & .panel-heading-btn { + float: right; + } + & .panel-heading-btn > a { + margin-left: 8px; + } + & .btn-group .btn { + margin-top: -7px; + } + & .btn-group .btn.btn-sm { + margin-top: -5px; + } + & .btn-group .btn.btn-xs { + margin-top: -1px; + } + & .label.pull-left, + & .label.pull-right { + line-height: 15px; + } + & .progress.pull-right, + & .progress.pull-left { + width: 40%; + min-width: 120px; + } + & + .alert { + margin-bottom: 0; + .border-radius(0); + } + + & .nav-tabs { + margin-top: -10px; + margin-right: -15px; + + & > li > a { + padding: 10px 15px; + line-height: 20px; + } + } +} + +.panel-with-tabs.panel-default .panel-heading { + background: #c1ccd1; + color: #242a30; +} + +.panel-title { + line-height: 20px; + font-size: 12px; + font-weight: bold; + + & .accordion-toggle { + margin: -10px -15px; + padding: 10px 15px; + + &.accordion-toggle-styled .fa:before { + content: '\f056'; + } + &.accordion-toggle-styled.collapsed .fa:before { + content: '\f055'; + } + } + & .pull-right { + line-height: 20px; + } +} + +.panel-toolbar { + border-top: 1px solid #e2e7eb; + border-bottom: 1px solid #e2e7eb; + padding: 10px 15px; + background: #fff; + + & + .form-control { + margin: -1px 0 0; + border-right: none; + border-left: none; + } +} + +.panel-group .panel { + .border-radius(3px); +} +.form-control + .panel-footer { + border-top: none; +} +.panel-body { + padding: 15px; + + &.no-border { + border: none !important; + } +} +.panel-body.panel-table, +.panel-body.panel-form, +.panel-body.no-padding, +.panel-body.panel-full-width { + padding: 0 !important; +} +.panel-body.with-table > .table { + border: 0; + margin: 0; +} +.panel-body.with-table > .table tr:last-child th, +.panel-body.with-table > .table tr:last-child td{ + border-bottom: 0; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #e2e7eb; +} +.panel-footer { + background: #f3f5f7; + border-top: 2px solid #e2e7eb; +} +.panel-default > .panel-heading { + background: #fafafa; +} +.panel-inverse > .panel-heading, +.panel-success > .panel-heading, +.panel-warning > .panel-heading, +.panel-danger > .panel-heading, +.panel-primary > .panel-heading, +.panel-info > .panel-heading { + color: #fff; +} +.panel-inverse > .panel-heading { background: @dark_black; } +.panel-success > .panel-heading { background: @dark_green; } +.panel-warning > .panel-heading { background: @dark_orange; } +.panel-danger > .panel-heading { background: @dark_red; } +.panel-primary > .panel-heading { background: @dark_blue; } +.panel-info > .panel-heading { background: @dark_aqua; } + + +/* Panel Expand */ + +.panel.panel-expand { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + overflow: hidden; + z-index: 1080; + .border-radius(0); + + & .height-xs, + & .height-sm, + & .height-md, + & .height-lg, + & .height-full { + height: 100% !important; + } + + & > .panel-heading .fa.fa-expand:before { + content: '\f066'; + } + & > .panel-heading, + & > .panel-body { + .border-radius(0); + } + & > .panel-body { + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 40px; + overflow-y: scroll; + z-index: 1020; + } + & > .panel-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; + } +} +@keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +@-webkit-keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} + + +/* Panel loading */ + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +.panel.panel-loading { + & .panel-body { + position: relative; + z-index: 0; + } + &.panel-expand .panel-body { + position: absolute; + } + & .panel-loader { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + .opacity(0.9); + .animation(fadeIn .2s); + .border-radius(0 0 4px 4px); + z-index: 1040; + } +} + + +/* Accordion Panel */ + +.panel-title a { + display: block; + + &:hover, + &:focus { + text-decoration: none; + } +} diff --git a/public/assets/less/forum/components/_progress_bar.less b/public/assets/less/forum/components/_progress_bar.less new file mode 100755 index 0000000..d6f74d9 --- /dev/null +++ b/public/assets/less/forum/components/_progress_bar.less @@ -0,0 +1,86 @@ +/* Progress bar */ + +.progress { + height: 15px; + overflow: visible; + background: #e2e7eb; + .box-shadow(none); + .border-radius(15px); + + & .progress-bar { + .border-radius(15px); + position: relative; + + & .progress-number { + position: absolute; + right: 0; + bottom: 100%; + background: #333; + padding: 2px 6px 1px; + margin-bottom: 5px; + display: block; + line-height: 16px; + .border-radius(4px); + + & :before { + content: ''; + position: absolute; + left: 50%; + margin-left: -5px; + bottom: -10px; + border: 5px solid transparent; + border-top-color: #333; + } + } + } + & .progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; + } +} +.progress-xs { + height: 5px; + + & .progress-bar { + line-height: 5px; + } +} +.progress-sm { + height: 10px; + + & .progress-bar { + line-height: 10px; + } +} +.progress-lg { + height: 30px; + & .progress-bar { + line-height: 30px; + } +} +.progress-bar { + background: #348fe2; + .box-shadow(none); + + &.progress-bar-success { + background-color: @green; + } + &.progress-bar-info { + background-color: @aqua; + } + &.progress-bar-warning { + background-color: @orange; + } + &.progress-bar-danger { + background-color: @red; + } + &.progress-bar-inverse { + background-color: @black; + } + &.progress-bar-purple { + background-color: @purple; + } +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_table.less b/public/assets/less/forum/components/_table.less new file mode 100755 index 0000000..1f59334 --- /dev/null +++ b/public/assets/less/forum/components/_table.less @@ -0,0 +1,126 @@ +/* Table */ + +.table { + border-color: #e2e7eb; + .border-radius(3px); +} +.table > thead > tr > th { + color: @dark_black; + font-weight: 600; + border-bottom: 2px solid #e2e7eb !important; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + border-color: #e2e7eb; + padding: 10px 15px; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 7px 15px; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background: #e8ecf1 !important; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background: #f0f3f5; +} +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th, +.table.table-inverse > thead > tr > td, +.table.table-inverse > tbody > tr > td, +.table.table-inverse > tfoot > tr > td { + border-color: #999 !important; + border-color: rgba(0,0,0,0.2) !important; +} +.table.table-inverse, +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th { + color: @white; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background: #dbf0f7; + border-color: #b6e2ef; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background: #cceeee; + border-color: #99dede; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background: #ffdedd; + border-color: #ffbdbc; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background: #fdebd1; + border-color: #fbd7a3; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background: #f0f3f5; + border-color: #e2e7e9; +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_theme_panel.less b/public/assets/less/forum/components/_theme_panel.less new file mode 100755 index 0000000..bbd99e0 --- /dev/null +++ b/public/assets/less/forum/components/_theme_panel.less @@ -0,0 +1,73 @@ +/* Theme Panel */ +.theme-panel { + position: fixed; + right: -180px; + top: 200px; + z-index: 1020; + width: 180px; + .transition(right .2s linear); + .box-shadow(0 0 2px rgba(0,0,0,.4)); + + & .theme-collapse-btn { + position: absolute; + left: -40px; + top: 50%; + margin-top: -20px; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; + color: #000; + background: #fff; + background: rgba(255,255,255,0.9); + border-radius: 4px 0 0 4px; + text-align: center; + text-decoration: none; + .box-shadow(0 0 2px rgba(0,0,0,.4)); + } + & .theme-panel-content { + padding: 5px; + background: #fff; + position: relative; + z-index: 1020; + } + & .theme-list { + list-style-type: none; + margin: 0; + padding: 0; + } + & .theme-list > li { + float: left; + + & + li { + margin-left: 5px; + } + & > a { + width: 30px; + height: 30px; + border-radius: 3px; + display: block; + position: relative; + text-decoration: none; + .transition(all .2s linear); + } + &.active > a:before { + content: '\f00c'; + font-family: FontAwesome; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + font-size: 14px; + color: #fff; + text-align: center; + line-height: 30px; + text-align: center; + .opacity(0.4); + } + } + &.active { + right: 0; + } +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_tooltip.less b/public/assets/less/forum/components/_tooltip.less new file mode 100755 index 0000000..5eed1d2 --- /dev/null +++ b/public/assets/less/forum/components/_tooltip.less @@ -0,0 +1,6 @@ +/* Tooltip */ + +.tooltip-inner { + padding: 4px 10px; + .border-radius(3px); +} \ No newline at end of file diff --git a/public/assets/less/forum/components/_well.less b/public/assets/less/forum/components/_well.less new file mode 100755 index 0000000..98d46c7 --- /dev/null +++ b/public/assets/less/forum/components/_well.less @@ -0,0 +1,13 @@ +/* Well */ + +.well { + padding: 15px; + background: #fff; + .box-shadow(none); + &.well-sm { + padding: 10px; + } + &.well-lg { + padding: 30px; + } +} \ No newline at end of file diff --git a/public/assets/less/forum/images/transparent/black-0.1.png b/public/assets/less/forum/images/transparent/black-0.1.png new file mode 100755 index 0000000..34683ef Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.1.png differ diff --git a/public/assets/less/forum/images/transparent/black-0.2.png b/public/assets/less/forum/images/transparent/black-0.2.png new file mode 100755 index 0000000..e8fce41 Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.2.png differ diff --git a/public/assets/less/forum/images/transparent/black-0.3.png b/public/assets/less/forum/images/transparent/black-0.3.png new file mode 100755 index 0000000..911fb79 Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.3.png differ diff --git a/public/assets/less/forum/images/transparent/black-0.4.png b/public/assets/less/forum/images/transparent/black-0.4.png new file mode 100755 index 0000000..30d467c Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.4.png differ diff --git a/public/assets/less/forum/images/transparent/black-0.5.png b/public/assets/less/forum/images/transparent/black-0.5.png new file mode 100755 index 0000000..2982214 Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.5.png differ diff --git a/public/assets/less/forum/images/transparent/black-0.6.png b/public/assets/less/forum/images/transparent/black-0.6.png new file mode 100755 index 0000000..8621cb9 Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.6.png differ diff --git a/public/assets/less/forum/images/transparent/black-0.7.png b/public/assets/less/forum/images/transparent/black-0.7.png new file mode 100755 index 0000000..3f0d630 Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.7.png differ diff --git a/public/assets/less/forum/images/transparent/black-0.8.png b/public/assets/less/forum/images/transparent/black-0.8.png new file mode 100755 index 0000000..18e5f4d Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.8.png differ diff --git a/public/assets/less/forum/images/transparent/black-0.9.png b/public/assets/less/forum/images/transparent/black-0.9.png new file mode 100755 index 0000000..da7719b Binary files /dev/null and b/public/assets/less/forum/images/transparent/black-0.9.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.1.png b/public/assets/less/forum/images/transparent/white-0.1.png new file mode 100755 index 0000000..06c84b9 Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.1.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.2.png b/public/assets/less/forum/images/transparent/white-0.2.png new file mode 100755 index 0000000..15b03e9 Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.2.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.3.png b/public/assets/less/forum/images/transparent/white-0.3.png new file mode 100755 index 0000000..3f859fe Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.3.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.4.png b/public/assets/less/forum/images/transparent/white-0.4.png new file mode 100755 index 0000000..9fbb0bd Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.4.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.5.png b/public/assets/less/forum/images/transparent/white-0.5.png new file mode 100755 index 0000000..544c6c6 Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.5.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.6.png b/public/assets/less/forum/images/transparent/white-0.6.png new file mode 100755 index 0000000..c5d17cc Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.6.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.7.png b/public/assets/less/forum/images/transparent/white-0.7.png new file mode 100755 index 0000000..3ea5893 Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.7.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.8.png b/public/assets/less/forum/images/transparent/white-0.8.png new file mode 100755 index 0000000..bcfddae Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.8.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.9.png b/public/assets/less/forum/images/transparent/white-0.9.png new file mode 100755 index 0000000..dab1ac2 Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.9.png differ diff --git a/public/assets/less/forum/images/transparent/white-0.98.png b/public/assets/less/forum/images/transparent/white-0.98.png new file mode 100755 index 0000000..54b210c Binary files /dev/null and b/public/assets/less/forum/images/transparent/white-0.98.png differ diff --git a/public/assets/less/forum/style.less b/public/assets/less/forum/style.less new file mode 100755 index 0000000..31079dc --- /dev/null +++ b/public/assets/less/forum/style.less @@ -0,0 +1,26 @@ +@import 'bootstrap/bootstrap'; +@import '_variable'; +@import '_mixins'; +@import '_header'; +@import '_search_banner'; +@import '_content'; +@import '_forum'; +@import '_footer'; +@import '_pace_loader'; +@import '_helper'; +@import '_component_list'; +@import '_responsive'; +@import 'theme/_blue'; + +/* Reset and overrides */ + +body { + background: @bg_body; + font-family: @body_font_family; + color: @body_text_color; + font-size: @body_font_size; + padding-top: 60px; +} +.ie8 body { + font-family: @ie8_body_font_family; +} diff --git a/public/assets/less/forum/theme/_blue.less b/public/assets/less/forum/theme/_blue.less new file mode 100755 index 0000000..c0bf1cb --- /dev/null +++ b/public/assets/less/forum/theme/_blue.less @@ -0,0 +1,36 @@ +/* Blue Theme */ + +.btn.btn-theme { + background: @blue; + border-color: @blue; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: @dark_blue; + border-color: @dark_blue; +} +.text-theme, a { + color: @blue; +} +a:hover, +a:focus { + color: @dark_blue; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: @dark_blue; +} +.forum-list .media .fa { + background: @blue; +} +.pace .pace-activity { + border-top-color: @blue; + border-left-color: @blue; +} +.navbar-logo { + border-color: #2F83CF @dark_blue #1f5688; +} \ No newline at end of file diff --git a/public/assets/less/forum/theme/_default.less b/public/assets/less/forum/theme/_default.less new file mode 100755 index 0000000..21d40d4 --- /dev/null +++ b/public/assets/less/forum/theme/_default.less @@ -0,0 +1,36 @@ +/* Default Theme (Green) */ + +.btn.btn-theme { + background: @green; + border-color: @green; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: @dark_green; + border-color: @dark_green; +} +.text-theme, a { + color: @green; +} +a:hover, +a:focus { + color: @dark_green; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: @dark_green; +} +.forum-list .media .fa { + background: @green; +} +.pace .pace-activity { + border-top-color: @green; + border-left-color: @green; +} +.navbar-logo { + border-color: #4DCACA #31A3A3 #1D8888; +} \ No newline at end of file diff --git a/public/assets/less/forum/theme/_orange.less b/public/assets/less/forum/theme/_orange.less new file mode 100755 index 0000000..9871b41 --- /dev/null +++ b/public/assets/less/forum/theme/_orange.less @@ -0,0 +1,36 @@ +/* Orange Theme */ + +.btn.btn-theme { + background: @orange; + border-color: @orange; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: @dark_orange; + border-color: @dark_orange; +} +.text-theme, a { + color: @orange; +} +a:hover, +a:focus { + color: @dark_orange; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: @dark_orange; +} +.forum-list .media .fa { + background: @orange; +} +.pace .pace-activity { + border-top-color: @orange; + border-left-color: @orange; +} +.navbar-logo { + border-color: #DF8F19 #c47d15 #935e10; +} \ No newline at end of file diff --git a/public/assets/less/forum/theme/_purple.less b/public/assets/less/forum/theme/_purple.less new file mode 100755 index 0000000..1acff91 --- /dev/null +++ b/public/assets/less/forum/theme/_purple.less @@ -0,0 +1,36 @@ +/* Purple Theme */ + +.btn.btn-theme { + background: @purple; + border-color: @purple; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: @dark_purple; + border-color: @dark_purple; +} +.text-theme, a { + color: @purple; +} +a:hover, +a:focus { + color: @dark_purple; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: @dark_purple; +} +.forum-list .media .fa { + background: @purple; +} +.pace .pace-activity { + border-top-color: @purple; + border-left-color: @purple; +} +.navbar-logo { + border-color: #6670AC @dark_purple #444a6d; +} \ No newline at end of file diff --git a/public/assets/less/forum/theme/_red.less b/public/assets/less/forum/theme/_red.less new file mode 100755 index 0000000..f79206a --- /dev/null +++ b/public/assets/less/forum/theme/_red.less @@ -0,0 +1,36 @@ +/* Red Theme */ + +.btn.btn-theme { + background: @red; + border-color: @red; + color: #fff; +} +.btn.btn-theme:hover, +.btn.btn-theme:focus { + background: @dark_red; + border-color: @dark_red; +} +.text-theme, a { + color: @red; +} +a:hover, +a:focus { + color: @dark_red; +} +.pace-progress, +.pagination > li.left > a:focus, +.pagination > li.left > a:hover, +.pagination > li.right > a:focus, +.pagination > li.right > a:hover { + background: @dark_red; +} +.forum-list .media .fa { + background: @red; +} +.pace .pace-activity { + border-top-color: @red; + border-left-color: @red; +} +.navbar-logo { + border-color: #F8504B @dark_red #993734; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_component_list.less b/public/assets/less/one-page-parallax/_component_list.less new file mode 100755 index 0000000..afe34ed --- /dev/null +++ b/public/assets/less/one-page-parallax/_component_list.less @@ -0,0 +1,19 @@ +/* Component List */ + +@import 'components/_button'; +@import 'components/_form_elements'; +@import 'components/_progress_bar'; +@import 'components/_dropdown_menu'; +@import 'components/_tooltip'; +@import 'components/_alert_note'; +@import 'components/_badge_label'; +@import 'components/_pagination'; +@import 'components/_nav_tab'; +@import 'components/_panel'; +@import 'components/_table'; +@import 'components/_well'; +@import 'components/_jumbotron'; +@import 'components/_list_group'; +@import 'components/_list_group_item'; +@import 'components/_carousel'; +@import 'components/_theme_panel'; \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_content.less b/public/assets/less/one-page-parallax/_content.less new file mode 100755 index 0000000..35a4333 --- /dev/null +++ b/public/assets/less/one-page-parallax/_content.less @@ -0,0 +1,78 @@ +/* Content & content elements */ + +.content { + padding: 60px 15px 75px; + + + & .content-title { + text-align: center; + position: relative; + margin-bottom: 30px; + padding-bottom: 15px; + margin-top: 0; + + &:after { + content: ''; + display: block; + position: absolute; + width: 40px; + background: #242a30; + height: 2px; + bottom: 0; + left: 50%; + margin-left: -20px; + } + } + & .content-desc { + text-align: center; + margin-bottom: 60px; + color: #242a30; + } + &.has-bg { + padding-bottom: 60px; + overflow: hidden; + position: relative; + + & .content-bg { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + + &:before { + content: ''; + background: url(images/bg-content-cover.png); + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + } + & img { + max-width: 100%; + } + } + & .content-title:after { + background: #fff; + } + & .container { + position: relative; + + & .content-title { + color: #fff; + } + & .content-desc { + color: rgba(255,255,255,0.6); + } + } + & h1, + & h2, + & h3, + & h4, + & h5, + & h6 { + color: #fff; + } + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_footer.less b/public/assets/less/one-page-parallax/_footer.less new file mode 100755 index 0000000..bf5a6e7 --- /dev/null +++ b/public/assets/less/one-page-parallax/_footer.less @@ -0,0 +1,27 @@ +/* Footer Element Setting */ + +.footer { + padding: 60px 0; + background: #242a30; + text-align: center; + .box-shadow(inset 0 100px 80px -80px rgba(0,0,0,0.7)); + + & .footer-brand-logo { + display: block; + margin: 0 auto 10px; + width: 40px; + border: 20px solid; + border-color: #4DCACA #31A3A3 #1D8888; + border-radius: 4px; + } + & .footer-brand { + font-size: 24px; + color: #fff; + font-weight: 300; + margin-bottom: 30px; + } + & .social-list { + margin: 30px 0 0; + font-size: 20px; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_header.less b/public/assets/less/one-page-parallax/_header.less new file mode 100755 index 0000000..6571994 --- /dev/null +++ b/public/assets/less/one-page-parallax/_header.less @@ -0,0 +1,145 @@ +/* Navbar Setting */ + +.header.navbar { + border-bottom: none; + .transition(all .2s linear); + + & .navbar-nav > li { + & > a { + font-size: 12px; + line-height: 20px; + color: #2d353c; + font-weight: 600; + padding: 25px 15px; + } + &.active > a, + & > a:hover, + & > a:focus { + background: none; + } + } +} + + +/* Navbar Brand Logo & Text Setting */ + +.header .navbar-brand { + padding: 25px 15px; +} +.brand-logo { + float: left; + border: 15px solid; + border-color: #4DCACA #31A3A3 #1D8888; + margin-right: 10px; + margin-top: -5px; + border-radius: 4px; + + & + .brand-text { + margin-left: 42px; + display: block; + color: #2d353c; + font-size: 20px; + line-height: 20px; + display: block; + } +} + + +/* Navbar Mobile Toggle */ + +.navbar-toggle { + margin-top: 18px; + margin-bottom: 18px; + .transition(all .2s linear); +} + + +/* Navbar Default Setting */ + +.header.navbar.navbar-default { + background: #fff; +} + + +/* Navbar Transparent & Inverse Setting */ + +.header.navbar.navbar-transparent { + border-bottom: 1px solid rgba(255,255,255,0.2); +} +.header.navbar.navbar-transparent .navbar-nav > li > a, +.header.navbar.navbar-inverse .navbar-nav > li > a { + color: #8F8E8E; +} +.header.navbar.navbar-transparent .brand-text, +.header.navbar.navbar-inverse .brand-text { + color: #fff; +} +.navbar-transparent .navbar-toggle, +.navbar-inverse .navbar-toggle { + border-color: #8F8E8E; +} +.navbar-transparent .navbar-toggle .icon-bar, +.navbar-inverse .navbar-toggle .icon-bar { + background: #8f8e8e; +} + + +/* Navbar Small Setting */ + +.header.navbar.navbar-small { + border-bottom: none; + .box-shadow(0 1px 2px rgba(0,0,0,0.2)); + + & .navbar-brand, + & .navbar-nav > li > a { + padding: 15px; + } +} +.header.navbar.navbar-transparent.navbar-small { + background: #fff; + & .navbar-nav > li > a, + & .brand-logo + .brand-text { + color: #2d353c; + } +} +.navbar-small .navbar-toggle { + border-color: #ddd; + margin-top: 8px; + margin-bottom: 8px; + + & .icon-bar { + background: #888; + } +} + + +/* Navbar Dropdown */ + +.navbar-nav > li.dropdown:hover > .dropdown-menu, +.navbar-nav > li.dropdown:focus > .dropdown-menu { + display: block; +} +.navbar-nav .dropdown-menu { + background: #333; + font-size: 12px; + padding: 0; + margin-top: 0; + border: none; + .border-radius(0); + + & > li { + & > a { + color: #999; + padding: 10px 15px; + } + &.active > a, + & > a:hover, + & > a:focus { + background: #222; + color: #00acac; + } + & + li { + border-top: 1px solid #444; + } + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_helper.less b/public/assets/less/one-page-parallax/_helper.less new file mode 100755 index 0000000..e6e0207 --- /dev/null +++ b/public/assets/less/one-page-parallax/_helper.less @@ -0,0 +1,291 @@ +/* Predefined Classes */ + +.row { margin: 0 -10px; } +.row > [class*="col-"] { padding: 0 10px; } +.m-auto { margin: 0 auto !important; } +.wrapper { padding: 15px !important; } +.semi-bold { font-weight: 600 !important; } +.overflow-auto { overflow: auto !important; } +.overflow-hidden { overflow: hidden !important; } +.overflow-visible { overflow: visible !important; } +.overflow-scroll { overflow: scroll !important; } +.overflow-x-hidden { overflow-x: hidden !important; } +.overflow-x-visible { overflow-x: visible !important; } +.overflow-x-scroll { overflow-x: scroll !important; } +.overflow-y-hidden { overflow-y: hidden !important; } +.overflow-y-visible { overflow-y: visible !important; } +.overflow-y-scroll { overflow-y: scroll !important; } +.f-w-100 { font-weight: 100 !important; } +.f-w-200 { font-weight: 200 !important; } +.f-w-300 { font-weight: 300 !important; } +.f-w-400 { font-weight: 400 !important; } +.f-w-500 { font-weight: 500 !important; } +.f-w-600 { font-weight: 600 !important; } +.f-w-700 { font-weight: 700 !important; } +.text-center { text-align: center !important; } +.text-left { text-align: left !important; } +.text-right { text-align: right !important; } +.pull-left { float: left !important; } +.pull-right { float: right !important; } +.pull-none { float: none !important; } + + +/* LOOP - Row Space */ + +.row-space-generator(@counter) when (@counter > -1) { + @nameCounter: (2 * @counter); + .row.row-space-@{nameCounter} { + margin: 0 -(1px * @counter) !important; + & > [class*="col-"] { + padding: 0 (1px * @counter) !important; + } + } + .row-space-generator((@counter - 1)); +} +.row-space-generator(15); + + +/* LOOP - Margin & Padding */ + +.margin-padding-css-generator(@counter) when (@counter > -1) { + .m-@{counter} { margin: (@counter * 1px) !important; } + .m-t-@{counter} { margin-top: (@counter * 1px) !important; } + .m-r-@{counter} { margin-right: (@counter * 1px) !important; } + .m-b-@{counter} { margin-bottom: (@counter * 1px) !important; } + .m-l-@{counter} { margin-left: (@counter * 1px) !important; } + + .p-@{counter} { padding: (@counter * 1px) !important; } + .p-t-@{counter} { padding-top: (@counter * 1px) !important; } + .p-r-@{counter} { padding-right: (@counter * 1px) !important; } + .p-b-@{counter} { padding-bottom: (@counter * 1px) !important; } + .p-l-@{counter} { padding-left: (@counter * 1px) !important; } + + .margin-padding-css-generator((@counter - 1)); +} +.margin-padding-css-generator(40); + + +/* LOOP - Font Size */ + +.font-size-css-generator(@counter) when (@counter > 7) { + .f-s-@{counter} { font-size: (@counter * 1px) !important; } + + .font-size-css-generator((@counter - 1)); +} +.font-size-css-generator(20); + + +.table-valign-middle th, +.table-valign-middle td { + vertical-align: middle !important; +} +.table-th-valign-middle th, +.table-td-valign-middle td { + vertical-align: middle !important; +} +.table-valign-top th, +.table-valign-top td { + vertical-align: top !important; +} +.table-th-valign-top th, +.table-td-valign-top td { + vertical-align: top !important; +} +.table-valign-bottom th, +.table-valign-bottom td { + vertical-align: bottom !important; +} +.table-th-valign-bottom th, +.table-td-valign-bottom td { + vertical-align: bottom !important; +} +.vertical-box { + display: table; + table-layout: fixed; + border-spacing: 0; + height: 100%; + width: 100%; +} +.vertical-box-column { + display: table-cell; + vertical-align: top; + height: 100%; +} +.vertical-box-row { + display: table-row; + height: 100%; +} +.vertical-box-row > .vertical-box-cell { + position: relative; + height: 100%; + width: 100%; + float: none; +} +.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} +.panel-expand .vertical-box .vertical-box-column { + display: table-cell; +} +.page-content-full-height .content { + position: absolute; + left: 0; + top: 54px; + right: 0; + bottom: -1px; +} +.no-rounded-corner { + .border-radius(0) !important; +} +.rounded-corner { + .border-radius(50%) !important; +} +.no-border { border: 0 !important; } +.border-top-1 { border-top: 1px solid #eee !important; } +.border-right-1 { border-right: 1px solid #eee !important; } +.border-bottom-1 { border-bottom: 1px solid #eee !important; } +.border-left-1 { border-left: 1px solid #eee !important; } +.no-box-shadow { + .box-shadow(none) !important; +} +.text-inverse { color: @black !important; } +a.text-inverse:hover, +a.text-inverse:focus { + color: @light_black !important; +} +.text-success { color: @green !important; } +a.text-success:hover, +a.text-success:focus { + color: @light_green !important; +} +.text-info { color: @aqua !important; } +a.text-info:hover, +a.text-info:focus { + color: @light_aqua !important; +} +.text-primary { color: @blue !important; } +a.text-primary:hover, +a.text-primary:focus { + color: @light_blue !important; +} +.text-warning { color: @yellow !important; } +a.text-warning:hover, +a.text-warning:focus { + color: @light_yellow !important; +} +.text-danger { color: @red !important; } +a.text-danger:hover, +a.text-danger:focus { + color: @light_red !important; +} +.text-white { color: #fff !important; } +a.text-white:hover, +a.text-white:focus { + color: #f0f3f4 !important; +} + +.bg-white { background: #ffffff !important; } +.bg-silver-lighter { background: @light_silver !important; } +.bg-silver { background: @silver !important; } +.bg-silver-darker { background: @dark_silver !important; } + +.bg-black { background: @black !important; } +.bg-black-darker { background: @dark_black !important; } +.bg-black-lighter { background: @light_black !important; } + +.bg-grey { background: @grey !important; } +.bg-grey-darker { background: @dark_grey !important; } +.bg-grey-lighter { background: @light_grey !important; } + +.bg-red { background: @red !important; } +.bg-red-darker { background: @dark_red !important; } +.bg-red-lighter { background: @light_red !important; } + +.bg-orange { background: @orange !important; } +.bg-orange-darker { background: @dark_orange !important; } +.bg-orange-lighter { background: @light_orange !important; } + +.bg-yellow { background: @yellow !important; } +.bg-yellow-darker { background: @dark_yellow !important; } +.bg-yellow-lighter { background: @light_yellow !important; } + +.bg-green { background: @green !important; } +.bg-green-darker { background: @dark_green !important; } +.bg-green-lighter { background: @light_green !important; } + +.bg-blue { background: @blue !important; } +.bg-blue-darker { background: @dark_blue !important; } +.bg-blue-lighter { background: @light_blue !important; } + +.bg-aqua { background: @aqua !important; } +.bg-aqua-darker { background: @dark_aqua !important; } +.bg-aqua-lighter { background: @light_aqua !important; } + +.bg-purple { background: @purple !important; } +.bg-purple-darker { background: @dark_purple !important; } +.bg-purple-lighter { background: @light_purple !important; } + +.no-bg { background: none !important; } + +.height-xs { height: 150px !important; } +.height-sm { height: 300px !important; } +.height-md { height: 450px !important; } +.height-lg { height: 600px !important; } +.height-full { height: 100% !important; } +.height-50 { height: 50px !important; } +.height-100 { height: 100px !important; } +.height-150 { height: 150px !important; } +.height-200 { height: 200px !important; } +.height-250 { height: 250px !important; } +.height-300 { height: 300px !important; } +.height-350 { height: 350px !important; } +.height-400 { height: 400px !important; } +.height-450 { height: 450px !important; } +.height-500 { height: 500px !important; } +.height-550 { height: 550px !important; } +.height-600 { height: 600px !important; } + +.width-xs { width: 150px !important; } +.width-sm { width: 300px !important; } +.width-md { width: 450px !important; } +.width-lg { width: 600px !important; } +.width-full { width: 100% !important; } +.width-50 { width: 50px !important; } +.width-100 { width: 100px !important; } +.width-150 { width: 150px !important; } +.width-200 { width: 200px !important; } +.width-250 { width: 250px !important; } +.width-300 { width: 300px !important; } +.width-350 { width: 350px !important; } +.width-400 { width: 400px !important; } +.width-450 { width: 450px !important; } +.width-500 { width: 500px !important; } +.width-550 { width: 550px !important; } +.width-600 { width: 600px !important; } + +.animated { + -webkit-animation-duration: .6s; + animation-duration: .6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.fade { + .opacity(0); + .transition(opacity .3s linear); +} +.fade.in { + .opacity(1); +} +.text-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; +} +.underline { + border-bottom: 1px solid #e2e7eb !important; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_mixins.less b/public/assets/less/one-page-parallax/_mixins.less new file mode 100755 index 0000000..611d6e0 --- /dev/null +++ b/public/assets/less/one-page-parallax/_mixins.less @@ -0,0 +1,51 @@ +/* Mixins */ + +.border-radius(@radius) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +} +.box-shadow(@shadow) { + -webkit-box-shadow: @shadow; + -moz-box-shadow: @shadow; + box-shadow: @shadow; +} +.opacity(@opacity) { + opacity: @opacity; +} +.transition(@transition) { + -webkit-transition: @transition; + -moz-transition: @transition; + -ms-transition: @transition; + -o-transition: @transition; + transition: @transition; +} +.animation(@animation) { + -webkit-animation: @animation; + -moz-animation: @animation; + animation: @animation; +} +.generate-button-styling(@buttonClassName; @defaultColor; @hoverColor;) { + .btn.@{buttonClassName} { + color: #fff; + background: @defaultColor; + border-color: @defaultColor; + + &:hover, + &:focus, + &:active, + &.active { + background: @hoverColor; + border-color: @hoverColor; + } + + } + .open .dropdown-toggle.@{buttonClassName} { + background: @hoverColor; + border-color: @hoverColor; + } + .btn-group .btn.@{buttonClassName}:not(.active) + .btn.@{buttonClassName}, + .input-group-btn .btn.@{buttonClassName}:not(.active) + .btn.@{buttonClassName} { + border-left-color: @hoverColor; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_pace_loader.less b/public/assets/less/one-page-parallax/_pace_loader.less new file mode 100755 index 0000000..70a7b44 --- /dev/null +++ b/public/assets/less/one-page-parallax/_pace_loader.less @@ -0,0 +1,72 @@ +/* Pace Loader Setting */ + +.pace-inactive { + .opacity(0); +} +.pace { + background: #2d353c; + position: fixed; + top: 0; + left: 0; + right: 0; + .transition(opacity 1s); + z-index: 1020; +} +.pace-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 3px; + background: #00acac; + .transition(width 1s); + z-index: 2000; +} +.pace:before { + content: ''; + background: #242a30; + position: fixed; + top: 0; + right: 0; + left: 0; + height: 3px; +} +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + border-top-color: #00acac; + border-left-color: #00acac; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; +} +@-webkit-keyframes pace-spinner { + 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } +} +@-moz-keyframes pace-spinner { + 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } +} +@-o-keyframes pace-spinner { + 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } +} +@-ms-keyframes pace-spinner { + 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } + 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } +} +@keyframes pace-spinner { + 0% { transform: rotate(0deg); transform: rotate(0deg); } + 100% { transform: rotate(360deg); transform: rotate(360deg); } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_page_section_list.less b/public/assets/less/one-page-parallax/_page_section_list.less new file mode 100755 index 0000000..b1ce1ca --- /dev/null +++ b/public/assets/less/one-page-parallax/_page_section_list.less @@ -0,0 +1,11 @@ +/* Page Section List */ + +@import 'page-section/_home'; +@import 'page-section/_about_us'; +@import 'page-section/_team'; +@import 'page-section/_quote'; +@import 'page-section/_service'; +@import 'page-section/_work'; +@import 'page-section/_action_box'; +@import 'page-section/_testimonial'; +@import 'page-section/_pricing'; \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_page_setting.less b/public/assets/less/one-page-parallax/_page_setting.less new file mode 100755 index 0000000..849a613 --- /dev/null +++ b/public/assets/less/one-page-parallax/_page_setting.less @@ -0,0 +1,8 @@ +/* Page Setting */ + +body.page-navbar-fixed-top { + padding-top: 70px; +} +body.page-navbar-fixed-top-sm { + padding-top: 51px; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_responsive.less b/public/assets/less/one-page-parallax/_responsive.less new file mode 100755 index 0000000..ea5154a --- /dev/null +++ b/public/assets/less/one-page-parallax/_responsive.less @@ -0,0 +1,270 @@ +/* Responsive Setting */ + + +@media (min-width: 1920px) { + body { + font-size: 16px; + } + .container { + min-width: 1360px; + } + .content.has-bg .content-bg img { + width: 100%; + } + .header .navbar-brand { + height: auto; + } + .brand-logo { + border-width: 20px; + margin-top: 0; + margin-bottom: 0; + .border-radius(3px); + + & + .brand-text { + margin-left: 56px; + font-size: 26px; + line-height: 40px; + } + } + .skills .skills-name { + font-size: 16px; + } + .navbar-nav .dropdown-menu { + font-size: 16px; + } + .header.navbar .navbar-nav > li > a { + font-size: 16px; + line-height: 40px; + } + .about-author .author .info { + font-size: 16px; + + & small { + font-size: 14px; + } + } + .home-content { + & h1 { + font-size: 80px; + } + & h3 { + font-size: 36px; + } + } + .team .title { + font-size: 14px; + } + .quote { + font-size: 36px; + + & small { + font-size: 16px; + } + } + .service .title { + font-size: 20px; + } + .service .icon { + width: 60px; + height: 60px; + line-height: 60px; + font-size: 32px; + + & .info { + margin-left: 80px; + } + } + .action-box .icon-large { + font-size: 56px; + line-height: 60px; + width: 60px; + } + .action-box h3 { + font-size: 28px; + } + .content .content-title { + font-size: 36px; + } + p { + line-height: 24px; + } + .btn { + font-size: 16px; + padding: 15px 30px; + } + .pricing-table h3 { + font-size: 16px; + } + .pricing-table .features > li { + padding: 15px 0; + } + .pricing-table .highlight .features > li { + padding: 20px 0; + } + .pricing-table .price .price-number { + font-size: 32px; + } + .pricing-table .price .price-tenure { + font-size: 14px; + } + .pricing-table .price .price-figure { + height: 90px; + } + .theme-panel { + width: 248px; + right: -248px; + + & .theme-list > li + li { + margin-left: 7px; + } + & .theme-list > li > a { + width: 40px; + height: 40px; + } + & .theme-panel-content { + padding: 10px; + } + & .theme-collapse-btn { + width: 60px; + height: 60px; + left: -60px; + margin-top: -30px; + font-size: 24px; + line-height: 60px; + } + & .theme-list > li.active > a:before { + font-size: 20px; + line-height: 40px; + } + } + .tooltip { + font-size: 16px; + } +} +@media (max-width: 1200px) { + .content { + &.has-bg .content-bg img { + max-height: 100%; + max-width: inherit; + } + & .content-desc { + margin-bottom: 30px; + } + } +} +@media (min-width: 768px) and (max-width: 992px) { + .header.navbar { + & .navbar-nav > li > a { + padding: 25px 10px; + } + &.navbar-small .navbar-nav > li > a { + padding-left: 10px; + padding-right: 10px; + } + } + .home-content { + & h1 { + font-size: 48px; + } + & h3 { + font-size: 24px; + } + & h1, + & h2, + & h3, + & h4 { + margin: 0 0 15px; + } + & p { + margin-bottom: 30px; + } + } +} +@media (max-width: 992px) { + .about-author .author { + padding-left: 80px; + + & .image { + width: 80px; + } + } +} +@media (max-width: 767px) { + .header { + + &.navbar .navbar-nav > li > a { + padding: 10px 15px; + } + &.navbar.navbar-small .navbar-nav > li > a { + padding: 10px 15px; + } + &.navbar-small.navbar-transparent .navbar-collapse { + background: #000; + background: rgba(0,0,0,0.9); + + & .navbar-nav > li > a { + color: #8F8E8E; + } + } + } + .navbar-transparent .navbar-collapse { + background: #000; + background: rgba(0,0,0,0.9); + } + .navbar-nav > li.dropdown:hover > .dropdown-menu, + .navbar-nav > li.dropdown:focus > .dropdown-menu { + display: none; + } + .navbar-nav > li.dropdown.open > .dropdown-menu, + .navbar-nav > li.dropdown.open:hover > .dropdown-menu, + .navbar-nav > li.dropdown.open:hover > .dropdown-menu { + display: block; + -webkit-animation: none; + animation: none; + } + .navbar-nav > li.dropdown > .dropdown-menu { + border-top: 1px solid #444; + border-bottom: 1px solid #444; + } + .navbar-default .navbar-nav > li.dropdown > .dropdown-menu, + .navbar-default .navbar-nav > li.dropdown > .dropdown-menu > li + li { + border-color: #e7e7e7; + } + .home-content { + & h1 { + font-size: 36px; + } + & h3 { + font-size: 18px; + } + & h1, + & h2, + & h3, + & h4 { + margin: 0 0 15px; + } + & p { + margin-bottom: 30px; + } + } + .milestone-col + .milestone-col { + border: none; + border-top: 1px solid rgba(255,255,255,0.2); + margin-top: 15px; + padding-top: 15px !important; + } + .team { + margin-bottom: 30px; + } + .action-box .btn { + margin-top: 15px; + } + .pricing-table.col-4 > li, + .pricing-table.col-3 > li { + width: 100%; + } + .pricing-table .highlight { + margin-top: 0 !important; + padding: 10px !important; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/_variable.less b/public/assets/less/one-page-parallax/_variable.less new file mode 100755 index 0000000..d1dcdab --- /dev/null +++ b/public/assets/less/one-page-parallax/_variable.less @@ -0,0 +1,62 @@ +/* Variable */ + +@bg_body: #fff; + +@green: #00acac; +@dark_green: #008a8a; +@light_green: #33bdbd; + +@blue: #348fe2; +@dark_blue: #2a72b5; +@light_blue: #5da5e8; + +@aqua: #49b6d6; +@dark_aqua: #3a92ab; +@light_aqua: #6dc5de; + +@purple: #727cb6; +@dark_purple: #5b6392; +@light_purple: #8e96c5; + +@orange: #f59c1a; +@dark_orange: #c47d15; +@light_orange: #f7b048; + +@yellow: #e3fa3e; +@dark_yellow: #b6c832; +@light_yellow: #e9fb65; + +@red: #ff5b57; +@dark_red: #cc4946; +@light_red: #ff7c79; + +@black: #2d353c; +@dark_black: #242a30; +@darker_black: #1a2229; +@light_black: #575d63; + +@grey: #b6c2c9; +@dark_grey: #929ba1; +@light_grey: #c5ced4; + +@silver: #f0f3f4; +@dark_silver: #b4b6b7; +@light_silver: #f4f6f7; + +@white: #ffffff; + + +// Text Color +@body_text_color: #707478; +@heading_text_color: #242a30; +@heading_small_text_color: #7c7f83; +@form_label_color: @dark_black; +@header_default_text_color: #585663; +@header_inverse_text_color: #a8acb1; +@sidebar_text_color: #a8acb1; + + +// Font Setting +@body_font_size: 12px; +@body_font_family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif; +@ie8_body_font_family: Arial,sans-serif; \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/bootstrap/alerts.less b/public/assets/less/one-page-parallax/bootstrap/alerts.less new file mode 100755 index 0000000..c4199db --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/alerts.less @@ -0,0 +1,73 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: @alert-padding; + margin-bottom: @line-height-computed; + border: 1px solid transparent; + border-radius: @alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing @headings-color + color: inherit; + } + + // Provide class for links that match alerts + .alert-link { + font-weight: @alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + + > p + p { + margin-top: 5px; + } +} + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. +.alert-dismissible { + padding-right: (@alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); +} + +.alert-info { + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); +} + +.alert-warning { + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); +} + +.alert-danger { + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); +} diff --git a/public/assets/less/one-page-parallax/bootstrap/badges.less b/public/assets/less/one-page-parallax/bootstrap/badges.less new file mode 100755 index 0000000..6ee16dc --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/badges.less @@ -0,0 +1,66 @@ +// +// Badges +// -------------------------------------------------- + + +// Base class +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: @font-size-small; + font-weight: @badge-font-weight; + color: @badge-color; + line-height: @badge-line-height; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: @badge-bg; + border-radius: @badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + + .btn-xs &, + .btn-group-xs > .btn & { + top: 0; + padding: 1px 5px; + } + + // Hover state, but only for links + a& { + &:hover, + &:focus { + color: @badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Account for badges in navs + .list-group-item.active > &, + .nav-pills > .active > a > & { + color: @badge-active-color; + background-color: @badge-active-bg; + } + + .list-group-item > & { + float: right; + } + + .list-group-item > & + & { + margin-right: 5px; + } + + .nav-pills > li > a > & { + margin-left: 3px; + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/bootstrap.less b/public/assets/less/one-page-parallax/bootstrap/bootstrap.less new file mode 100755 index 0000000..4b9916e --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/bootstrap.less @@ -0,0 +1,56 @@ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +// Core variables and mixins +@import "variables.less"; +@import "mixins.less"; + +// Reset and dependencies +@import "normalize.less"; +@import "print.less"; +@import "glyphicons.less"; + +// Core CSS +@import "scaffolding.less"; +@import "type.less"; +@import "code.less"; +@import "grid.less"; +@import "tables.less"; +@import "forms.less"; +@import "buttons.less"; + +// Components +@import "component-animations.less"; +@import "dropdowns.less"; +@import "button-groups.less"; +@import "input-groups.less"; +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; +@import "labels.less"; +@import "badges.less"; +@import "jumbotron.less"; +@import "thumbnails.less"; +@import "alerts.less"; +@import "progress-bars.less"; +@import "media.less"; +@import "list-group.less"; +@import "panels.less"; +@import "responsive-embed.less"; +@import "wells.less"; +@import "close.less"; + +// Components w/ JavaScript +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; +@import "carousel.less"; + +// Utility classes +@import "utilities.less"; +@import "responsive-utilities.less"; diff --git a/public/assets/less/one-page-parallax/bootstrap/breadcrumbs.less b/public/assets/less/one-page-parallax/bootstrap/breadcrumbs.less new file mode 100755 index 0000000..cb01d50 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/breadcrumbs.less @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; + margin-bottom: @line-height-computed; + list-style: none; + background-color: @breadcrumb-bg; + border-radius: @border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: @breadcrumb-color; + } + } + + > .active { + color: @breadcrumb-active-color; + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/button-groups.less b/public/assets/less/one-page-parallax/bootstrap/button-groups.less new file mode 100755 index 0000000..6a0c5a8 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/button-groups.less @@ -0,0 +1,244 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + &:extend(.clearfix all); + + .btn, + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + .border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + .border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-right-radius(0); + } +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { &:extend(.btn-xs); } +.btn-group-sm > .btn { &:extend(.btn-sm); } +.btn-group-lg > .btn { &:extend(.btn-lg); } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + .box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: @caret-width-large @caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 @caret-width-large @caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + &:extend(.clearfix all); + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: @btn-border-radius-base; + .border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: @btn-border-radius-base; + .border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-top-radius(0); +} + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } + + > .btn-group .dropdown-menu { + left: auto; + } +} + + +// Checkbox and radio options +// +// In order to support the browser's form validation feedback, powered by the +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. +// This way, we ensure a DOM element is visible to position the popover from. +// +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. + +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/buttons.less b/public/assets/less/one-page-parallax/bootstrap/buttons.less new file mode 100755 index 0000000..9cbb8f4 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/buttons.less @@ -0,0 +1,166 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: @btn-font-weight; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base); + .user-select(none); + + &, + &:active, + &.active { + &:focus, + &.focus { + .tab-focus(); + } + } + + &:hover, + &:focus, + &.focus { + color: @btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + .opacity(.65); + .box-shadow(none); + } + + a& { + &.disabled, + fieldset[disabled] & { + pointer-events: none; // Future-proof disabling of clicks on `` elements + } + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); +} +.btn-primary { + .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); +} +// Success appears as green +.btn-success { + .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); +} +// Info appears as blue-green +.btn-info { + .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); +} +// Warning appears as orange +.btn-warning { + .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: @link-color; + font-weight: normal; + border-radius: 0; + + &, + &:active, + &.active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + .box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: @link-hover-color; + text-decoration: @link-hover-decoration; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @btn-border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} +.btn-xs { + .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/carousel.less b/public/assets/less/one-page-parallax/bootstrap/carousel.less new file mode 100755 index 0000000..87ed696 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/carousel.less @@ -0,0 +1,269 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + .transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + &:extend(.img-responsive); + line-height: 1; + } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + .transition-transform(~'0.6s ease-in-out'); + .backface-visibility(~'hidden'); + .perspective(1000px); + + &.next, + &.active.right { + .translate3d(100%, 0, 0); + left: 0; + } + &.prev, + &.active.left { + .translate3d(-100%, 0, 0); + left: 0; + } + &.next.left, + &.prev.right, + &.active { + .translate3d(0, 0, 0); + left: 0; + } + } + } + + > .active, + > .next, + > .prev { + display: block; + } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; + color: @carousel-control-color; + text-align: center; + text-shadow: @carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: 0; + color: @carousel-control-color; + text-decoration: none; + .opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + margin-top: -10px; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + line-height: 1; + font-family: serif; + } + + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid @carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: @carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: @carousel-caption-color; + text-align: center; + text-shadow: @carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: @screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, + .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, + .icon-next { + margin-right: -15px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/close.less b/public/assets/less/one-page-parallax/bootstrap/close.less new file mode 100755 index 0000000..6d5bfe0 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/close.less @@ -0,0 +1,34 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: (@font-size-base * 1.5); + font-weight: @close-font-weight; + line-height: 1; + color: @close-color; + text-shadow: @close-text-shadow; + .opacity(.2); + + &:hover, + &:focus { + color: @close-color; + text-decoration: none; + cursor: pointer; + .opacity(.5); + } + + // Additional properties for button version + // iOS requires the button element instead of an anchor tag. + // If you want the anchor version, it requires `href="#"`. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile + button& { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/code.less b/public/assets/less/one-page-parallax/bootstrap/code.less new file mode 100755 index 0000000..a08b4d4 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/code.less @@ -0,0 +1,69 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: @font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + border-radius: @border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: @kbd-color; + background-color: @kbd-bg; + border-radius: @border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); + + kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; + } +} + +// Blocks of code +pre { + display: block; + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); + font-size: (@font-size-base - 1); // 14px to 13px + line-height: @line-height-base; + word-break: break-all; + word-wrap: break-word; + color: @pre-color; + background-color: @pre-bg; + border: 1px solid @pre-border-color; + border-radius: @border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: @pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/public/assets/less/one-page-parallax/bootstrap/component-animations.less b/public/assets/less/one-page-parallax/bootstrap/component-animations.less new file mode 100755 index 0000000..0bcee91 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/component-animations.less @@ -0,0 +1,33 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. + +.fade { + opacity: 0; + .transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + + &.in { display: block; } + tr&.in { display: table-row; } + tbody&.in { display: table-row-group; } +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition-property(~"height, visibility"); + .transition-duration(.35s); + .transition-timing-function(ease); +} diff --git a/public/assets/less/one-page-parallax/bootstrap/dropdowns.less b/public/assets/less/one-page-parallax/bootstrap/dropdowns.less new file mode 100755 index 0000000..f6876c1 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/dropdowns.less @@ -0,0 +1,216 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: @caret-width-base dashed; + border-top: @caret-width-base solid ~"\9"; // IE8 + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropup, +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: @zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: @font-size-base; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + .nav-divider(@dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: @line-height-base; + color: @dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: @dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: @dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: @dropdown-link-disabled-color; + } + + // Nuke hover/focus effects + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + .reset-filter(); + cursor: @cursor-disabled; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; + white-space: nowrap; // as with > li > a +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: (@zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: @caret-width-base dashed; + border-bottom: @caret-width-base solid ~"\9"; // IE8 + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: @grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + .dropdown-menu-right(); + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + .dropdown-menu-left(); + } + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/forms.less b/public/assets/less/one-page-parallax/bootstrap/forms.less new file mode 100755 index 0000000..b064ede --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/forms.less @@ -0,0 +1,607 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: @line-height-computed; + font-size: (@font-size-base * 1.5); + line-height: inherit; + color: @legend-color; + border: 0; + border-bottom: 1px solid @legend-border-color; +} + +label { + display: inline-block; + max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + .box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; // IE8-9 + line-height: normal; +} + +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + .tab-focus(); +} + +// Adjust output element +output { + display: block; + padding-top: (@padding-base-vertical + 1); + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; + background-color: @input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid @input-border; + border-radius: @input-border-radius; // Note: This has no effect on s in CSS. + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); + + // Customize the `:focus` state to imitate native WebKit styles. + .form-control-focus(); + + // Placeholder + .placeholder(); + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + background-color: @input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 + } + + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + } + + // Reset height for `textarea`s + textarea& { + height: auto; + } +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS temporal inputs +// +// In Mobile Safari, setting `display: block` on temporal inputs causes the +// text within the input to become vertically misaligned. As a workaround, we +// set a pixel line-height that matches the given height of the input, but only +// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 +// +// Note that as of 8.3, iOS doesn't support `datetime` or `week`. + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + &.form-control { + line-height: @input-height-base; + } + + &.input-sm, + .input-group-sm & { + line-height: @input-height-small; + } + + &.input-lg, + .input-group-lg & { + line-height: @input-height-large; + } + } +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: @form-group-margin-bottom; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; + + label { + min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// Some special care is needed because Star + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('@{icon-font-path}@{icon-font-name}.eot'); + src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'), + url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'), + url('@{icon-font-path}@{icon-font-name}.woff') format('woff'), + url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'), + url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg'); +} + +// Catchall baseclass +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// Individual icons +.glyphicon-asterisk { &:before { content: "\2a"; } } +.glyphicon-plus { &:before { content: "\2b"; } } +.glyphicon-euro, +.glyphicon-eur { &:before { content: "\20ac"; } } +.glyphicon-minus { &:before { content: "\2212"; } } +.glyphicon-cloud { &:before { content: "\2601"; } } +.glyphicon-envelope { &:before { content: "\2709"; } } +.glyphicon-pencil { &:before { content: "\270f"; } } +.glyphicon-glass { &:before { content: "\e001"; } } +.glyphicon-music { &:before { content: "\e002"; } } +.glyphicon-search { &:before { content: "\e003"; } } +.glyphicon-heart { &:before { content: "\e005"; } } +.glyphicon-star { &:before { content: "\e006"; } } +.glyphicon-star-empty { &:before { content: "\e007"; } } +.glyphicon-user { &:before { content: "\e008"; } } +.glyphicon-film { &:before { content: "\e009"; } } +.glyphicon-th-large { &:before { content: "\e010"; } } +.glyphicon-th { &:before { content: "\e011"; } } +.glyphicon-th-list { &:before { content: "\e012"; } } +.glyphicon-ok { &:before { content: "\e013"; } } +.glyphicon-remove { &:before { content: "\e014"; } } +.glyphicon-zoom-in { &:before { content: "\e015"; } } +.glyphicon-zoom-out { &:before { content: "\e016"; } } +.glyphicon-off { &:before { content: "\e017"; } } +.glyphicon-signal { &:before { content: "\e018"; } } +.glyphicon-cog { &:before { content: "\e019"; } } +.glyphicon-trash { &:before { content: "\e020"; } } +.glyphicon-home { &:before { content: "\e021"; } } +.glyphicon-file { &:before { content: "\e022"; } } +.glyphicon-time { &:before { content: "\e023"; } } +.glyphicon-road { &:before { content: "\e024"; } } +.glyphicon-download-alt { &:before { content: "\e025"; } } +.glyphicon-download { &:before { content: "\e026"; } } +.glyphicon-upload { &:before { content: "\e027"; } } +.glyphicon-inbox { &:before { content: "\e028"; } } +.glyphicon-play-circle { &:before { content: "\e029"; } } +.glyphicon-repeat { &:before { content: "\e030"; } } +.glyphicon-refresh { &:before { content: "\e031"; } } +.glyphicon-list-alt { &:before { content: "\e032"; } } +.glyphicon-lock { &:before { content: "\e033"; } } +.glyphicon-flag { &:before { content: "\e034"; } } +.glyphicon-headphones { &:before { content: "\e035"; } } +.glyphicon-volume-off { &:before { content: "\e036"; } } +.glyphicon-volume-down { &:before { content: "\e037"; } } +.glyphicon-volume-up { &:before { content: "\e038"; } } +.glyphicon-qrcode { &:before { content: "\e039"; } } +.glyphicon-barcode { &:before { content: "\e040"; } } +.glyphicon-tag { &:before { content: "\e041"; } } +.glyphicon-tags { &:before { content: "\e042"; } } +.glyphicon-book { &:before { content: "\e043"; } } +.glyphicon-bookmark { &:before { content: "\e044"; } } +.glyphicon-print { &:before { content: "\e045"; } } +.glyphicon-camera { &:before { content: "\e046"; } } +.glyphicon-font { &:before { content: "\e047"; } } +.glyphicon-bold { &:before { content: "\e048"; } } +.glyphicon-italic { &:before { content: "\e049"; } } +.glyphicon-text-height { &:before { content: "\e050"; } } +.glyphicon-text-width { &:before { content: "\e051"; } } +.glyphicon-align-left { &:before { content: "\e052"; } } +.glyphicon-align-center { &:before { content: "\e053"; } } +.glyphicon-align-right { &:before { content: "\e054"; } } +.glyphicon-align-justify { &:before { content: "\e055"; } } +.glyphicon-list { &:before { content: "\e056"; } } +.glyphicon-indent-left { &:before { content: "\e057"; } } +.glyphicon-indent-right { &:before { content: "\e058"; } } +.glyphicon-facetime-video { &:before { content: "\e059"; } } +.glyphicon-picture { &:before { content: "\e060"; } } +.glyphicon-map-marker { &:before { content: "\e062"; } } +.glyphicon-adjust { &:before { content: "\e063"; } } +.glyphicon-tint { &:before { content: "\e064"; } } +.glyphicon-edit { &:before { content: "\e065"; } } +.glyphicon-share { &:before { content: "\e066"; } } +.glyphicon-check { &:before { content: "\e067"; } } +.glyphicon-move { &:before { content: "\e068"; } } +.glyphicon-step-backward { &:before { content: "\e069"; } } +.glyphicon-fast-backward { &:before { content: "\e070"; } } +.glyphicon-backward { &:before { content: "\e071"; } } +.glyphicon-play { &:before { content: "\e072"; } } +.glyphicon-pause { &:before { content: "\e073"; } } +.glyphicon-stop { &:before { content: "\e074"; } } +.glyphicon-forward { &:before { content: "\e075"; } } +.glyphicon-fast-forward { &:before { content: "\e076"; } } +.glyphicon-step-forward { &:before { content: "\e077"; } } +.glyphicon-eject { &:before { content: "\e078"; } } +.glyphicon-chevron-left { &:before { content: "\e079"; } } +.glyphicon-chevron-right { &:before { content: "\e080"; } } +.glyphicon-plus-sign { &:before { content: "\e081"; } } +.glyphicon-minus-sign { &:before { content: "\e082"; } } +.glyphicon-remove-sign { &:before { content: "\e083"; } } +.glyphicon-ok-sign { &:before { content: "\e084"; } } +.glyphicon-question-sign { &:before { content: "\e085"; } } +.glyphicon-info-sign { &:before { content: "\e086"; } } +.glyphicon-screenshot { &:before { content: "\e087"; } } +.glyphicon-remove-circle { &:before { content: "\e088"; } } +.glyphicon-ok-circle { &:before { content: "\e089"; } } +.glyphicon-ban-circle { &:before { content: "\e090"; } } +.glyphicon-arrow-left { &:before { content: "\e091"; } } +.glyphicon-arrow-right { &:before { content: "\e092"; } } +.glyphicon-arrow-up { &:before { content: "\e093"; } } +.glyphicon-arrow-down { &:before { content: "\e094"; } } +.glyphicon-share-alt { &:before { content: "\e095"; } } +.glyphicon-resize-full { &:before { content: "\e096"; } } +.glyphicon-resize-small { &:before { content: "\e097"; } } +.glyphicon-exclamation-sign { &:before { content: "\e101"; } } +.glyphicon-gift { &:before { content: "\e102"; } } +.glyphicon-leaf { &:before { content: "\e103"; } } +.glyphicon-fire { &:before { content: "\e104"; } } +.glyphicon-eye-open { &:before { content: "\e105"; } } +.glyphicon-eye-close { &:before { content: "\e106"; } } +.glyphicon-warning-sign { &:before { content: "\e107"; } } +.glyphicon-plane { &:before { content: "\e108"; } } +.glyphicon-calendar { &:before { content: "\e109"; } } +.glyphicon-random { &:before { content: "\e110"; } } +.glyphicon-comment { &:before { content: "\e111"; } } +.glyphicon-magnet { &:before { content: "\e112"; } } +.glyphicon-chevron-up { &:before { content: "\e113"; } } +.glyphicon-chevron-down { &:before { content: "\e114"; } } +.glyphicon-retweet { &:before { content: "\e115"; } } +.glyphicon-shopping-cart { &:before { content: "\e116"; } } +.glyphicon-folder-close { &:before { content: "\e117"; } } +.glyphicon-folder-open { &:before { content: "\e118"; } } +.glyphicon-resize-vertical { &:before { content: "\e119"; } } +.glyphicon-resize-horizontal { &:before { content: "\e120"; } } +.glyphicon-hdd { &:before { content: "\e121"; } } +.glyphicon-bullhorn { &:before { content: "\e122"; } } +.glyphicon-bell { &:before { content: "\e123"; } } +.glyphicon-certificate { &:before { content: "\e124"; } } +.glyphicon-thumbs-up { &:before { content: "\e125"; } } +.glyphicon-thumbs-down { &:before { content: "\e126"; } } +.glyphicon-hand-right { &:before { content: "\e127"; } } +.glyphicon-hand-left { &:before { content: "\e128"; } } +.glyphicon-hand-up { &:before { content: "\e129"; } } +.glyphicon-hand-down { &:before { content: "\e130"; } } +.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } +.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } +.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } +.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } +.glyphicon-globe { &:before { content: "\e135"; } } +.glyphicon-wrench { &:before { content: "\e136"; } } +.glyphicon-tasks { &:before { content: "\e137"; } } +.glyphicon-filter { &:before { content: "\e138"; } } +.glyphicon-briefcase { &:before { content: "\e139"; } } +.glyphicon-fullscreen { &:before { content: "\e140"; } } +.glyphicon-dashboard { &:before { content: "\e141"; } } +.glyphicon-paperclip { &:before { content: "\e142"; } } +.glyphicon-heart-empty { &:before { content: "\e143"; } } +.glyphicon-link { &:before { content: "\e144"; } } +.glyphicon-phone { &:before { content: "\e145"; } } +.glyphicon-pushpin { &:before { content: "\e146"; } } +.glyphicon-usd { &:before { content: "\e148"; } } +.glyphicon-gbp { &:before { content: "\e149"; } } +.glyphicon-sort { &:before { content: "\e150"; } } +.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } +.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } +.glyphicon-sort-by-order { &:before { content: "\e153"; } } +.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } +.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } +.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } +.glyphicon-unchecked { &:before { content: "\e157"; } } +.glyphicon-expand { &:before { content: "\e158"; } } +.glyphicon-collapse-down { &:before { content: "\e159"; } } +.glyphicon-collapse-up { &:before { content: "\e160"; } } +.glyphicon-log-in { &:before { content: "\e161"; } } +.glyphicon-flash { &:before { content: "\e162"; } } +.glyphicon-log-out { &:before { content: "\e163"; } } +.glyphicon-new-window { &:before { content: "\e164"; } } +.glyphicon-record { &:before { content: "\e165"; } } +.glyphicon-save { &:before { content: "\e166"; } } +.glyphicon-open { &:before { content: "\e167"; } } +.glyphicon-saved { &:before { content: "\e168"; } } +.glyphicon-import { &:before { content: "\e169"; } } +.glyphicon-export { &:before { content: "\e170"; } } +.glyphicon-send { &:before { content: "\e171"; } } +.glyphicon-floppy-disk { &:before { content: "\e172"; } } +.glyphicon-floppy-saved { &:before { content: "\e173"; } } +.glyphicon-floppy-remove { &:before { content: "\e174"; } } +.glyphicon-floppy-save { &:before { content: "\e175"; } } +.glyphicon-floppy-open { &:before { content: "\e176"; } } +.glyphicon-credit-card { &:before { content: "\e177"; } } +.glyphicon-transfer { &:before { content: "\e178"; } } +.glyphicon-cutlery { &:before { content: "\e179"; } } +.glyphicon-header { &:before { content: "\e180"; } } +.glyphicon-compressed { &:before { content: "\e181"; } } +.glyphicon-earphone { &:before { content: "\e182"; } } +.glyphicon-phone-alt { &:before { content: "\e183"; } } +.glyphicon-tower { &:before { content: "\e184"; } } +.glyphicon-stats { &:before { content: "\e185"; } } +.glyphicon-sd-video { &:before { content: "\e186"; } } +.glyphicon-hd-video { &:before { content: "\e187"; } } +.glyphicon-subtitles { &:before { content: "\e188"; } } +.glyphicon-sound-stereo { &:before { content: "\e189"; } } +.glyphicon-sound-dolby { &:before { content: "\e190"; } } +.glyphicon-sound-5-1 { &:before { content: "\e191"; } } +.glyphicon-sound-6-1 { &:before { content: "\e192"; } } +.glyphicon-sound-7-1 { &:before { content: "\e193"; } } +.glyphicon-copyright-mark { &:before { content: "\e194"; } } +.glyphicon-registration-mark { &:before { content: "\e195"; } } +.glyphicon-cloud-download { &:before { content: "\e197"; } } +.glyphicon-cloud-upload { &:before { content: "\e198"; } } +.glyphicon-tree-conifer { &:before { content: "\e199"; } } +.glyphicon-tree-deciduous { &:before { content: "\e200"; } } +.glyphicon-cd { &:before { content: "\e201"; } } +.glyphicon-save-file { &:before { content: "\e202"; } } +.glyphicon-open-file { &:before { content: "\e203"; } } +.glyphicon-level-up { &:before { content: "\e204"; } } +.glyphicon-copy { &:before { content: "\e205"; } } +.glyphicon-paste { &:before { content: "\e206"; } } +// The following 2 Glyphicons are omitted for the time being because +// they currently use Unicode codepoints that are outside the +// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle +// non-BMP codepoints in CSS string escapes, and thus can't display these two icons. +// Notably, the bug affects some older versions of the Android Browser. +// More info: https://github.com/twbs/bootstrap/issues/10106 +// .glyphicon-door { &:before { content: "\1f6aa"; } } +// .glyphicon-key { &:before { content: "\1f511"; } } +.glyphicon-alert { &:before { content: "\e209"; } } +.glyphicon-equalizer { &:before { content: "\e210"; } } +.glyphicon-king { &:before { content: "\e211"; } } +.glyphicon-queen { &:before { content: "\e212"; } } +.glyphicon-pawn { &:before { content: "\e213"; } } +.glyphicon-bishop { &:before { content: "\e214"; } } +.glyphicon-knight { &:before { content: "\e215"; } } +.glyphicon-baby-formula { &:before { content: "\e216"; } } +.glyphicon-tent { &:before { content: "\26fa"; } } +.glyphicon-blackboard { &:before { content: "\e218"; } } +.glyphicon-bed { &:before { content: "\e219"; } } +.glyphicon-apple { &:before { content: "\f8ff"; } } +.glyphicon-erase { &:before { content: "\e221"; } } +.glyphicon-hourglass { &:before { content: "\231b"; } } +.glyphicon-lamp { &:before { content: "\e223"; } } +.glyphicon-duplicate { &:before { content: "\e224"; } } +.glyphicon-piggy-bank { &:before { content: "\e225"; } } +.glyphicon-scissors { &:before { content: "\e226"; } } +.glyphicon-bitcoin { &:before { content: "\e227"; } } +.glyphicon-btc { &:before { content: "\e227"; } } +.glyphicon-xbt { &:before { content: "\e227"; } } +.glyphicon-yen { &:before { content: "\00a5"; } } +.glyphicon-jpy { &:before { content: "\00a5"; } } +.glyphicon-ruble { &:before { content: "\20bd"; } } +.glyphicon-rub { &:before { content: "\20bd"; } } +.glyphicon-scale { &:before { content: "\e230"; } } +.glyphicon-ice-lolly { &:before { content: "\e231"; } } +.glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } } +.glyphicon-education { &:before { content: "\e233"; } } +.glyphicon-option-horizontal { &:before { content: "\e234"; } } +.glyphicon-option-vertical { &:before { content: "\e235"; } } +.glyphicon-menu-hamburger { &:before { content: "\e236"; } } +.glyphicon-modal-window { &:before { content: "\e237"; } } +.glyphicon-oil { &:before { content: "\e238"; } } +.glyphicon-grain { &:before { content: "\e239"; } } +.glyphicon-sunglasses { &:before { content: "\e240"; } } +.glyphicon-text-size { &:before { content: "\e241"; } } +.glyphicon-text-color { &:before { content: "\e242"; } } +.glyphicon-text-background { &:before { content: "\e243"; } } +.glyphicon-object-align-top { &:before { content: "\e244"; } } +.glyphicon-object-align-bottom { &:before { content: "\e245"; } } +.glyphicon-object-align-horizontal{ &:before { content: "\e246"; } } +.glyphicon-object-align-left { &:before { content: "\e247"; } } +.glyphicon-object-align-vertical { &:before { content: "\e248"; } } +.glyphicon-object-align-right { &:before { content: "\e249"; } } +.glyphicon-triangle-right { &:before { content: "\e250"; } } +.glyphicon-triangle-left { &:before { content: "\e251"; } } +.glyphicon-triangle-bottom { &:before { content: "\e252"; } } +.glyphicon-triangle-top { &:before { content: "\e253"; } } +.glyphicon-console { &:before { content: "\e254"; } } +.glyphicon-superscript { &:before { content: "\e255"; } } +.glyphicon-subscript { &:before { content: "\e256"; } } +.glyphicon-menu-left { &:before { content: "\e257"; } } +.glyphicon-menu-right { &:before { content: "\e258"; } } +.glyphicon-menu-down { &:before { content: "\e259"; } } +.glyphicon-menu-up { &:before { content: "\e260"; } } diff --git a/public/assets/less/one-page-parallax/bootstrap/grid.less b/public/assets/less/one-page-parallax/bootstrap/grid.less new file mode 100755 index 0000000..e100655 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/grid.less @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + .container-fixed(); + + @media (min-width: @screen-sm-min) { + width: @container-sm; + } + @media (min-width: @screen-md-min) { + width: @container-md; + } + @media (min-width: @screen-lg-min) { + width: @container-lg; + } +} + + +// Fluid container +// +// Utilizes the mixin meant for fixed width containers, but without any defined +// width for fluid, full width layouts. + +.container-fluid { + .container-fixed(); +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + .make-row(); +} + + +// Columns +// +// Common styles for small and large grid columns + +.make-grid-columns(); + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +.make-grid(xs); + + +// Small grid +// +// Columns, offsets, pushes, and pulls for the small device range, from phones +// to tablets. + +@media (min-width: @screen-sm-min) { + .make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: @screen-md-min) { + .make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: @screen-lg-min) { + .make-grid(lg); +} diff --git a/public/assets/less/one-page-parallax/bootstrap/input-groups.less b/public/assets/less/one-page-parallax/bootstrap/input-groups.less new file mode 100755 index 0000000..457ea60 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/input-groups.less @@ -0,0 +1,167 @@ +// +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + position: relative; // For dropdowns + display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table + + // Undo padding and float of grid classes + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + + .form-control { + // Ensure that the input is always above the *appended* addon button for + // proper border colors. + position: relative; + z-index: 2; + + // IE9 fubars the placeholder attribute in text inputs and the arrows on + // select elements in input groups. To fix it, we float the input. Details: + // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 + float: left; + + width: 100%; + margin-bottom: 0; + } +} + +// Sizing options +// +// Remix the default form control sizing classes into new ones for easier +// manipulation. + +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + .input-lg(); +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + .input-sm(); +} + + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + font-weight: normal; + line-height: 1; + color: @input-color; + text-align: center; + background-color: @input-group-addon-bg; + border: 1px solid @input-group-addon-border-color; + border-radius: @border-radius-base; + + // Sizing + &.input-sm { + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + border-radius: @border-radius-small; + } + &.input-lg { + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + border-radius: @border-radius-large; + } + + // Nuke default margins from checkboxes and radios to vertically center within. + input[type="radio"], + input[type="checkbox"] { + margin-top: 0; + } +} + +// Reset rounded corners +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + .border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + .border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + // Jankily prevent input button groups from wrapping with `white-space` and + // `font-size` in combination with `inline-block` on buttons. + font-size: 0; + white-space: nowrap; + + // Negative margin for spacing, position for bringing hovered/focused/actived + // element above the siblings. + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:focus, + &:active { + z-index: 2; + } + } + + // Negative margin to only have a 1px border between the two + &:first-child { + > .btn, + > .btn-group { + margin-right: -1px; + } + } + &:last-child { + > .btn, + > .btn-group { + z-index: 2; + margin-left: -1px; + } + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/jumbotron.less b/public/assets/less/one-page-parallax/bootstrap/jumbotron.less new file mode 100755 index 0000000..fa80a38 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/jumbotron.less @@ -0,0 +1,52 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding-top: @jumbotron-padding; + padding-bottom: @jumbotron-padding; + margin-bottom: @jumbotron-padding; + color: @jumbotron-color; + background-color: @jumbotron-bg; + + h1, + .h1 { + color: @jumbotron-heading-color; + } + + p { + margin-bottom: (@jumbotron-padding / 2); + font-size: @jumbotron-font-size; + font-weight: 200; + } + + > hr { + border-top-color: darken(@jumbotron-bg, 10%); + } + + .container &, + .container-fluid & { + border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: @screen-sm-min) { + padding-top: (@jumbotron-padding * 1.6); + padding-bottom: (@jumbotron-padding * 1.6); + + .container &, + .container-fluid & { + padding-left: (@jumbotron-padding * 2); + padding-right: (@jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: @jumbotron-heading-font-size; + } + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/labels.less b/public/assets/less/one-page-parallax/bootstrap/labels.less new file mode 100755 index 0000000..9a5a270 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/labels.less @@ -0,0 +1,64 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: @label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // Add hover effects, but only for links + a& { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for labels in buttons + .btn & { + position: relative; + top: -1px; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + .label-variant(@label-default-bg); +} + +.label-primary { + .label-variant(@label-primary-bg); +} + +.label-success { + .label-variant(@label-success-bg); +} + +.label-info { + .label-variant(@label-info-bg); +} + +.label-warning { + .label-variant(@label-warning-bg); +} + +.label-danger { + .label-variant(@label-danger-bg); +} diff --git a/public/assets/less/one-page-parallax/bootstrap/list-group.less b/public/assets/less/one-page-parallax/bootstrap/list-group.less new file mode 100755 index 0000000..216b912 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/list-group.less @@ -0,0 +1,130 @@ +// +// List groups +// -------------------------------------------------- + + +// Base class +// +// Easily usable on
                ,
                  , or
                  . + +.list-group { + // No need to set list-style: none; since .list-group-item is block level + margin-bottom: 20px; + padding-left: 0; // reset padding because ul and ol +} + + +// Individual list items +// +// Use on `li`s or `div`s within the `.list-group` parent. + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + // Place the border on the list items and negative margin up for better styling + margin-bottom: -1px; + background-color: @list-group-bg; + border: 1px solid @list-group-border; + + // Round the first and last items + &:first-child { + .border-top-radius(@list-group-border-radius); + } + &:last-child { + margin-bottom: 0; + .border-bottom-radius(@list-group-border-radius); + } +} + + +// Interactive list items +// +// Use anchor or button elements instead of `li`s or `div`s to create interactive items. +// Includes an extra `.active` modifier class for showing selected items. + +a.list-group-item, +button.list-group-item { + color: @list-group-link-color; + + .list-group-item-heading { + color: @list-group-link-heading-color; + } + + // Hover state + &:hover, + &:focus { + text-decoration: none; + color: @list-group-link-hover-color; + background-color: @list-group-hover-bg; + } +} + +button.list-group-item { + width: 100%; + text-align: left; +} + +.list-group-item { + // Disabled state + &.disabled, + &.disabled:hover, + &.disabled:focus { + background-color: @list-group-disabled-bg; + color: @list-group-disabled-color; + cursor: @cursor-disabled; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: @list-group-disabled-text-color; + } + } + + // Active class on item itself, not parent + &.active, + &.active:hover, + &.active:focus { + z-index: 2; // Place active items above their siblings for proper border styling + color: @list-group-active-color; + background-color: @list-group-active-bg; + border-color: @list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading, + .list-group-item-heading > small, + .list-group-item-heading > .small { + color: inherit; + } + .list-group-item-text { + color: @list-group-active-text-color; + } + } +} + + +// Contextual variants +// +// Add modifier classes to change text and background color on individual items. +// Organizationally, this must come after the `:hover` states. + +.list-group-item-variant(success; @state-success-bg; @state-success-text); +.list-group-item-variant(info; @state-info-bg; @state-info-text); +.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); +.list-group-item-variant(danger; @state-danger-bg; @state-danger-text); + + +// Custom content options +// +// Extra classes for creating well-formatted content within `.list-group-item`s. + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} diff --git a/public/assets/less/one-page-parallax/bootstrap/media.less b/public/assets/less/one-page-parallax/bootstrap/media.less new file mode 100755 index 0000000..8c835e8 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/media.less @@ -0,0 +1,66 @@ +.media { + // Proper spacing between instances of .media + margin-top: 15px; + + &:first-child { + margin-top: 0; + } +} + +.media, +.media-body { + zoom: 1; + overflow: hidden; +} + +.media-body { + width: 10000px; +} + +.media-object { + display: block; + + // Fix collapse in webkit from max-width: 100% and display: table-cell. + &.img-thumbnail { + max-width: none; + } +} + +.media-right, +.media > .pull-right { + padding-left: 10px; +} + +.media-left, +.media > .pull-left { + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +// Reset margins on headings for tighter default spacing +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +// Media list variation +// +// Undo default ul/ol styles +.media-list { + padding-left: 0; + list-style: none; +} diff --git a/public/assets/less/one-page-parallax/bootstrap/mixins.less b/public/assets/less/one-page-parallax/bootstrap/mixins.less new file mode 100755 index 0000000..e6f9fe6 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/mixins.less @@ -0,0 +1,40 @@ +// Mixins +// -------------------------------------------------- + +// Utilities +@import "mixins/hide-text.less"; +@import "mixins/opacity.less"; +@import "mixins/image.less"; +@import "mixins/labels.less"; +@import "mixins/reset-filter.less"; +@import "mixins/resize.less"; +@import "mixins/responsive-visibility.less"; +@import "mixins/size.less"; +@import "mixins/tab-focus.less"; +@import "mixins/reset-text.less"; +@import "mixins/text-emphasis.less"; +@import "mixins/text-overflow.less"; +@import "mixins/vendor-prefixes.less"; + +// Components +@import "mixins/alerts.less"; +@import "mixins/buttons.less"; +@import "mixins/panels.less"; +@import "mixins/pagination.less"; +@import "mixins/list-group.less"; +@import "mixins/nav-divider.less"; +@import "mixins/forms.less"; +@import "mixins/progress-bar.less"; +@import "mixins/table-row.less"; + +// Skins +@import "mixins/background-variant.less"; +@import "mixins/border-radius.less"; +@import "mixins/gradients.less"; + +// Layout +@import "mixins/clearfix.less"; +@import "mixins/center-block.less"; +@import "mixins/nav-vertical-align.less"; +@import "mixins/grid-framework.less"; +@import "mixins/grid.less"; diff --git a/public/assets/less/one-page-parallax/bootstrap/mixins/alerts.less b/public/assets/less/one-page-parallax/bootstrap/mixins/alerts.less new file mode 100755 index 0000000..396196f --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/mixins/alerts.less @@ -0,0 +1,14 @@ +// Alerts + +.alert-variant(@background; @border; @text-color) { + background-color: @background; + border-color: @border; + color: @text-color; + + hr { + border-top-color: darken(@border, 5%); + } + .alert-link { + color: darken(@text-color, 10%); + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/mixins/background-variant.less b/public/assets/less/one-page-parallax/bootstrap/mixins/background-variant.less new file mode 100755 index 0000000..a85c22b --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/mixins/background-variant.less @@ -0,0 +1,9 @@ +// Contextual backgrounds + +.bg-variant(@color) { + background-color: @color; + a&:hover, + a&:focus { + background-color: darken(@color, 10%); + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/mixins/border-radius.less b/public/assets/less/one-page-parallax/bootstrap/mixins/border-radius.less new file mode 100755 index 0000000..ca05dbf --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/mixins/border-radius.less @@ -0,0 +1,18 @@ +// Single side border-radius + +.border-top-radius(@radius) { + border-top-right-radius: @radius; + border-top-left-radius: @radius; +} +.border-right-radius(@radius) { + border-bottom-right-radius: @radius; + border-top-right-radius: @radius; +} +.border-bottom-radius(@radius) { + border-bottom-right-radius: @radius; + border-bottom-left-radius: @radius; +} +.border-left-radius(@radius) { + border-bottom-left-radius: @radius; + border-top-left-radius: @radius; +} diff --git a/public/assets/less/one-page-parallax/bootstrap/mixins/buttons.less b/public/assets/less/one-page-parallax/bootstrap/mixins/buttons.less new file mode 100755 index 0000000..6875a97 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/mixins/buttons.less @@ -0,0 +1,68 @@ +// Button variants +// +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons + +.button-variant(@color; @background; @border) { + color: @color; + background-color: @background; + border-color: @border; + + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 25%); + } + &:hover { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + } + &:active, + &.active, + .open > .dropdown-toggle& { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + + &:hover, + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 17%); + border-color: darken(@border, 25%); + } + } + &:active, + &.active, + .open > .dropdown-toggle& { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + + .badge { + color: @background; + background-color: @color; + } +} + +// Button sizes +.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; +} diff --git a/public/assets/less/one-page-parallax/bootstrap/mixins/center-block.less b/public/assets/less/one-page-parallax/bootstrap/mixins/center-block.less new file mode 100755 index 0000000..d18d6de --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/mixins/center-block.less @@ -0,0 +1,7 @@ +// Center-align a block level element + +.center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} diff --git a/public/assets/less/one-page-parallax/bootstrap/mixins/clearfix.less b/public/assets/less/one-page-parallax/bootstrap/mixins/clearfix.less new file mode 100755 index 0000000..3f7a382 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/mixins/clearfix.less @@ -0,0 +1,22 @@ +// Clearfix +// +// 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 are clearfixed. +// 2. The use of `table` rather than `block` is only necessary if using +// `:before` to contain the top-margins of child elements. +// +// Source: http://nicolasgallagher.com/micro-clearfix-hack/ + +.clearfix() { + &:before, + &:after { + content: " "; // 1 + display: table; // 2 + } + &:after { + clear: both; + } +} diff --git a/public/assets/less/one-page-parallax/bootstrap/mixins/forms.less b/public/assets/less/one-page-parallax/bootstrap/mixins/forms.less new file mode 100755 index 0000000..6f55ed9 --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/mixins/forms.less @@ -0,0 +1,85 @@ +// Form validation states +// +// Used in forms.less to generate the form validation CSS for warnings, errors, +// and successes. + +.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { + // Color the label and help text + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label { + color: @text-color; + } + // Set the border and box shadow on specific inputs to match + .form-control { + border-color: @border-color; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + &:focus { + border-color: darken(@border-color, 10%); + @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); + .box-shadow(@shadow); + } + } + // Set validation states also for addons + .input-group-addon { + color: @text-color; + border-color: @border-color; + background-color: @background-color; + } + // Optional feedback icon + .form-control-feedback { + color: @text-color; + } +} + + +// Form control focus state +// +// Generate a customized focus state and for any input with the specified color, +// which defaults to the `@input-border-focus` variable. +// +// We highly encourage you to not customize the default value, but instead use +// this to tweak colors on an as-needed basis. This aesthetic change is based on +// WebKit's default styles, but applicable to a wider range of browsers. Its +// usability and accessibility should be taken into account with any change. +// +// Example usage: change the default blue border and shadow to white for better +// contrast against a dark gray background. +.form-control-focus(@color: @input-border-focus) { + @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); + &:focus { + border-color: @color; + outline: 0; + .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); + } +} + +// Form control sizing +// +// Relative text size, padding, and border-radii changes for form controls. For +// horizontal sizing, wrap controls in the predefined grid classes. `` background color +@input-bg: #fff; +//** `` background color +@input-bg-disabled: @gray-lighter; + +//** Text color for ``s +@input-color: @gray; +//** `` border color +@input-border: #ccc; + +// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +//** Default `.form-control` border radius +// This has no effect on ``s in CSS. +@input-border-radius: @border-radius-base; +//** Large `.form-control` border radius +@input-border-radius-large: @border-radius-large; +//** Small `.form-control` border radius +@input-border-radius-small: @border-radius-small; + +//** Border color for inputs on focus +@input-border-focus: #66afe9; + +//** Placeholder text color +@input-color-placeholder: #999; + +//** Default `.form-control` height +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); +//** Large `.form-control` height +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); +//** Small `.form-control` height +@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); + +//** `.form-group` margin +@form-group-margin-bottom: 15px; + +@legend-color: @gray-dark; +@legend-border-color: #e5e5e5; + +//** Background color for textual input addons +@input-group-addon-bg: @gray-lighter; +//** Border color for textual input addons +@input-group-addon-border-color: @input-border; + +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +@dropdown-bg: #fff; +//** Dropdown menu `border-color`. +@dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +@dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +@dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +@dropdown-link-color: @gray-dark; +//** Hover color for dropdown links. +@dropdown-link-hover-color: darken(@gray-dark, 5%); +//** Hover background for dropdown links. +@dropdown-link-hover-bg: #f5f5f5; + +//** Active dropdown menu item text color. +@dropdown-link-active-color: @component-active-color; +//** Active dropdown menu item background color. +@dropdown-link-active-bg: @component-active-bg; + +//** Disabled dropdown menu item background color. +@dropdown-link-disabled-color: @gray-light; + +//** Text color for headers within dropdown menus. +@dropdown-header-color: @gray-light; + +//** Deprecated `@dropdown-caret-color` as of v3.1.0 +@dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +@zindex-navbar: 1000; +@zindex-dropdown: 1000; +@zindex-popover: 1060; +@zindex-tooltip: 1070; +@zindex-navbar-fixed: 1030; +@zindex-modal-background: 1040; +@zindex-modal: 1050; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `@screen-xs` as of v3.0.1 +@screen-xs: 480px; +//** Deprecated `@screen-xs-min` as of v3.2.0 +@screen-xs-min: @screen-xs; +//** Deprecated `@screen-phone` as of v3.0.1 +@screen-phone: @screen-xs-min; + +// Small screen / tablet +//** Deprecated `@screen-sm` as of v3.0.1 +@screen-sm: 768px; +@screen-sm-min: @screen-sm; +//** Deprecated `@screen-tablet` as of v3.0.1 +@screen-tablet: @screen-sm-min; + +// Medium screen / desktop +//** Deprecated `@screen-md` as of v3.0.1 +@screen-md: 992px; +@screen-md-min: @screen-md; +//** Deprecated `@screen-desktop` as of v3.0.1 +@screen-desktop: @screen-md-min; + +// Large screen / wide desktop +//** Deprecated `@screen-lg` as of v3.0.1 +@screen-lg: 1200px; +@screen-lg-min: @screen-lg; +//** Deprecated `@screen-lg-desktop` as of v3.0.1 +@screen-lg-desktop: @screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +@screen-xs-max: (@screen-sm-min - 1); +@screen-sm-max: (@screen-md-min - 1); +@screen-md-max: (@screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +@grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +@grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +@grid-float-breakpoint: @screen-sm-min; +//** Point at which the navbar begins collapsing. +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +@container-tablet: (720px + @grid-gutter-width); +//** For `@screen-sm-min` and up. +@container-sm: @container-tablet; + +// Medium screen / desktop +@container-desktop: (940px + @grid-gutter-width); +//** For `@screen-md-min` and up. +@container-md: @container-desktop; + +// Large screen / wide desktop +@container-large-desktop: (1140px + @grid-gutter-width); +//** For `@screen-lg-min` and up. +@container-lg: @container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +@navbar-height: 50px; +@navbar-margin-bottom: @line-height-computed; +@navbar-border-radius: @border-radius-base; +@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); +@navbar-collapse-max-height: 340px; + +@navbar-default-color: #777; +@navbar-default-bg: #f8f8f8; +@navbar-default-border: darken(@navbar-default-bg, 6.5%); + +// Navbar links +@navbar-default-link-color: #777; +@navbar-default-link-hover-color: #333; +@navbar-default-link-hover-bg: transparent; +@navbar-default-link-active-color: #555; +@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); +@navbar-default-link-disabled-color: #ccc; +@navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +@navbar-default-brand-color: @navbar-default-link-color; +@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); +@navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +@navbar-default-toggle-hover-bg: #ddd; +@navbar-default-toggle-icon-bar-bg: #888; +@navbar-default-toggle-border-color: #ddd; + + +//=== Inverted navbar +// Reset inverted navbar basics +@navbar-inverse-color: lighten(@gray-light, 15%); +@navbar-inverse-bg: #222; +@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); + +// Inverted navbar links +@navbar-inverse-link-color: lighten(@gray-light, 15%); +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-hover-bg: transparent; +@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; +@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); +@navbar-inverse-link-disabled-color: #444; +@navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +@navbar-inverse-brand-color: @navbar-inverse-link-color; +@navbar-inverse-brand-hover-color: #fff; +@navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: #333; +@navbar-inverse-toggle-icon-bar-bg: #fff; +@navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +@nav-link-padding: 10px 15px; +@nav-link-hover-bg: @gray-lighter; + +@nav-disabled-link-color: @gray-light; +@nav-disabled-link-hover-color: @gray-light; + +//== Tabs +@nav-tabs-border-color: #ddd; + +@nav-tabs-link-hover-border-color: @gray-lighter; + +@nav-tabs-active-link-hover-bg: @body-bg; +@nav-tabs-active-link-hover-color: @gray; +@nav-tabs-active-link-hover-border-color: #ddd; + +@nav-tabs-justified-link-border-color: #ddd; +@nav-tabs-justified-active-link-border-color: @body-bg; + +//== Pills +@nav-pills-border-radius: @border-radius-base; +@nav-pills-active-link-hover-bg: @component-active-bg; +@nav-pills-active-link-hover-color: @component-active-color; + + +//== Pagination +// +//## + +@pagination-color: @link-color; +@pagination-bg: #fff; +@pagination-border: #ddd; + +@pagination-hover-color: @link-hover-color; +@pagination-hover-bg: @gray-lighter; +@pagination-hover-border: #ddd; + +@pagination-active-color: #fff; +@pagination-active-bg: @brand-primary; +@pagination-active-border: @brand-primary; + +@pagination-disabled-color: @gray-light; +@pagination-disabled-bg: #fff; +@pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +@pager-bg: @pagination-bg; +@pager-border: @pagination-border; +@pager-border-radius: 15px; + +@pager-hover-bg: @pagination-hover-bg; + +@pager-active-bg: @pagination-active-bg; +@pager-active-color: @pagination-active-color; + +@pager-disabled-color: @pagination-disabled-color; + + +//== Jumbotron +// +//## + +@jumbotron-padding: 30px; +@jumbotron-color: inherit; +@jumbotron-bg: @gray-lighter; +@jumbotron-heading-color: inherit; +@jumbotron-font-size: ceil((@font-size-base * 1.5)); +@jumbotron-heading-font-size: ceil((@font-size-base * 4.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +@tooltip-max-width: 200px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: #000; +@tooltip-opacity: .9; + +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +@popover-bg: #fff; +//** Popover maximum width +@popover-max-width: 276px; +//** Popover border color +@popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +@popover-fallback-border-color: #ccc; + +//** Popover title background color +@popover-title-bg: darken(@popover-bg, 3%); + +//** Popover arrow width +@popover-arrow-width: 10px; +//** Popover arrow color +@popover-arrow-color: @popover-bg; + +//** Popover outer arrow width +@popover-arrow-outer-width: (@popover-arrow-width + 1); +//** Popover outer arrow color +@popover-arrow-outer-color: fadein(@popover-border-color, 5%); +//** Popover outer arrow fallback color +@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +@label-default-bg: @gray-light; +//** Primary label background color +@label-primary-bg: @brand-primary; +//** Success label background color +@label-success-bg: @brand-success; +//** Info label background color +@label-info-bg: @brand-info; +//** Warning label background color +@label-warning-bg: @brand-warning; +//** Danger label background color +@label-danger-bg: @brand-danger; + +//** Default label text color +@label-color: #fff; +//** Default text color of a linked label +@label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +@modal-inner-padding: 15px; + +//** Padding applied to the modal title +@modal-title-padding: 15px; +//** Modal title line-height +@modal-title-line-height: @line-height-base; + +//** Background color of modal content area +@modal-content-bg: #fff; +//** Modal content border color +@modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +@modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +@modal-backdrop-bg: #000; +//** Modal backdrop opacity +@modal-backdrop-opacity: .5; +//** Modal header border color +@modal-header-border-color: #e5e5e5; +//** Modal footer border color +@modal-footer-border-color: @modal-header-border-color; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +@alert-padding: 15px; +@alert-border-radius: @border-radius-base; +@alert-link-font-weight: bold; + +@alert-success-bg: @state-success-bg; +@alert-success-text: @state-success-text; +@alert-success-border: @state-success-border; + +@alert-info-bg: @state-info-bg; +@alert-info-text: @state-info-text; +@alert-info-border: @state-info-border; + +@alert-warning-bg: @state-warning-bg; +@alert-warning-text: @state-warning-text; +@alert-warning-border: @state-warning-border; + +@alert-danger-bg: @state-danger-bg; +@alert-danger-text: @state-danger-text; +@alert-danger-border: @state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +@progress-border-radius: @border-radius-base; + +//** Default progress bar color +@progress-bar-bg: @brand-primary; +//** Success progress bar color +@progress-bar-success-bg: @brand-success; +//** Warning progress bar color +@progress-bar-warning-bg: @brand-warning; +//** Danger progress bar color +@progress-bar-danger-bg: @brand-danger; +//** Info progress bar color +@progress-bar-info-bg: @brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list items on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list items +@list-group-active-color: @component-active-color; +//** Background color of active list items +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +//** Text color for content within active list items +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +//** Text color of disabled list items +@list-group-disabled-color: @gray-light; +//** Background color of disabled list items +@list-group-disabled-bg: @gray-lighter; +//** Text color for content within disabled list items +@list-group-disabled-text-color: @list-group-disabled-color; + +@list-group-link-color: #555; +@list-group-link-hover-color: @list-group-link-color; +@list-group-link-heading-color: #333; + + +//== Panels +// +//## + +@panel-bg: #fff; +@panel-body-padding: 15px; +@panel-heading-padding: 10px 15px; +@panel-footer-padding: @panel-heading-padding; +@panel-border-radius: @border-radius-base; + +//** Border color for elements within panels +@panel-inner-border: #ddd; +@panel-footer-bg: #f5f5f5; + +@panel-default-text: @gray-dark; +@panel-default-border: #ddd; +@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: @brand-primary; +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: @state-success-text; +@panel-success-border: @state-success-border; +@panel-success-heading-bg: @state-success-bg; + +@panel-info-text: @state-info-text; +@panel-info-border: @state-info-border; +@panel-info-heading-bg: @state-info-bg; + +@panel-warning-text: @state-warning-text; +@panel-warning-border: @state-warning-border; +@panel-warning-heading-bg: @state-warning-bg; + +@panel-danger-text: @state-danger-text; +@panel-danger-border: @state-danger-border; +@panel-danger-heading-bg: @state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + +//** Custom text color for thumbnail captions +@thumbnail-caption-color: @text-color; +//** Padding around the thumbnail caption +@thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +@well-bg: #f5f5f5; +@well-border: darken(@well-bg, 7%); + + +//== Badges +// +//## + +@badge-color: #fff; +//** Linked badge text color on hover +@badge-link-hover-color: #fff; +@badge-bg: @gray-light; + +//** Badge text color in active nav link +@badge-active-color: @link-color; +//** Badge background color in active nav link +@badge-active-bg: #fff; + +@badge-font-weight: bold; +@badge-line-height: 1; +@badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +@breadcrumb-padding-vertical: 8px; +@breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +@breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +@breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +@breadcrumb-active-color: @gray-light; +//** Textual separator for between breadcrumb elements +@breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +@carousel-control-color: #fff; +@carousel-control-width: 15%; +@carousel-control-opacity: .5; +@carousel-control-font-size: 20px; + +@carousel-indicator-active-bg: #fff; +@carousel-indicator-border-color: #fff; + +@carousel-caption-color: #fff; + + +//== Close +// +//## + +@close-font-weight: bold; +@close-color: #000; +@close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +@code-color: #c7254e; +@code-bg: #f9f2f4; + +@kbd-color: #fff; +@kbd-bg: #333; + +@pre-bg: #f5f5f5; +@pre-color: @gray-dark; +@pre-border-color: #ccc; +@pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; +//** Width of horizontal description list titles +@dl-horizontal-offset: @component-offset-horizontal; +//** Horizontal line color. +@hr-border: @gray-lighter; diff --git a/public/assets/less/one-page-parallax/bootstrap/wells.less b/public/assets/less/one-page-parallax/bootstrap/wells.less new file mode 100755 index 0000000..15d072b --- /dev/null +++ b/public/assets/less/one-page-parallax/bootstrap/wells.less @@ -0,0 +1,29 @@ +// +// Wells +// -------------------------------------------------- + + +// Base class +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: @well-bg; + border: 1px solid @well-border; + border-radius: @border-radius-base; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + blockquote { + border-color: #ddd; + border-color: rgba(0,0,0,.15); + } +} + +// Sizes +.well-lg { + padding: 24px; + border-radius: @border-radius-large; +} +.well-sm { + padding: 9px; + border-radius: @border-radius-small; +} diff --git a/public/assets/less/one-page-parallax/components/_alert_note.less b/public/assets/less/one-page-parallax/components/_alert_note.less new file mode 100755 index 0000000..58cb6ef --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_alert_note.less @@ -0,0 +1,78 @@ +/* Alert */ + +.alert { + border: none; +} +.alert.alert-success { + background: #7cdda7; +} +.alert.alert-info { + background: #93cfe5; +} +.alert.alert-danger { + background: #f8b2b2; +} +.alert.alert-warning { + background: #ffead0; +} + + +/* Note Setting */ + +.note { + margin-bottom: 20px; + padding: 15px; + border-left: 3px solid; +} +.note.note-success { + border-color: #4a8564; + background: #b0ebca; + color: #3c763d; +} +.note.note-success h1, +.note.note-success h2, +.note.note-success h3, +.note.note-success h4, +.note.note-success h5, +.note.note-success h6 { + color: #3c763d; +} +.note.note-danger { + border-color: #986e6e; + background: #fbd1d1; + color: #a94442; +} +.note.note-danger h1, +.note.note-danger h2, +.note.note-danger h3, +.note.note-danger h4, +.note.note-danger h5, +.note.note-danger h6 { + color: #a94442; +} +.note.note-info { + border-color: #587c89; + background: #bee2ef; + color: #31708f; +} +.note.note-info h1, +.note.note-info h2, +.note.note-info h3, +.note.note-info h4, +.note.note-info h5, +.note.note-info h6 { + color: #31708f; +} +.note.note-warning { + border-color: #9d9080; + background: #fff2e3; + color: #8a6d3b; +} +.note.note-warning h1, +.note.note-warning h2, +.note.note-warning h3, +.note.note-warning h4, +.note.note-warning h5, +.note.note-warning h6 { + color: #8a6d3b; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_badge_label.less b/public/assets/less/one-page-parallax/components/_badge_label.less new file mode 100755 index 0000000..4069fdd --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_badge_label.less @@ -0,0 +1,42 @@ +/* Badge & Label Setting */ + +.badge { + font-size: 75%; + line-height: 1.25; + font-weight: 600; +} +.label { + font-size: 75%; + font-weight: 600; +} +.badge.badge-square { + .border-radius(0); +} +.badge.badge-default, +.label.label-default { + background: @grey; +} +.badge.badge-danger, +.label.label-danger { + background: @red; +} +.badge.badge-warning, +.label.label-warning { + background: @orange; +} +.badge.badge-success, +.label.label-success { + background: @green; +} +.badge.badge-info, +.label.label-info { + background: @aqua ; +} +.badge.badge-primary, +.label.label-primary { + background: @blue ; +} +.badge.badge-inverse, +.label.label-inverse { + background: @black ; +} diff --git a/public/assets/less/one-page-parallax/components/_button.less b/public/assets/less/one-page-parallax/components/_button.less new file mode 100755 index 0000000..fbb38b5 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_button.less @@ -0,0 +1,146 @@ +/* Button */ + +.btn { + padding: 15px 30px; + font-size: 14px; + font-weight: 500; + .border-radius(3px); + + &.btn-outline { + color: #fff; + border-width: 2px; + border-color: #8F8E8E; + background: none; + + :hover, + :focus { + border-color: #fff; + } + } + &:focus, + &:active:focus, + &.active:focus { + outline: none; + } +} +.btn-icon, +.btn.btn-icon { + display: inline-block; + width: 28px; + height: 28px; + padding: 0; + border: none; + line-height: 28px; + text-align: center; + font-size: 14px; + + &.btn-xs { + width: 16px; + height: 16px; + font-size: 8px; + line-height: 16px; + } + &.btn-sm { + width: 22px; + height: 22px; + font-size: 11px; + line-height: 22px; + } + &.btn-lg { + width: 34px; + height: 34px; + font-size: 17px; + line-height: 34px; + } + & > .pull-left, + & > .pull-right { + line-height: 1.428571429; + } +} + +.btn-circle, +.btn.btn-circle { + .border-radius(50%); +} +.btn-scroll-to-top { + position: fixed; + bottom: 20px; + right: 25px; + z-index: 1020; +} +.page-with-right-sidebar .btn-scroll-to-top { + left: 25px; + right: auto; +} +.btn-block { + padding-left: 12px; + padding-right: 12px; +} + + +/* + Button Generator (inside _mixins.less) + ---------------- + .generate-button-styling(@buttonClassName; @defaultColor; @hoverColor;); +*/ + +// .btn-default +.generate-button-styling(btn-default; @grey; @dark_grey); + +// .btn-inverse +.generate-button-styling(btn-inverse; @black; @dark_black); + +// .btn-primary +.generate-button-styling(btn-primary; @blue; @dark_blue); + +// .btn-success +.generate-button-styling(btn-success; @green; @dark_green); + +// .btn-warning +.generate-button-styling(btn-warning; @orange; @dark_orange); + +// .btn-danger +.generate-button-styling(btn-danger; @red; @dark_red); + +// .btn-info +.generate-button-styling(btn-info; @aqua; @dark_aqua); + +// .btn-white +.btn.btn-white { + font-weight: normal; + color: #333; + background: @white; + border-color: #e2e7eb; + + &:hover, + &:focus, + &:active, + &.active { + background: #e2e7eb; + border-color: #d8dde1; + } + + &.btn-white-without-border { + border-color: @white; + + &.active, + &.active:hover, + &.active:focus { + border-color: #ddd; + } + &:hover, + &focus { + border-color: #eee; + } + } +} +.open .dropdown-toggle.btn-white { + background: #e2e7eb; + border-color: #d8dde1; +} +.btn-group .btn.btn-white:not(.active) + .btn.btn-white, +.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { + border-left-color: #eee; +} + + diff --git a/public/assets/less/one-page-parallax/components/_carousel.less b/public/assets/less/one-page-parallax/components/_carousel.less new file mode 100755 index 0000000..37138aa --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_carousel.less @@ -0,0 +1,25 @@ +/* Carousel */ + +.carousel .carousel-control .fa { + position: absolute; + top: 50%; + z-index: 5; + display: block; + width: 30px; + height: 30px; + margin-top: -15px; + text-align: center; + line-height: 30px; + margin-left: -15px; +} +.carousel .carousel-control.left .fa { + margin-left: 15px; +} +.carousel .carousel-caption h1, +.carousel .carousel-caption h2, +.carousel .carousel-caption h3, +.carousel .carousel-caption h4, +.carousel .carousel-caption h5, +.carousel .carousel-caption h6 { + color: #fff; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_dropdown_menu.less b/public/assets/less/one-page-parallax/components/_dropdown_menu.less new file mode 100755 index 0000000..abbf287 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_dropdown_menu.less @@ -0,0 +1,66 @@ +/* Dropdown Menu */ + +.dropdown-menu { + border: none; + font-size: 12px; + .box-shadow(0 2px 5px -1px rgba(0, 0, 0, 0.2)); +} +.dropdown-menu > li > a { + padding: 5px 15px; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background: #edf0f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background: #348fe2; +} +.dropdown-menu .divider { + border-color: #eee; +} +.dropdown-menu.media-list { + max-width: 280px; + padding: 0; +} +.dropdown-menu.media-list p { + text-overflow: ellipsis; + overflow: hidden; +} +.dropdown-menu.media-list .dropdown-header { + padding: 10px 20px !important; + background: #fafafa; +} +.dropdown-menu.media-list > .media { + margin-top: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + margin-bottom: -1px; +} +.dropdown-menu.media-list > .media > a { + display: block; + padding: 10px 20px !important; +} +.dropdown-menu.media-list > .media .media-object { + height: 36px; + width: 36px; + line-height: 36px; + font-size: 14px; + color: #fff; + text-align: center; + margin-right: 10px; + .border-radius(50%); +} +.dropdown-footer { + padding: 10px 20px; +} +.dropdown-menu > li.dropdown-footer > a { + padding: 0 !important; + display: inline !important; +} +.dropdown-menu > li.dropdown-footer > a:hover, +.dropdown-menu > li.dropdown-footer > a:focus { + background: none !important; + text-decoration: underline !important; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_form_elements.less b/public/assets/less/one-page-parallax/components/_form_elements.less new file mode 100755 index 0000000..340ccff --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_form_elements.less @@ -0,0 +1,136 @@ +/* Form Elements */ + +.form-control { + border: 2px solid #ccd0d4; + font-size: 12px; + .box-shadow(none); + .border-radius(3px); +} +.form-control.input-white { + background: #fff; + border-color: #fff; + + &:focus { + .box-shadow(none); + } +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background: #e5e9ed; + .opacity(0.6); +} +.form-control[disabled]:focus, +.form-control[readonly]:focus, +fieldset[disabled] .form-control:focus { + border: 1px solid #ccd0d4; + .box-shadow(none); +} +.form-control:focus { + border-color: #9fa2a5; + .box-shadow(none); +} +.form-horizontal.form-bordered { + & .form-group { + border-bottom: 1px solid #eee; + margin: 0; + + &:last-child { + border-bottom: 0; + } + & > .control-label { + padding: 22px 15px 15px; + } + & > div { + padding: 15px; + } + & > div { + border-left: 1px solid #eee; + } + & > .control-label { + border-right: 1px solid #eee; + margin-right: -1px; + } + } + & .has-feedback .form-control-feedback { + top: 15px; + } +} +label { + font-weight: 500; +} +.has-success .form-control, +.has-success .form-control:focus, +.has-warning .form-control, +.has-warning .form-control:focus, +.has-error .form-control, +.has-error .form-control:focus { + .box-shadow(none); +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success .form-control-feedback { + color: @green; +} +.has-success .form-control { + border-color: @green; + + &:focus { + border-color: @dark_green; + } +} +.has-success .form-control +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning .form-control-feedback { + color: @orange; +} +.has-warning .form-control { + border-color: @orange; + + &:focus { + border-color: @dark_orange; + } +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error .form-control-feedback { + color: @red; +} +.has-error .form-control { + border-color: @red; + + &:focus { + border-color: @dark_red; + } +} +.form-control-feedback { + line-height: 34px; +} + +select.form-control { + border-color: #ccd0d4; +} +select[multiple].form-control { + border-color: #ccd0d4; +} +.input-group-addon { + background: #e2e7eb; + border: none; +} +legend { + padding-bottom: 3px; + border-bottom: 1px solid #e2e7eb; +} diff --git a/public/assets/less/one-page-parallax/components/_jumbotron.less b/public/assets/less/one-page-parallax/components/_jumbotron.less new file mode 100755 index 0000000..f0ca231 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_jumbotron.less @@ -0,0 +1,13 @@ +/* Jumbotron */ + +.jumbotron { + background: #f0f3f4; + + & h1, + & .h1 { + font-size: 56px; + } + & p { + font-size: 18px; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_list_group.less b/public/assets/less/one-page-parallax/components/_list_group.less new file mode 100755 index 0000000..0f20752 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_list_group.less @@ -0,0 +1,19 @@ +/* List Group */ + +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + background: @blue; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #242a30; +} +.nav.nav-pills.nav-sm > li { + margin: 0 0 3px; + + & a { + padding: 8px 10px; + line-height: 1.5; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_list_group_item.less b/public/assets/less/one-page-parallax/components/_list_group_item.less new file mode 100755 index 0000000..066996d --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_list_group_item.less @@ -0,0 +1,18 @@ +/* List Group Item Inverse Setting */ + +.list-group-item.list-group-item-inverse { + background: @black; + border-color: @dark_black; + color: #fff; + font-weight: 300; +} +.list-group-item.list-group-item-inverse .label-inverse, +.list-group-item.list-group-item-inverse .badge-inverse { + background: @dark_black; + background: rgba(0,0,0,0.4); +} +.list-group-item.list-group-item-inverse:hover, +.list-group-item.list-group-item-inverse:focus { + color: #fff; + background: #282F35; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_media_object.less b/public/assets/less/one-page-parallax/components/_media_object.less new file mode 100755 index 0000000..03f9385 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_media_object.less @@ -0,0 +1,36 @@ +/* Media Object */ + +.media { + + & .media-object { + width: 128px; + } + &.media-lg .media-object { + width: 256px; + } + &.media-sm .media-object { + width: 64px; + } + &.media-xs .media-object { + width: 32px; + } + & > .pull-left { + margin-right: 15px; + } + & > .pull-right { + margin-left: 15px; + } + & a:hover, + & a:focus, + & a:hover .media-heading, + & a:focus .media-heading, + & a.media-heading:hover, + & a.media-heading:focus { + color: @dark_black; + text-decoration: none; + } +} +.media-list.media-list-with-divider > li + li { + border-top: 1px solid #eee; + padding-top: 20px; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_modal.less b/public/assets/less/one-page-parallax/components/_modal.less new file mode 100755 index 0000000..864c187 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_modal.less @@ -0,0 +1,38 @@ +/* Modal Setting */ + +.modal-content { + border: none; + .box-shadow(0 5px 15px rgba(0, 0, 0, 0.3)); + .border-radius(3px); +} +.modal-header { + padding: 12px 15px; + border-bottom-color: #e2e7eb; + + & .close { + margin-top: 2px; + } +} +.modal-body { + padding: 15px; +} +.modal-footer { + border-top-color: #e2e7eb; + padding: 14px 15px 15px; +} +.modal-backdrop.fade.in { + .opacity(0.5); +} +.modal-message .modal-dialog { + width: 100%; +} +.modal-message .modal-content { + .border-radius(0); +} +.modal-message .modal-header, +.modal-message .modal-body, +.modal-message .modal-footer { + width: 60%; + border: none; + margin: 0 auto; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_nav_tab.less b/public/assets/less/one-page-parallax/components/_nav_tab.less new file mode 100755 index 0000000..df5a624 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_nav_tab.less @@ -0,0 +1,80 @@ +/* Nav Setting */ + +.nav > li > a { + color: #6e7179; +} +.nav > li > a:hover, +.nav > li > a:focus { + color: #333; + background: #fafafa; +} + + +/* Nav Tabs */ + +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus, +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + color: @dark_black; +} +.nav-tabs { + .border-radius(5px 5px 0 0); +} +.nav-tabs.nav-tabs-inverse { + background: @dark_black; +} +.nav-tabs.nav-justified > li > a { + .border-radius(3px 3px 0 0); +} +.nav-tabs.nav-tabs-inverse > li.active > a, +.nav-tabs.nav-tabs-inverse > li.active > a:hover, +.nav-tabs.nav-tabs-inverse > li.active > a:focus { + background: @white; +} +.nav-tabs.nav-tabs-inverse > li > a:hover, +.nav-tabs.nav-tabs-inverse > li > a:focus { + color: @white; + background: none; +} +.nav-tabs > li > a { + margin-right: 5px; + line-height: 20px; +} + + +/* Nav Pills */ + +.nav-pills { + margin-bottom: 10px; +} +.nav-pills > li + li { + margin-left: 5px; +} +.nav-pills > li > a { + .border-radius(3px); +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + background: @dark_black; +} +.nav-stacked > li + li { + margin-left: 0; + margin-top: 5px; +} + + +/* Tab Content */ + +.tab-content { + padding: 15px; + margin-bottom: 20px; + background: @white; + .border-radius(3px); +} +.nav-tabs + .tab-content { + .border-radius(0 0 3px 3px); +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_pagination.less b/public/assets/less/one-page-parallax/components/_pagination.less new file mode 100755 index 0000000..4ed3390 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_pagination.less @@ -0,0 +1,61 @@ +/* Pagination & pager */ + +.pager li > a, +.pager li > span, +.pagination > li > a { + border-color: #e2e7eb; + color: @dark_black; +} +.pager.pager-without-border li > a, +.pager.pager-without-border li > span, +.pagination.pagination-without-border > li > a { + border-color: @white; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus, +.pager > .disabled > span, +.pager > .disabled > a { + .opacity(0.6); + border-color: #ddd; +} +.pagination > li > a { + color: @dark_black; + margin-left: 5px; + .border-radius(3px) !important; +} +.pagination > li:first-child > a { + margin-left: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + font-size: 10px; + margin-left: 4px; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + font-size: 14px; + margin-left: 6px; +} +.pager li > a:hover, +.pager li > a:focus, +.pager li > span:hover, +.pager li > span:focus, +.pagination > li > a:hover, +.pagination > li > a:focus { + color: @dark_black; + background: #e2e7eb; + border-color: #d8dde1; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + background: @dark_black !important; + border-color: @dark_black !important; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_panel.less b/public/assets/less/one-page-parallax/components/_panel.less new file mode 100755 index 0000000..a0b49e9 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_panel.less @@ -0,0 +1,253 @@ +/* Panel */ + +.panel { + .box-shadow(none); + .border-radius(3px); + + &.panel-no-rounded-corner .panel-heading, + &.panel-no-rounded-corner .panel-body, + &.panel-no-rounded-corner .panel-footer { + .border-radius(0) !important; + } + & .tab-content { + .border-radius(0 0 3px 3px); + } +} +.panel-heading { + padding: 10px 15px; + border: none; + + &+ .table, + &+ .slimScrollDiv { + border-top: 1px solid #eee; + } + & .panel-heading-btn { + float: right; + } + & .panel-heading-btn > a { + margin-left: 8px; + } + & .btn-group .btn { + margin-top: -7px; + } + & .btn-group .btn.btn-sm { + margin-top: -5px; + } + & .btn-group .btn.btn-xs { + margin-top: -1px; + } + & .label.pull-left, + & .label.pull-right { + line-height: 15px; + } + & .progress.pull-right, + & .progress.pull-left { + width: 40%; + min-width: 120px; + } + & + .alert { + margin-bottom: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + } + & .nav-tabs { + margin-top: -10px; + margin-right: -15px; + } + & .nav-tabs > li > a { + padding: 10px 15px; + line-height: 20px; + } +} +.panel-with-tabs .panel-heading { + background: #c1ccd1 !important; + color: #333 !important; +} +.panel-title { + line-height: 20px; + font-size: 12px; + + & .accordion-toggle { + margin: -10px -15px; + padding: 10px 15px; + } + & .accordion-toggle.accordion-toggle-styled .fa:before { + content: '\f056'; + } + & .accordion-toggle.accordion-toggle-styled.collapsed .fa:before { + content: '\f055'; + } + & .pull-right { + line-height: 20px; + } +} +.panel-toolbar { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + padding: 10px 15px; + background: #fff; + + & + .form-control { + margin: -1px 0 0; + border-right: none; + border-left: none; + } +} +.panel-group .panel { + .border-radius(3px); +} +.form-control + .panel-footer { + border-top: none; +} +.panel-body { + padding: 15px; + + &.no-border { + border: none !important; + } + &.panel-table, + &.panel-form, + &.no-padding, + &.panel-full-width { + padding: 0 !important; + } + &.with-table > .table { + border: 0; + margin: 0; + } + &.with-table > .table tr:last-child th, + &.with-table > .table tr:last-child td{ + border-bottom: 0; + } +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #eee; +} +.panel-footer { + background: #fff; + border-top: 1px solid #eee; +} +.panel-default > .panel-heading { + background: #fafafa; +} +.panel-inverse > .panel-heading, +.panel-success > .panel-heading, +.panel-warning > .panel-heading, +.panel-danger > .panel-heading, +.panel-primary > .panel-heading, +.panel-info > .panel-heading { + color: #fff; +} +.panel-inverse > .panel-heading { background: @dark_black; } +.panel-success > .panel-heading { background: @dark_green; } +.panel-warning > .panel-heading { background: @dark_orange; } +.panel-danger > .panel-heading { background: @dark_red; } +.panel-primary > .panel-heading { background: @dark_blue; } +.panel-info > .panel-heading { background: @dark_aqua; } + +.panel-inverse { border-color: @dark_black; } +.panel-success { border-color: @dark_green; } +.panel-warning { border-color: @dark_orange; } +.panel-danger { border-color: @dark_red; } +.panel-primary { border-color: @dark_blue; } +.panel-info { border-color: @dark_aqua; } + + +/* Panel Expand */ + +.panel.panel-expand { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + overflow: hidden; + z-index: 1080; + .border-radius(0); + + & .height-xs, + & .height-sm, + & .height-md, + & .height-lg, + & .height-full { + height: 100% !important; + } + + & > .panel-heading .fa.fa-expand:before { + content: '\f066'; + } + & > .panel-heading, + & > .panel-body { + .border-radius(0); + } + & > .panel-body { + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 40px; + overflow-y: scroll; + z-index: 1020; + } + & > .panel-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; + } +} +@keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} +@-webkit-keyframes panelExpand { + from { top: 50%; left: 50%; right: 50%; bottom: 50%; } + to { top: 0; left: 0; right: 0; bottom: 0; } +} + + +/* Panel loading */ + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} +.panel.panel-loading { + & .panel-body { + position: relative; + z-index: 0; + } + &.panel-expand .panel-body { + position: absolute; + } + & .panel-loader { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + .opacity(0.9); + .animation(fadeIn .2s); + .border-radius(0 0 4px 4px); + z-index: 1040; + } +} + + +/* Accordion Panel */ + +.panel-title a { + display: block; + + &:hover, + &:focus { + text-decoration: none; + } +} diff --git a/public/assets/less/one-page-parallax/components/_progress_bar.less b/public/assets/less/one-page-parallax/components/_progress_bar.less new file mode 100755 index 0000000..d6f74d9 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_progress_bar.less @@ -0,0 +1,86 @@ +/* Progress bar */ + +.progress { + height: 15px; + overflow: visible; + background: #e2e7eb; + .box-shadow(none); + .border-radius(15px); + + & .progress-bar { + .border-radius(15px); + position: relative; + + & .progress-number { + position: absolute; + right: 0; + bottom: 100%; + background: #333; + padding: 2px 6px 1px; + margin-bottom: 5px; + display: block; + line-height: 16px; + .border-radius(4px); + + & :before { + content: ''; + position: absolute; + left: 50%; + margin-left: -5px; + bottom: -10px; + border: 5px solid transparent; + border-top-color: #333; + } + } + } + & .progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; + } +} +.progress-xs { + height: 5px; + + & .progress-bar { + line-height: 5px; + } +} +.progress-sm { + height: 10px; + + & .progress-bar { + line-height: 10px; + } +} +.progress-lg { + height: 30px; + & .progress-bar { + line-height: 30px; + } +} +.progress-bar { + background: #348fe2; + .box-shadow(none); + + &.progress-bar-success { + background-color: @green; + } + &.progress-bar-info { + background-color: @aqua; + } + &.progress-bar-warning { + background-color: @orange; + } + &.progress-bar-danger { + background-color: @red; + } + &.progress-bar-inverse { + background-color: @black; + } + &.progress-bar-purple { + background-color: @purple; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_table.less b/public/assets/less/one-page-parallax/components/_table.less new file mode 100755 index 0000000..1f59334 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_table.less @@ -0,0 +1,126 @@ +/* Table */ + +.table { + border-color: #e2e7eb; + .border-radius(3px); +} +.table > thead > tr > th { + color: @dark_black; + font-weight: 600; + border-bottom: 2px solid #e2e7eb !important; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + border-color: #e2e7eb; + padding: 10px 15px; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 7px 15px; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background: #e8ecf1 !important; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background: #f0f3f5; +} +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th, +.table.table-inverse > thead > tr > td, +.table.table-inverse > tbody > tr > td, +.table.table-inverse > tfoot > tr > td { + border-color: #999 !important; + border-color: rgba(0,0,0,0.2) !important; +} +.table.table-inverse, +.table.table-inverse > thead > tr > th, +.table.table-inverse > tbody > tr > th, +.table.table-inverse > tfoot > tr > th { + color: @white; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background: #dbf0f7; + border-color: #b6e2ef; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background: #cceeee; + border-color: #99dede; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background: #ffdedd; + border-color: #ffbdbc; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background: #fdebd1; + border-color: #fbd7a3; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background: #f0f3f5; + border-color: #e2e7e9; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_theme_panel.less b/public/assets/less/one-page-parallax/components/_theme_panel.less new file mode 100755 index 0000000..bbd99e0 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_theme_panel.less @@ -0,0 +1,73 @@ +/* Theme Panel */ +.theme-panel { + position: fixed; + right: -180px; + top: 200px; + z-index: 1020; + width: 180px; + .transition(right .2s linear); + .box-shadow(0 0 2px rgba(0,0,0,.4)); + + & .theme-collapse-btn { + position: absolute; + left: -40px; + top: 50%; + margin-top: -20px; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 18px; + color: #000; + background: #fff; + background: rgba(255,255,255,0.9); + border-radius: 4px 0 0 4px; + text-align: center; + text-decoration: none; + .box-shadow(0 0 2px rgba(0,0,0,.4)); + } + & .theme-panel-content { + padding: 5px; + background: #fff; + position: relative; + z-index: 1020; + } + & .theme-list { + list-style-type: none; + margin: 0; + padding: 0; + } + & .theme-list > li { + float: left; + + & + li { + margin-left: 5px; + } + & > a { + width: 30px; + height: 30px; + border-radius: 3px; + display: block; + position: relative; + text-decoration: none; + .transition(all .2s linear); + } + &.active > a:before { + content: '\f00c'; + font-family: FontAwesome; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + font-size: 14px; + color: #fff; + text-align: center; + line-height: 30px; + text-align: center; + .opacity(0.4); + } + } + &.active { + right: 0; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_tooltip.less b/public/assets/less/one-page-parallax/components/_tooltip.less new file mode 100755 index 0000000..5eed1d2 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_tooltip.less @@ -0,0 +1,6 @@ +/* Tooltip */ + +.tooltip-inner { + padding: 4px 10px; + .border-radius(3px); +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/components/_well.less b/public/assets/less/one-page-parallax/components/_well.less new file mode 100755 index 0000000..98d46c7 --- /dev/null +++ b/public/assets/less/one-page-parallax/components/_well.less @@ -0,0 +1,13 @@ +/* Well */ + +.well { + padding: 15px; + background: #fff; + .box-shadow(none); + &.well-sm { + padding: 10px; + } + &.well-lg { + padding: 30px; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/img/bg-content-cover.png b/public/assets/less/one-page-parallax/img/bg-content-cover.png new file mode 100755 index 0000000..2e92d70 Binary files /dev/null and b/public/assets/less/one-page-parallax/img/bg-content-cover.png differ diff --git a/public/assets/less/one-page-parallax/page-section/_about_us.less b/public/assets/less/one-page-parallax/page-section/_about_us.less new file mode 100755 index 0000000..83286c7 --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_about_us.less @@ -0,0 +1,115 @@ +/* About Us Author Setting */ + +.about-author { + position: relative; + + & .quote { + position: relative; + padding: 30px 60px; + margin-bottom: 15px; + .border-radius(12px); + + &:before { + content: ''; + position: absolute; + bottom: -20px; + left: 95px; + border: 10px solid transparent; + border-top-color: #f0f3f4; + border-left-color: #f0f3f4; + } + & h3 { + margin: 0; + font-weight: 300; + color: #707478; + font-style: italic; + line-height: 30px; + } + } + & .fa.fa-quote-left, + & .fa.fa-quote-right { + font-size: 14px; + position: absolute; + left: 30px; + top: 50%; + margin-top: -14px; + line-height: 28px; + top: 30px; + color: #D5D9DA; + } + & .fa.fa-quote-right { + left: auto; + right: 30px; + bottom: 30px; + margin-top: 0; + margin-bottom: -14px; + top: auto; + } + & .author { + position: relative; + text-align: right; + padding-left: 100px; + margin-bottom: 15px; + + & .image { + position: absolute; + left: -10px; + top: -40px; + background: #fff; + border: 5px solid #fff; + border-radius: 50%; + width: 100px; + overflow: hidden; + + & img { + max-width: 100%; + } + } + & .info { + color: #242a30; + font-weight: 600; + font-size: 14px; + + & small { + display: block; + color: #999; + font-size: 12px; + font-weight: normal; + } + & a { + font-weight: normal; + font-size: 12px; + display: block; + } + } + } +} + + +/* About Us Skills Setting */ + +.skills .skills-name { + font-size: 12px; + color: #242a30; + margin-bottom: 5px; + font-weight: 600; +} + + +/* About Us Milestone Setting */ + +.milestone { + text-align: center; + + & .number { + font-size: 42px; + color: #fff; + font-weight: 300; + } + & .title { + color: #8F8E8E; + } +} +.milestone-col + .milestone-col { + border-left: 1px solid rgba(255,255,255,0.2); +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/page-section/_action_box.less b/public/assets/less/one-page-parallax/page-section/_action_box.less new file mode 100755 index 0000000..7ff34f0 --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_action_box.less @@ -0,0 +1,22 @@ +/* Action Box Element Setting */ + +.action-box { + & h3 { + margin-bottom: 5px; + margin-top: 3px; + } + & p { + margin-bottom: 0px; + } + & .icon-large { + font-size: 48px; + float: left; + margin-right: 20px; + line-height: 50px; + width: 50px; + text-align: center; + } + & .btn { + margin-top: -3px; + } +} diff --git a/public/assets/less/one-page-parallax/page-section/_home.less b/public/assets/less/one-page-parallax/page-section/_home.less new file mode 100755 index 0000000..f9ef64b --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_home.less @@ -0,0 +1,44 @@ +/* Home Element Setting */ + +.home { + padding: 0 !important; + color: #fff; +} +.home-content { + z-index: 1020; + position: absolute; + top: 50%; + left: 0; + right: 0; + color: #8F8E8E; + margin-top: -120px; + padding: 0 15px; + text-align: center; + + + & h1, + & h2, + & h3, + & h4 { + color: #fff; + margin: 0 0 30px; + font-weight: 300; + } + & h1 { + font-size: 64px; + font-weight: 600; + } + & h3 { + font-size: 32px; + } + & p { + margin-bottom: 60px; + } + & a:hover, + & a:focus { + color: #fff; + } + & .btn + .btn { + margin-left: 15px; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/page-section/_pricing.less b/public/assets/less/one-page-parallax/page-section/_pricing.less new file mode 100755 index 0000000..9f2886e --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_pricing.less @@ -0,0 +1,88 @@ +/* Pricing Element Setting */ + +.pricing-table { + list-style-type: none; + margin: 0 -10px; + padding: 0; + text-align: center; + + & > li { + float: left; + padding: 10px; + } + &.col-4 > li { + width: 25%; + } + &.col-3 > li { + width: 33.33333%; + } + & .pricing-container { + overflow: hidden; + border-radius: 6px; + background: #f0f3f4; + box-shadow: 0 3px #b6c2c9; + } + & h3 { + background: #242a30; + margin: 0; + color: #fff; + font-size: 14px; + padding: 15px 30px; + } + & .features { + list-style-type: none; + margin: 0; + padding: 0 30px; + } + & .features > li { + padding: 10px 0; + + & + li { + border-top: 1px solid #e2e7eb; + } + } + & .price { + width: 100%; + display: table; + background: #2d353c; + + & .price-figure { + vertical-align: middle; + display: table-cell; + text-align: center; + height: 80px; + } + & .price-number { + font-size: 28px; + color: #00a3a3; + display: block; + } + & .price-tenure { + font-size: 12px; + color: #fff; + color: rgba(255, 255, 255, 0.7); + display: block; + text-align: center; + } + } + & .footer { + padding: 15px 20px; + } + & .highlight { + padding: 0px; + margin-top: -30px; + + & .features > li { + padding: 15px 0; + } + & h3 { + padding: 20px 30px; + } + & .price .price-figure { + height: 90px; + } + & .price .price-number { + color: #fff; + } + } +} diff --git a/public/assets/less/one-page-parallax/page-section/_quote.less b/public/assets/less/one-page-parallax/page-section/_quote.less new file mode 100755 index 0000000..3b5feb6 --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_quote.less @@ -0,0 +1,23 @@ +/* Quote Element Setting */ + +.quote { + text-align: center; + font-size: 28px; + font-weight: 300; + color: #fff; + color: rgba(255,255,255,0.9); + + & .fa-quote-left, + & .fa-quote-right { + color: #fff; + font-size: 14px; + position: relative; + top: -14px; + } + & small { + display: block; + font-size: 14px; + color: rgba(255,255,255,0.6); + margin-top: 20px; + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/page-section/_service.less b/public/assets/less/one-page-parallax/page-section/_service.less new file mode 100755 index 0000000..cfe4569 --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_service.less @@ -0,0 +1,34 @@ +/* Service Element Setting */ + +.service { + margin-bottom: 30px; + + & .icon { + float: left; + width: 50px; + height: 50px; + background: #242a30; + color: #fff; + text-align: center; + line-height: 50px; + font-size: 18px; + .border-radius(50px); + } + & .title { + margin-bottom: 5px; + } + & .icon + .info { + margin-left: 70px; + } + &.service-vertical { + text-align: center; + + & .icon { + float: none; + margin: 0 auto 15px; + } + & .info { + margin: 0; + } + } +} diff --git a/public/assets/less/one-page-parallax/page-section/_team.less b/public/assets/less/one-page-parallax/page-section/_team.less new file mode 100755 index 0000000..950bcf1 --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_team.less @@ -0,0 +1,46 @@ +/* Team Element Setting */ + +.team { + text-align: center; + padding: 0 30px; + + + & .image { + display: inline-block; + .border-radius(300px); + overflow: hidden; + + & img { + .border-radius(300px); + } + } + & .info { + margin-top: 15px; + } + & .name { + margin-bottom: 5px; + } + & .title { + font-size: 12px; + margin-bottom: 15px; + font-weight: 600; + } + & p { + margin-bottom: 15px; + } + & .social a { + border-radius: 300px; + border: 1px solid #ccc; + padding: 5px; + width: 40px; + height: 40px; + line-height: 28px; + text-align: center; + display: inline-block; + color: #ccc; + + & + a { + margin-left: 5px; + } + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/page-section/_testimonial.less b/public/assets/less/one-page-parallax/page-section/_testimonial.less new file mode 100755 index 0000000..ef972b9 --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_testimonial.less @@ -0,0 +1,61 @@ +/* Testimonial Element Setting */ + +.testimonials { + padding-bottom: 50px; + + & .item { + padding-top: 15px; + } + & .carousel-indicators { + bottom: 0; + } + & blockquote { + border: none; + text-align: center; + color: #fff; + position: relative; + font-weight: 300; + margin-bottom: 15px; + + & .fa-quote-left, + & .fa-quote-right { + font-size: 28px; + position: absolute; + margin-left: 15px; + margin-top: 15px; + color: #8F8E8E; + } + & .fa-quote-left { + margin-left: -43px; + margin-top: -15px; + } + } + & .name { + color: #fff; + font-size: 14px; + margin-bottom: 15px; + + & span { + margin-left: 5px; + } + } + & .carousel-indicators li { + background: rgba(255,255,255,0.4); + border: none; + .transition(all .2s linear); + + &:hover, + &:focus { + background: rgba(255,255,255,0.7); + } + &.active { + background: #fff; + } + } +} +.carousel-indicators li, +.carousel-indicators li.active { + width: 12px; + height: 12px; + margin: 1px 3px; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/page-section/_work.less b/public/assets/less/one-page-parallax/page-section/_work.less new file mode 100755 index 0000000..e299e42 --- /dev/null +++ b/public/assets/less/one-page-parallax/page-section/_work.less @@ -0,0 +1,36 @@ +/* Work Element Setting */ + +.work { + position: relative; + overflow: hidden; + margin-bottom: 10px; + + & .image img { + max-width: 100%; + } + &:hover .desc, + &:focus .desc { + margin-top: -62px; + } + & .desc { + padding: 12px 15px; + position: absolute; + right: 0; + left: 0; + top: 100%; + background: rgba(0, 0, 0, 0.7); + .transition(all .2s linear); + + .desc-title { + color: #fff; + font-size: 14px; + display: block; + font-weight: 600; + } + .desc-text { + font-size: 12px; + color: #ccc; + display: block; + } + } +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/style.less b/public/assets/less/one-page-parallax/style.less new file mode 100755 index 0000000..ea49158 --- /dev/null +++ b/public/assets/less/one-page-parallax/style.less @@ -0,0 +1,63 @@ +@import 'bootstrap/bootstrap'; +@import '_variable'; +@import '_mixins'; +@import '_header'; +@import '_content'; +@import '_footer'; +@import '_helper'; +@import '_pace_loader'; +@import '_page_setting'; +@import '_page_section_list'; +@import '_component_list'; +@import 'theme/_default'; +@import '_responsive'; + +/* Reset and overrides */ + +body { + background: @bg_body; + font-family: @body_font_family; + color: @body_text_color; + font-size: @body_font_size; +} +.ie8 body { + font-family: @ie8_body_font_family; +} +h1, h2, h3, h4, h5, h6{ + font-weight: 500; + color: @heading_text_color; + margin-top: 0; + margin-bottom: 15px; + line-height: 1.25; +} +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + font-size: 60%; + font-weight: 300; + color: @heading_small_text_color; +} +a { + .transition(all .2s linear); +} +a:focus { + outline: none; +} +label { + color: @form_label_color; +} +p { + font-size: 12px; + line-height: 20px; +} +.row { + margin: 0 -15px; +} +.row > [class*="col-"] { + padding-left: 15px; + padding-right: 15px; +} +.contentAnimated { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} diff --git a/public/assets/less/one-page-parallax/theme/_blue.less b/public/assets/less/one-page-parallax/theme/_blue.less new file mode 100755 index 0000000..770885b --- /dev/null +++ b/public/assets/less/one-page-parallax/theme/_blue.less @@ -0,0 +1,55 @@ +/* Blue Theme */ + +.btn.btn-theme { + background: @blue; + border-color: @blue; + color: #fff; + + .btn.btn-theme:hover, + .btn.btn-theme:focus { + background: @dark_blue; + border-color: @dark_blue; + } +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: @blue; +} +a:hover, +a:focus { + color: @dark_blue; +} +.pricing-table .highlight h3, +.pace-progress { + background: @dark_blue; +} +.pricing-table .highlight .price { + background: @blue; +} +.pace .pace-activity { + border-top-color: @blue; + border-left-color: @blue; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #2F83CF #2a72b5 #1f5688; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/theme/_default.less b/public/assets/less/one-page-parallax/theme/_default.less new file mode 100755 index 0000000..90bf600 --- /dev/null +++ b/public/assets/less/one-page-parallax/theme/_default.less @@ -0,0 +1,55 @@ +/* Default Theme (Green) */ + +.btn.btn-theme { + background: @green; + border-color: @green; + color: #fff; + + &:hover, + &:focus { + background: @dark_green; + border-color: @dark_green; + } +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: @green; +} +a:hover, +a:focus { + color: @dark_green; +} +.pricing-table .highlight h3, +.pace-progress { + background: @dark_green; +} +.pricing-table .highlight .price { + background: @green; +} +.pace .pace-activity { + border-top-color: @green; + border-left-color: @green; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #4DCACA #31A3A3 #1D8888; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/theme/_orange.less b/public/assets/less/one-page-parallax/theme/_orange.less new file mode 100755 index 0000000..7df569a --- /dev/null +++ b/public/assets/less/one-page-parallax/theme/_orange.less @@ -0,0 +1,55 @@ +/* Orange Theme */ + +.btn.btn-theme { + background: @orange; + border-color: @orange; + color: #fff; + + .btn.btn-theme:hover, + .btn.btn-theme:focus { + background: @dark_orange; + border-color: @dark_orange; + } +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: @orange; +} +a:hover, +a:focus { + color: @dark_orange; +} +.pricing-table .highlight h3, +.pace-progress { + background: @dark_orange; +} +.pricing-table .highlight .price { + background: @orange; +} +.pace .pace-activity { + border-top-color: @orange; + border-left-color: @orange; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #DF8F19 #c47d15 #935e10; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/theme/_purple.less b/public/assets/less/one-page-parallax/theme/_purple.less new file mode 100755 index 0000000..d0a09d3 --- /dev/null +++ b/public/assets/less/one-page-parallax/theme/_purple.less @@ -0,0 +1,55 @@ +/* Purple Theme */ + +.btn.btn-theme { + background: @purple; + border-color: @purple; + color: #fff; + + .btn.btn-theme:hover, + .btn.btn-theme:focus { + background: @dark_purple; + border-color: @dark_purple; + } +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: @purple; +} +a:hover, +a:focus { + color: @dark_purple; +} +.pricing-table .highlight h3, +.pace-progress { + background: @dark_purple; +} +.pricing-table .highlight .price { + background: @purple; +} +.pace .pace-activity { + border-top-color: @purple; + border-left-color: @purple; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #6670AC #5b6392 #444a6d; +} \ No newline at end of file diff --git a/public/assets/less/one-page-parallax/theme/_red.less b/public/assets/less/one-page-parallax/theme/_red.less new file mode 100755 index 0000000..d02c6bf --- /dev/null +++ b/public/assets/less/one-page-parallax/theme/_red.less @@ -0,0 +1,55 @@ +/* Red Theme */ + +.btn.btn-theme { + background: @red; + border-color: @red; + color: #fff; + + .btn.btn-theme:hover, + .btn.btn-theme:focus { + background: @dark_red; + border-color: @dark_red; + } +} +.header.navbar .navbar-nav > li.active > a, +.header.navbar .navbar-nav > li > a:hover, +.header.navbar .navbar-nav > li > a:focus, +.header.navbar.navbar-default .navbar-nav > li.active > a, +.header.navbar.navbar-default .navbar-nav > li > a:hover, +.header.navbar.navbar-default .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent .navbar-nav > li.active > a, +.header.navbar.navbar-transparent .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent .navbar-nav > li > a:focus, +.header.navbar.navbar-inverse .navbar-nav > li.active > a, +.header.navbar.navbar-inverse .navbar-nav > li > a:hover, +.header.navbar.navbar-inverse .navbar-nav > li > a:focus, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, +.header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, +.text-theme, +.navbar-nav .dropdown-menu > li.active > a, +.navbar-nav .dropdown-menu > li > a:hover, +.navbar-nav .dropdown-menu > li > a:focus, +.pricing-table .price .price-number, +a { + color: @red; +} +a:hover, +a:focus { + color: @dark_red; +} +.pricing-table .highlight h3, +.pace-progress { + background: @dark_red; +} +.pricing-table .highlight .price { + background: @red; +} +.pace .pace-activity { + border-top-color: @red; + border-left-color: @red; +} +.brand-logo, +.footer .footer-brand-logo { + border-color: #F8504B #cc4946 #993734; +} \ No newline at end of file diff --git a/public/assets/plugins/animate/animate.css b/public/assets/plugins/animate/animate.css new file mode 100755 index 0000000..89a6f83 --- /dev/null +++ b/public/assets/plugins/animate/animate.css @@ -0,0 +1 @@ +@charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} \ No newline at end of file diff --git a/public/assets/plugins/animate/animate.min.css b/public/assets/plugins/animate/animate.min.css new file mode 100755 index 0000000..6f44f75 --- /dev/null +++ b/public/assets/plugins/animate/animate.min.css @@ -0,0 +1,14 @@ +@charset "UTF-8"; + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/.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}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} \ No newline at end of file diff --git a/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.css b/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.css new file mode 100755 index 0000000..44ed777 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.css @@ -0,0 +1,102 @@ +ul.wysihtml5-toolbar { + margin: 0; + padding: 0; + display: block; +} + +ul.wysihtml5-toolbar::after { + clear: both; + display: table; + content: ""; +} + +ul.wysihtml5-toolbar > li { + float: left; + display: list-item; + list-style: none; + margin: 0 5px 10px 0; +} + +ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] { + font-weight: bold; +} + +ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] { + font-style: italic; +} + +ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] { + text-decoration: underline; +} + +ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); + background-color: #E6E6E6; + background-color: #D9D9D9; + outline: 0; +} + +ul.wysihtml5-commands-disabled .dropdown-menu { + display: none !important; +} + +ul.wysihtml5-toolbar div.wysihtml5-colors { + display:block; + width: 50px; + height: 20px; + margin-top: 2px; + margin-left: 5px; + position: absolute; + pointer-events: none; +} + +ul.wysihtml5-toolbar a.wysihtml5-colors-title { + padding-left: 70px; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { + background: black !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { + background: silver !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { + background: gray !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { + background: maroon !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { + background: red !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { + background: purple !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { + background: green !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { + background: olive !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { + background: navy !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { + background: blue !important; +} + +ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { + background: orange !important; +} diff --git a/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.js b/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.js new file mode 100755 index 0000000..a76b3b1 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.js @@ -0,0 +1,458 @@ +!function($, wysi) { + "use strict"; + + var templates = function(key, locale) { + + var tpl = { + "font-styles": + "", + + "emphasis": + "
                1. " + + "" + + "
                2. ", + + "lists": + "
                3. " + + "
                  " + + "" + + "" + + "" + + "" + + "
                  " + + "
                4. ", + + "link": + "
                5. " + + "" + + "" + + "
                6. ", + + "image": + "
                7. " + + "" + + "" + + "
                8. ", + + "html": + "
                9. " + + "
                  " + + "" + + "
                  " + + "
                10. ", + + "color": + "" + }; + return tpl[key]; + }; + + + var Wysihtml5 = function(el, options) { + this.el = el; + this.toolbar = this.createToolbar(el, options || defaultOptions); + this.editor = this.createEditor(options); + + window.editor = this.editor; + + $('iframe.wysihtml5-sandbox').each(function(i, el){ + $(el.contentWindow).off('focus.wysihtml5').on({ + 'focus.wysihtml5' : function(){ + $('li.dropdown').removeClass('open'); + } + }); + }); + }; + + Wysihtml5.prototype = { + + constructor: Wysihtml5, + + createEditor: function(options) { + options = options || {}; + options.toolbar = this.toolbar[0]; + + var editor = new wysi.Editor(this.el[0], options); + + if(options && options.events) { + for(var eventName in options.events) { + editor.on(eventName, options.events[eventName]); + } + } + return editor; + }, + + createToolbar: function(el, options) { + var self = this; + var toolbar = $("
                    ", { + 'class' : "wysihtml5-toolbar", + 'style': "display:none" + }); + var culture = options.locale || defaultOptions.locale || "en"; + for(var key in defaultOptions) { + var value = false; + + if(options[key] !== undefined) { + if(options[key] === true) { + value = true; + } + } else { + value = defaultOptions[key]; + } + + if(value === true) { + toolbar.append(templates(key, locale[culture])); + + if(key === "html") { + this.initHtml(toolbar); + } + + if(key === "link") { + this.initInsertLink(toolbar); + } + + if(key === "image") { + this.initInsertImage(toolbar); + } + } + } + + if(options.toolbar) { + for(key in options.toolbar) { + toolbar.append(options.toolbar[key]); + } + } + + toolbar.find("a[data-wysihtml5-command='formatBlock']").click(function(e) { + var target = e.target || e.srcElement; + var el = $(target); + self.toolbar.find('.current-font').text(el.html()); + }); + + toolbar.find("a[data-wysihtml5-command='foreColor']").click(function(e) { + var target = e.target || e.srcElement; + var el = $(target); + self.toolbar.find('.current-color').text(el.html()); + }); + + this.el.before(toolbar); + + return toolbar; + }, + + initHtml: function(toolbar) { + var changeViewSelector = "a[data-wysihtml5-action='change_view']"; + toolbar.find(changeViewSelector).click(function(e) { + toolbar.find('a.btn').not(changeViewSelector).toggleClass('disabled'); + }); + }, + + initInsertImage: function(toolbar) { + var self = this; + var insertImageModal = toolbar.find('.bootstrap-wysihtml5-insert-image-modal'); + var urlInput = insertImageModal.find('.bootstrap-wysihtml5-insert-image-url'); + var insertButton = insertImageModal.find('a.btn-primary'); + var initialValue = urlInput.val(); + + var insertImage = function() { + var url = urlInput.val(); + urlInput.val(initialValue); + self.editor.composer.commands.exec("insertImage", url); + }; + + urlInput.keypress(function(e) { + if(e.which == 13) { + insertImage(); + insertImageModal.modal('hide'); + } + }); + + insertButton.click(insertImage); + + insertImageModal.on('shown', function() { + urlInput.focus(); + }); + + insertImageModal.on('hide', function() { + self.editor.currentView.element.focus(); + }); + + toolbar.find('a[data-wysihtml5-command=insertImage]').click(function() { + var activeButton = $(this).hasClass("wysihtml5-command-active"); + + if (!activeButton) { + insertImageModal.modal('show'); + insertImageModal.on('click.dismiss.modal', '[data-dismiss="modal"]', function(e) { + e.stopPropagation(); + }); + return false; + } + else { + return true; + } + }); + }, + + initInsertLink: function(toolbar) { + var self = this; + var insertLinkModal = toolbar.find('.bootstrap-wysihtml5-insert-link-modal'); + var urlInput = insertLinkModal.find('.bootstrap-wysihtml5-insert-link-url'); + var insertButton = insertLinkModal.find('a.btn-primary'); + var initialValue = urlInput.val(); + + var insertLink = function() { + var url = urlInput.val(); + urlInput.val(initialValue); + self.editor.composer.commands.exec("createLink", { + href: url, + target: "_blank", + rel: "nofollow" + }); + }; + var pressedEnter = false; + + urlInput.keypress(function(e) { + if(e.which == 13) { + insertLink(); + insertLinkModal.modal('hide'); + } + }); + + insertButton.click(insertLink); + + insertLinkModal.on('shown', function() { + urlInput.focus(); + }); + + insertLinkModal.on('hide', function() { + self.editor.currentView.element.focus(); + }); + + toolbar.find('a[data-wysihtml5-command=createLink]').click(function() { + var activeButton = $(this).hasClass("wysihtml5-command-active"); + + if (!activeButton) { + insertLinkModal.appendTo('body').modal('show'); + insertLinkModal.on('click.dismiss.modal', '[data-dismiss="modal"]', function(e) { + e.stopPropagation(); + }); + return false; + } + else { + return true; + } + }); + } + }; + + // these define our public api + var methods = { + resetDefaults: function() { + $.fn.wysihtml5.defaultOptions = $.extend(true, {}, $.fn.wysihtml5.defaultOptionsCache); + }, + bypassDefaults: function(options) { + return this.each(function () { + var $this = $(this); + $this.data('wysihtml5', new Wysihtml5($this, options)); + }); + }, + shallowExtend: function (options) { + var settings = $.extend({}, $.fn.wysihtml5.defaultOptions, options || {}); + var that = this; + return methods.bypassDefaults.apply(that, [settings]); + }, + deepExtend: function(options) { + var settings = $.extend(true, {}, $.fn.wysihtml5.defaultOptions, options || {}); + var that = this; + return methods.bypassDefaults.apply(that, [settings]); + }, + init: function(options) { + var that = this; + return methods.shallowExtend.apply(that, [options]); + } + }; + + $.fn.wysihtml5 = function ( method ) { + if ( methods[method] ) { + return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 )); + } else if ( typeof method === 'object' || ! method ) { + return methods.init.apply( this, arguments ); + } else { + $.error( 'Method ' + method + ' does not exist on jQuery.wysihtml5' ); + } + }; + + $.fn.wysihtml5.Constructor = Wysihtml5; + + var defaultOptions = $.fn.wysihtml5.defaultOptions = { + "font-styles": true, + "color": false, + "emphasis": true, + "lists": true, + "html": false, + "link": true, + "image": true, + events: {}, + parserRules: { + classes: { + // (path_to_project/lib/css/wysiwyg-color.css) + "wysiwyg-color-silver" : 1, + "wysiwyg-color-gray" : 1, + "wysiwyg-color-white" : 1, + "wysiwyg-color-maroon" : 1, + "wysiwyg-color-red" : 1, + "wysiwyg-color-purple" : 1, + "wysiwyg-color-fuchsia" : 1, + "wysiwyg-color-green" : 1, + "wysiwyg-color-lime" : 1, + "wysiwyg-color-olive" : 1, + "wysiwyg-color-yellow" : 1, + "wysiwyg-color-navy" : 1, + "wysiwyg-color-blue" : 1, + "wysiwyg-color-teal" : 1, + "wysiwyg-color-aqua" : 1, + "wysiwyg-color-orange" : 1, + }, + tags: { + "b": {}, + "i": {}, + "br": {}, + "ol": {}, + "ul": {}, + "li": {}, + "h1": {}, + "h2": {}, + "h3": {}, + "blockquote": {}, + "u": 1, + "img": { + "check_attributes": { + "width": "numbers", + "alt": "alt", + "src": "url", + "height": "numbers" + } + }, + "a": { + set_attributes: { + target: "_blank", + rel: "nofollow" + }, + check_attributes: { + href: "url" // important to avoid XSS + } + }, + "span": 1, + "div": 1 + } + }, + stylesheets: ["./lib/css/wysiwyg-color.css"], // (path_to_project/lib/css/wysiwyg-color.css) + locale: "en" + }; + + if (typeof $.fn.wysihtml5.defaultOptionsCache === 'undefined') { + $.fn.wysihtml5.defaultOptionsCache = $.extend(true, {}, $.fn.wysihtml5.defaultOptions); + } + + var locale = $.fn.wysihtml5.locale = { + en: { + font_styles: { + normal: "Normal text", + h1: "Heading 1", + h2: "Heading 2", + h3: "Heading 3" + }, + emphasis: { + bold: "Bold", + italic: "Italic", + underline: "Underline" + }, + lists: { + unordered: "Unordered list", + ordered: "Ordered list", + outdent: "Outdent", + indent: "Indent" + }, + link: { + insert: "Insert link", + cancel: "Cancel" + }, + image: { + insert: "Insert image", + cancel: "Cancel" + }, + html: { + edit: "Edit HTML" + }, + colours: { + black: "Black", + silver: "Silver", + gray: "Grey", + maroon: "Maroon", + red: "Red", + purple: "Purple", + green: "Green", + olive: "Olive", + navy: "Navy", + blue: "Blue", + orange: "Orange" + } + } + }; + +}(window.jQuery, window.wysihtml5); diff --git a/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.min.js b/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.min.js new file mode 100755 index 0000000..bfdf3b6 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/dist/bootstrap-wysihtml5-0.0.2.min.js @@ -0,0 +1 @@ +!function(a,b){"use strict";var c=function(a,b){var c={"font-styles":"",emphasis:"
                  • "+"
                  • ",lists:"
                  • "+""+""+""+"
                    "+"
                  • ",link:"
                  • "+""+"
                  • ",image:"
                  • "+""+"
                  • ",html:"
                  • "+"
                    "+"
                  • ",color:""};return c[a]},d=function(b,c){this.el=b,this.toolbar=this.createToolbar(b,c||f),this.editor=this.createEditor(c),window.editor=this.editor,a("iframe.wysihtml5-sandbox").each(function(b,c){a(c.contentWindow).off("focus.wysihtml5").on({"focus.wysihtml5":function(){a("li.dropdown").removeClass("open")}})})};d.prototype={constructor:d,createEditor:function(a){a=a||{},a.toolbar=this.toolbar[0];var c=new b.Editor(this.el[0],a);if(a&&a.events)for(var d in a.events)c.on(d,a.events[d]);return c},createToolbar:function(b,d){var e=this,h=a("
                      ",{"class":"wysihtml5-toolbar",style:"display:none"}),i=d.locale||f.locale||"en";for(var j in f){var k=!1;d[j]!==undefined?d[j]===!0&&(k=!0):k=f[j],k===!0&&(h.append(c(j,g[i])),j==="html"&&this.initHtml(h),j==="link"&&this.initInsertLink(h),j==="image"&&this.initInsertImage(h))}if(d.toolbar)for(j in d.toolbar)h.append(d.toolbar[j]);return h.find("a[data-wysihtml5-command='formatBlock']").click(function(b){var c=b.target||b.srcElement,d=a(c);e.toolbar.find(".current-font").text(d.html())}),h.find("a[data-wysihtml5-command='foreColor']").click(function(b){var c=b.target||b.srcElement,d=a(c);e.toolbar.find(".current-color").text(d.html())}),this.el.before(h),h},initHtml:function(a){var b="a[data-wysihtml5-action='change_view']";a.find(b).click(function(c){a.find("a.btn").not(b).toggleClass("disabled")})},initInsertImage:function(b){var c=this,d=b.find(".bootstrap-wysihtml5-insert-image-modal"),e=d.find(".bootstrap-wysihtml5-insert-image-url"),f=d.find("a.btn-primary"),g=e.val(),h=function(){var a=e.val();e.val(g),c.editor.composer.commands.exec("insertImage",a)};e.keypress(function(a){a.which==13&&(h(),d.modal("hide"))}),f.click(h),d.on("shown",function(){e.focus()}),d.on("hide",function(){c.editor.currentView.element.focus()}),b.find("a[data-wysihtml5-command=insertImage]").click(function(){var b=a(this).hasClass("wysihtml5-command-active");return b?!0:(d.modal("show"),d.on("click.dismiss.modal",'[data-dismiss="modal"]',function(a){a.stopPropagation()}),!1)})},initInsertLink:function(b){var c=this,d=b.find(".bootstrap-wysihtml5-insert-link-modal"),e=d.find(".bootstrap-wysihtml5-insert-link-url"),f=d.find("a.btn-primary"),g=e.val(),h=function(){var a=e.val();e.val(g),c.editor.composer.commands.exec("createLink",{href:a,target:"_blank",rel:"nofollow"})},i=!1;e.keypress(function(a){a.which==13&&(h(),d.modal("hide"))}),f.click(h),d.on("shown",function(){e.focus()}),d.on("hide",function(){c.editor.currentView.element.focus()}),b.find("a[data-wysihtml5-command=createLink]").click(function(){var b=a(this).hasClass("wysihtml5-command-active");return b?!0:(d.appendTo("body").modal("show"),d.on("click.dismiss.modal",'[data-dismiss="modal"]',function(a){a.stopPropagation()}),!1)})}};var e={resetDefaults:function(){a.fn.wysihtml5.defaultOptions=a.extend(!0,{},a.fn.wysihtml5.defaultOptionsCache)},bypassDefaults:function(b){return this.each(function(){var c=a(this);c.data("wysihtml5",new d(c,b))})},shallowExtend:function(b){var c=a.extend({},a.fn.wysihtml5.defaultOptions,b||{}),d=this;return e.bypassDefaults.apply(d,[c])},deepExtend:function(b){var c=a.extend(!0,{},a.fn.wysihtml5.defaultOptions,b||{}),d=this;return e.bypassDefaults.apply(d,[c])},init:function(a){var b=this;return e.shallowExtend.apply(b,[a])}};a.fn.wysihtml5=function(b){if(e[b])return e[b].apply(this,Array.prototype.slice.call(arguments,1));if(typeof b=="object"||!b)return e.init.apply(this,arguments);a.error("Method "+b+" does not exist on jQuery.wysihtml5")},a.fn.wysihtml5.Constructor=d;var f=a.fn.wysihtml5.defaultOptions={"font-styles":!0,color:!1,emphasis:!0,lists:!0,html:!1,link:!0,image:!0,events:{},parserRules:{classes:{"wysiwyg-color-silver":1,"wysiwyg-color-gray":1,"wysiwyg-color-white":1,"wysiwyg-color-maroon":1,"wysiwyg-color-red":1,"wysiwyg-color-purple":1,"wysiwyg-color-fuchsia":1,"wysiwyg-color-green":1,"wysiwyg-color-lime":1,"wysiwyg-color-olive":1,"wysiwyg-color-yellow":1,"wysiwyg-color-navy":1,"wysiwyg-color-blue":1,"wysiwyg-color-teal":1,"wysiwyg-color-aqua":1,"wysiwyg-color-orange":1},tags:{b:{},i:{},br:{},ol:{},ul:{},li:{},h1:{},h2:{},h3:{},blockquote:{},u:1,img:{check_attributes:{width:"numbers",alt:"alt",src:"url",height:"numbers"}},a:{set_attributes:{target:"_blank",rel:"nofollow"},check_attributes:{href:"url"}},span:1,div:1}},stylesheets:["./lib/css/wysiwyg-color.css"],locale:"en"};typeof a.fn.wysihtml5.defaultOptionsCache=="undefined"&&(a.fn.wysihtml5.defaultOptionsCache=a.extend(!0,{},a.fn.wysihtml5.defaultOptions));var g=a.fn.wysihtml5.locale={en:{font_styles:{normal:"Normal text",h1:"Heading 1",h2:"Heading 2",h3:"Heading 3"},emphasis:{bold:"Bold",italic:"Italic",underline:"Underline"},lists:{unordered:"Unordered list",ordered:"Ordered list",outdent:"Outdent",indent:"Indent"},link:{insert:"Insert link",cancel:"Cancel"},image:{insert:"Insert image",cancel:"Cancel"},html:{edit:"Edit HTML"},colours:{black:"Black",silver:"Silver",gray:"Grey",maroon:"Maroon",red:"Red",purple:"Purple",green:"Green",olive:"Olive",navy:"Navy",blue:"Blue",orange:"Orange"}}}}(window.jQuery,window.wysihtml5); \ No newline at end of file diff --git a/public/assets/plugins/bootstrap-wysihtml5/index.html b/public/assets/plugins/bootstrap-wysihtml5/index.html new file mode 100755 index 0000000..5daa5f5 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/index.html @@ -0,0 +1,96 @@ + + + + + + +bootstrap-wysihtml5 + + + + + + + + + + + +
                      +
                      +

                      bootstrap-wysihtml5 Simple, beautiful wysiwyg editors

                      +
                      + +
                      + +
                      +
                      +

                      About

                      +

                      + bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap +

                      + +

                      + View project on Github +

                      +
                      +
                      +

                      Usage

                      + + +

                      +

                      $('.textarea').wysihtml5();
                      +

                      + +

                      Dependencies

                      +

                      +

                      +

                      +
                      +
                      +
                      + + + + + + + + + + + + + + diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap-responsive.css b/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap-responsive.css new file mode 100755 index 0000000..0bc6de9 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap-responsive.css @@ -0,0 +1,686 @@ +/*! + * Bootstrap Responsive v2.0.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ +.clearfix { + *zoom: 1; +} +.clearfix:before, +.clearfix:after { + display: table; + content: ""; +} +.clearfix:after { + clear: both; +} +.hide-text { + overflow: hidden; + text-indent: 100%; + white-space: nowrap; +} +.input-block-level { + display: block; + width: 100%; + min-height: 28px; + /* Make inputs at least the height of their button counterpart */ + + /* Makes inputs behave like true block-level elements */ + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.hidden { + display: none; + visibility: hidden; +} +.visible-phone { + display: none; +} +.visible-tablet { + display: none; +} +.visible-desktop { + display: block; +} +.hidden-phone { + display: block; +} +.hidden-tablet { + display: block; +} +.hidden-desktop { + display: none; +} +@media (max-width: 767px) { + .visible-phone { + display: block; + } + .hidden-phone { + display: none; + } + .hidden-desktop { + display: block; + } + .visible-desktop { + display: none; + } +} +@media (min-width: 768px) and (max-width: 979px) { + .visible-tablet { + display: block; + } + .hidden-tablet { + display: none; + } + .hidden-desktop { + display: block; + } + .visible-desktop { + display: none; + } +} +@media (max-width: 480px) { + .nav-collapse { + -webkit-transform: translate3d(0, 0, 0); + } + .page-header h1 small { + display: block; + line-height: 18px; + } + input[type="checkbox"], + input[type="radio"] { + border: 1px solid #ccc; + } + .form-horizontal .control-group > label { + float: none; + width: auto; + padding-top: 0; + text-align: left; + } + .form-horizontal .controls { + margin-left: 0; + } + .form-horizontal .control-list { + padding-top: 0; + } + .form-horizontal .form-actions { + padding-left: 10px; + padding-right: 10px; + } + .modal { + position: absolute; + top: 10px; + left: 10px; + right: 10px; + width: auto; + margin: 0; + } + .modal.fade.in { + top: auto; + } + .modal-header .close { + padding: 10px; + margin: -10px; + } + .carousel-caption { + position: static; + } +} +@media (max-width: 767px) { + body { + padding-left: 20px; + padding-right: 20px; + } + .navbar-fixed-top { + margin-left: -20px; + margin-right: -20px; + } + .container { + width: auto; + } + .row-fluid { + width: 100%; + } + .row { + margin-left: 0; + } + .row > [class*="span"], + .row-fluid > [class*="span"] { + float: none; + display: block; + width: auto; + margin: 0; + } + .thumbnails [class*="span"] { + width: auto; + } + input[class*="span"], + select[class*="span"], + textarea[class*="span"], + .uneditable-input { + display: block; + width: 100%; + min-height: 28px; + /* Make inputs at least the height of their button counterpart */ + + /* Makes inputs behave like true block-level elements */ + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + } + .input-prepend input[class*="span"], + .input-append input[class*="span"] { + width: auto; + } +} +@media (min-width: 768px) and (max-width: 979px) { + .row { + margin-left: -20px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + margin-left: 20px; + } + .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 724px; + } + .span12 { + width: 724px; + } + .span11 { + width: 662px; + } + .span10 { + width: 600px; + } + .span9 { + width: 538px; + } + .span8 { + width: 476px; + } + .span7 { + width: 414px; + } + .span6 { + width: 352px; + } + .span5 { + width: 290px; + } + .span4 { + width: 228px; + } + .span3 { + width: 166px; + } + .span2 { + width: 104px; + } + .span1 { + width: 42px; + } + .offset12 { + margin-left: 764px; + } + .offset11 { + margin-left: 702px; + } + .offset10 { + margin-left: 640px; + } + .offset9 { + margin-left: 578px; + } + .offset8 { + margin-left: 516px; + } + .offset7 { + margin-left: 454px; + } + .offset6 { + margin-left: 392px; + } + .offset5 { + margin-left: 330px; + } + .offset4 { + margin-left: 268px; + } + .offset3 { + margin-left: 206px; + } + .offset2 { + margin-left: 144px; + } + .offset1 { + margin-left: 82px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + } + .row-fluid:after { + clear: both; + } + .row-fluid > [class*="span"] { + float: left; + margin-left: 2.762430939%; + } + .row-fluid > [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid > .span12 { + width: 99.999999993%; + } + .row-fluid > .span11 { + width: 91.436464082%; + } + .row-fluid > .span10 { + width: 82.87292817100001%; + } + .row-fluid > .span9 { + width: 74.30939226%; + } + .row-fluid > .span8 { + width: 65.74585634900001%; + } + .row-fluid > .span7 { + width: 57.182320438000005%; + } + .row-fluid > .span6 { + width: 48.618784527%; + } + .row-fluid > .span5 { + width: 40.055248616%; + } + .row-fluid > .span4 { + width: 31.491712705%; + } + .row-fluid > .span3 { + width: 22.928176794%; + } + .row-fluid > .span2 { + width: 14.364640883%; + } + .row-fluid > .span1 { + width: 5.801104972%; + } + input, + textarea, + .uneditable-input { + margin-left: 0; + } + input.span12, textarea.span12, .uneditable-input.span12 { + width: 714px; + } + input.span11, textarea.span11, .uneditable-input.span11 { + width: 652px; + } + input.span10, textarea.span10, .uneditable-input.span10 { + width: 590px; + } + input.span9, textarea.span9, .uneditable-input.span9 { + width: 528px; + } + input.span8, textarea.span8, .uneditable-input.span8 { + width: 466px; + } + input.span7, textarea.span7, .uneditable-input.span7 { + width: 404px; + } + input.span6, textarea.span6, .uneditable-input.span6 { + width: 342px; + } + input.span5, textarea.span5, .uneditable-input.span5 { + width: 280px; + } + input.span4, textarea.span4, .uneditable-input.span4 { + width: 218px; + } + input.span3, textarea.span3, .uneditable-input.span3 { + width: 156px; + } + input.span2, textarea.span2, .uneditable-input.span2 { + width: 94px; + } + input.span1, textarea.span1, .uneditable-input.span1 { + width: 32px; + } +} +@media (max-width: 979px) { + body { + padding-top: 0; + } + .navbar-fixed-top { + position: static; + margin-bottom: 18px; + } + .navbar-fixed-top .navbar-inner { + padding: 5px; + } + .navbar .container { + width: auto; + padding: 0; + } + .navbar .brand { + padding-left: 10px; + padding-right: 10px; + margin: 0 0 0 -5px; + } + .navbar .nav-collapse { + clear: left; + } + .navbar .nav { + float: none; + margin: 0 0 9px; + } + .navbar .nav > li { + float: none; + } + .navbar .nav > li > a { + margin-bottom: 2px; + } + .navbar .nav > .divider-vertical { + display: none; + } + .navbar .nav .nav-header { + color: #999999; + text-shadow: none; + } + .navbar .nav > li > a, + .navbar .dropdown-menu a { + padding: 6px 15px; + font-weight: bold; + color: #999999; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + .navbar .dropdown-menu li + li a { + margin-bottom: 2px; + } + .navbar .nav > li > a:hover, + .navbar .dropdown-menu a:hover { + background-color: #222222; + } + .navbar .dropdown-menu { + position: static; + top: auto; + left: auto; + float: none; + display: block; + max-width: none; + margin: 0 15px; + padding: 0; + background-color: transparent; + border: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + .navbar .dropdown-menu:before, + .navbar .dropdown-menu:after { + display: none; + } + .navbar .dropdown-menu .divider { + display: none; + } + .navbar-form, + .navbar-search { + float: none; + padding: 9px 15px; + margin: 9px 0; + border-top: 1px solid #222222; + border-bottom: 1px solid #222222; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + } + .navbar .nav.pull-right { + float: none; + margin-left: 0; + } + .navbar-static .navbar-inner { + padding-left: 10px; + padding-right: 10px; + } + .btn-navbar { + display: block; + } + .nav-collapse { + overflow: hidden; + height: 0; + } +} +@media (min-width: 980px) { + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} +@media (min-width: 1200px) { + .row { + margin-left: -30px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + margin-left: 30px; + } + .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 1170px; + } + .span12 { + width: 1170px; + } + .span11 { + width: 1070px; + } + .span10 { + width: 970px; + } + .span9 { + width: 870px; + } + .span8 { + width: 770px; + } + .span7 { + width: 670px; + } + .span6 { + width: 570px; + } + .span5 { + width: 470px; + } + .span4 { + width: 370px; + } + .span3 { + width: 270px; + } + .span2 { + width: 170px; + } + .span1 { + width: 70px; + } + .offset12 { + margin-left: 1230px; + } + .offset11 { + margin-left: 1130px; + } + .offset10 { + margin-left: 1030px; + } + .offset9 { + margin-left: 930px; + } + .offset8 { + margin-left: 830px; + } + .offset7 { + margin-left: 730px; + } + .offset6 { + margin-left: 630px; + } + .offset5 { + margin-left: 530px; + } + .offset4 { + margin-left: 430px; + } + .offset3 { + margin-left: 330px; + } + .offset2 { + margin-left: 230px; + } + .offset1 { + margin-left: 130px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + } + .row-fluid:after { + clear: both; + } + .row-fluid > [class*="span"] { + float: left; + margin-left: 2.564102564%; + } + .row-fluid > [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid > .span12 { + width: 100%; + } + .row-fluid > .span11 { + width: 91.45299145300001%; + } + .row-fluid > .span10 { + width: 82.905982906%; + } + .row-fluid > .span9 { + width: 74.358974359%; + } + .row-fluid > .span8 { + width: 65.81196581200001%; + } + .row-fluid > .span7 { + width: 57.264957265%; + } + .row-fluid > .span6 { + width: 48.717948718%; + } + .row-fluid > .span5 { + width: 40.170940171000005%; + } + .row-fluid > .span4 { + width: 31.623931624%; + } + .row-fluid > .span3 { + width: 23.076923077%; + } + .row-fluid > .span2 { + width: 14.529914530000001%; + } + .row-fluid > .span1 { + width: 5.982905983%; + } + input, + textarea, + .uneditable-input { + margin-left: 0; + } + input.span12, textarea.span12, .uneditable-input.span12 { + width: 1160px; + } + input.span11, textarea.span11, .uneditable-input.span11 { + width: 1060px; + } + input.span10, textarea.span10, .uneditable-input.span10 { + width: 960px; + } + input.span9, textarea.span9, .uneditable-input.span9 { + width: 860px; + } + input.span8, textarea.span8, .uneditable-input.span8 { + width: 760px; + } + input.span7, textarea.span7, .uneditable-input.span7 { + width: 660px; + } + input.span6, textarea.span6, .uneditable-input.span6 { + width: 560px; + } + input.span5, textarea.span5, .uneditable-input.span5 { + width: 460px; + } + input.span4, textarea.span4, .uneditable-input.span4 { + width: 360px; + } + input.span3, textarea.span3, .uneditable-input.span3 { + width: 260px; + } + input.span2, textarea.span2, .uneditable-input.span2 { + width: 160px; + } + input.span1, textarea.span1, .uneditable-input.span1 { + width: 60px; + } + .thumbnails { + margin-left: -30px; + } + .thumbnails > li { + margin-left: 30px; + } +} diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap-responsive.min.css b/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap-responsive.min.css new file mode 100755 index 0000000..60a47c9 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap-responsive.min.css @@ -0,0 +1,12 @@ +.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";} +.clearfix:after{clear:both;} +.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap;} +.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} +.hidden{display:none;visibility:hidden;} +.visible-phone{display:none;} +.visible-tablet{display:none;} +.visible-desktop{display:block;} +.hidden-phone{display:block;} +.hidden-tablet{display:block;} +.hidden-desktop{display:none;} +@media (max-width:767px){.visible-phone{display:block;} .hidden-phone{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:block;} .hidden-tablet{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top{margin-left:-20px;margin-right:-20px;} .container{width:auto;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;} .thumbnails [class*="span"]{width:auto;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:99.999999993%;} .row-fluid > .span11{width:91.436464082%;} .row-fluid > .span10{width:82.87292817100001%;} .row-fluid > .span9{width:74.30939226%;} .row-fluid > .span8{width:65.74585634900001%;} .row-fluid > .span7{width:57.182320438000005%;} .row-fluid > .span6{width:48.618784527%;} .row-fluid > .span5{width:40.055248616%;} .row-fluid > .span4{width:31.491712705%;} .row-fluid > .span3{width:22.928176794%;} .row-fluid > .span2{width:14.364640883%;} .row-fluid > .span1{width:5.801104972%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:714px;} input.span11, textarea.span11, .uneditable-input.span11{width:652px;} input.span10, textarea.span10, .uneditable-input.span10{width:590px;} input.span9, textarea.span9, .uneditable-input.span9{width:528px;} input.span8, textarea.span8, .uneditable-input.span8{width:466px;} input.span7, textarea.span7, .uneditable-input.span7{width:404px;} input.span6, textarea.span6, .uneditable-input.span6{width:342px;} input.span5, textarea.span5, .uneditable-input.span5{width:280px;} input.span4, textarea.span4, .uneditable-input.span4{width:218px;} input.span3, textarea.span3, .uneditable-input.span3{width:156px;} input.span2, textarea.span2, .uneditable-input.span2{width:94px;} input.span1, textarea.span1, .uneditable-input.span1{width:32px;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav .nav-header{color:#999999;text-shadow:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.564102564%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:100%;} .row-fluid > .span11{width:91.45299145300001%;} .row-fluid > .span10{width:82.905982906%;} .row-fluid > .span9{width:74.358974359%;} .row-fluid > .span8{width:65.81196581200001%;} .row-fluid > .span7{width:57.264957265%;} .row-fluid > .span6{width:48.717948718%;} .row-fluid > .span5{width:40.170940171000005%;} .row-fluid > .span4{width:31.623931624%;} .row-fluid > .span3{width:23.076923077%;} .row-fluid > .span2{width:14.529914530000001%;} .row-fluid > .span1{width:5.982905983%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:1160px;} input.span11, textarea.span11, .uneditable-input.span11{width:1060px;} input.span10, textarea.span10, .uneditable-input.span10{width:960px;} input.span9, textarea.span9, .uneditable-input.span9{width:860px;} input.span8, textarea.span8, .uneditable-input.span8{width:760px;} input.span7, textarea.span7, .uneditable-input.span7{width:660px;} input.span6, textarea.span6, .uneditable-input.span6{width:560px;} input.span5, textarea.span5, .uneditable-input.span5{width:460px;} input.span4, textarea.span4, .uneditable-input.span4{width:360px;} input.span3, textarea.span3, .uneditable-input.span3{width:260px;} input.span2, textarea.span2, .uneditable-input.span2{width:160px;} input.span1, textarea.span1, .uneditable-input.span1{width:60px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;}} diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap.css b/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap.css new file mode 100755 index 0000000..495188a --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap.css @@ -0,0 +1,3990 @@ +/*! + * Bootstrap v2.0.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} +audio:not([controls]) { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +a:hover, +a:active { + outline: 0; +} +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + height: auto; + border: 0; + -ms-interpolation-mode: bicubic; + vertical-align: middle; +} +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} +button, +input { + *overflow: visible; + line-height: normal; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} +input[type="search"] { + -webkit-appearance: textfield; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} +textarea { + overflow: auto; + vertical-align: top; +} +.clearfix { + *zoom: 1; +} +.clearfix:before, +.clearfix:after { + display: table; + content: ""; +} +.clearfix:after { + clear: both; +} +.hide-text { + overflow: hidden; + text-indent: 100%; + white-space: nowrap; +} +.input-block-level { + display: block; + width: 100%; + min-height: 28px; + /* Make inputs at least the height of their button counterpart */ + + /* Makes inputs behave like true block-level elements */ + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +body { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + line-height: 18px; + color: #333333; + background-color: #ffffff; +} +a { + color: #0088cc; + text-decoration: none; +} +a:hover { + color: #005580; + text-decoration: underline; +} +.row { + margin-left: -20px; + *zoom: 1; +} +.row:before, +.row:after { + display: table; + content: ""; +} +.row:after { + clear: both; +} +[class*="span"] { + float: left; + margin-left: 20px; +} +.container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} +.span12 { + width: 940px; +} +.span11 { + width: 860px; +} +.span10 { + width: 780px; +} +.span9 { + width: 700px; +} +.span8 { + width: 620px; +} +.span7 { + width: 540px; +} +.span6 { + width: 460px; +} +.span5 { + width: 380px; +} +.span4 { + width: 300px; +} +.span3 { + width: 220px; +} +.span2 { + width: 140px; +} +.span1 { + width: 60px; +} +.offset12 { + margin-left: 980px; +} +.offset11 { + margin-left: 900px; +} +.offset10 { + margin-left: 820px; +} +.offset9 { + margin-left: 740px; +} +.offset8 { + margin-left: 660px; +} +.offset7 { + margin-left: 580px; +} +.offset6 { + margin-left: 500px; +} +.offset5 { + margin-left: 420px; +} +.offset4 { + margin-left: 340px; +} +.offset3 { + margin-left: 260px; +} +.offset2 { + margin-left: 180px; +} +.offset1 { + margin-left: 100px; +} +.row-fluid { + width: 100%; + *zoom: 1; +} +.row-fluid:before, +.row-fluid:after { + display: table; + content: ""; +} +.row-fluid:after { + clear: both; +} +.row-fluid > [class*="span"] { + float: left; + margin-left: 2.127659574%; +} +.row-fluid > [class*="span"]:first-child { + margin-left: 0; +} +.row-fluid > .span12 { + width: 99.99999998999999%; +} +.row-fluid > .span11 { + width: 91.489361693%; +} +.row-fluid > .span10 { + width: 82.97872339599999%; +} +.row-fluid > .span9 { + width: 74.468085099%; +} +.row-fluid > .span8 { + width: 65.95744680199999%; +} +.row-fluid > .span7 { + width: 57.446808505%; +} +.row-fluid > .span6 { + width: 48.93617020799999%; +} +.row-fluid > .span5 { + width: 40.425531911%; +} +.row-fluid > .span4 { + width: 31.914893614%; +} +.row-fluid > .span3 { + width: 23.404255317%; +} +.row-fluid > .span2 { + width: 14.89361702%; +} +.row-fluid > .span1 { + width: 6.382978723%; +} +.container { + margin-left: auto; + margin-right: auto; + *zoom: 1; +} +.container:before, +.container:after { + display: table; + content: ""; +} +.container:after { + clear: both; +} +.container-fluid { + padding-left: 20px; + padding-right: 20px; + *zoom: 1; +} +.container-fluid:before, +.container-fluid:after { + display: table; + content: ""; +} +.container-fluid:after { + clear: both; +} +p { + margin: 0 0 9px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + line-height: 18px; +} +p small { + font-size: 11px; + color: #999999; +} +.lead { + margin-bottom: 18px; + font-size: 20px; + font-weight: 200; + line-height: 27px; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + font-family: inherit; + font-weight: bold; + color: inherit; + text-rendering: optimizelegibility; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + color: #999999; +} +h1 { + font-size: 30px; + line-height: 36px; +} +h1 small { + font-size: 18px; +} +h2 { + font-size: 24px; + line-height: 36px; +} +h2 small { + font-size: 18px; +} +h3 { + line-height: 27px; + font-size: 18px; +} +h3 small { + font-size: 14px; +} +h4, +h5, +h6 { + line-height: 18px; +} +h4 { + font-size: 14px; +} +h4 small { + font-size: 12px; +} +h5 { + font-size: 12px; +} +h6 { + font-size: 11px; + color: #999999; + text-transform: uppercase; +} +.page-header { + padding-bottom: 17px; + margin: 18px 0; + border-bottom: 1px solid #eeeeee; +} +.page-header h1 { + line-height: 1; +} +ul, +ol { + padding: 0; + margin: 0 0 9px 25px; +} +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} +ul { + list-style: disc; +} +ol { + list-style: decimal; +} +li { + line-height: 18px; +} +ul.unstyled, +ol.unstyled { + margin-left: 0; + list-style: none; +} +dl { + margin-bottom: 18px; +} +dt, +dd { + line-height: 18px; +} +dt { + font-weight: bold; + line-height: 17px; +} +dd { + margin-left: 9px; +} +.dl-horizontal dt { + float: left; + clear: left; + width: 120px; + text-align: right; +} +.dl-horizontal dd { + margin-left: 130px; +} +hr { + margin: 18px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #ffffff; +} +strong { + font-weight: bold; +} +em { + font-style: italic; +} +.muted { + color: #999999; +} +abbr[title] { + border-bottom: 1px dotted #ddd; + cursor: help; +} +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 0 0 0 15px; + margin: 0 0 18px; + border-left: 5px solid #eeeeee; +} +blockquote p { + margin-bottom: 0; + font-size: 16px; + font-weight: 300; + line-height: 22.5px; +} +blockquote small { + display: block; + line-height: 18px; + color: #999999; +} +blockquote small:before { + content: '\2014 \00A0'; +} +blockquote.pull-right { + float: right; + padding-left: 0; + padding-right: 15px; + border-left: 0; + border-right: 5px solid #eeeeee; +} +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +address { + display: block; + margin-bottom: 18px; + line-height: 18px; + font-style: normal; +} +small { + font-size: 100%; +} +cite { + font-style: normal; +} +code, +pre { + padding: 0 3px 2px; + font-family: Menlo, Monaco, "Courier New", monospace; + font-size: 12px; + color: #333333; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +code { + padding: 2px 4px; + color: #d14; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} +pre { + display: block; + padding: 8.5px; + margin: 0 0 9px; + font-size: 12.025px; + line-height: 18px; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + white-space: pre; + white-space: pre-wrap; + word-break: break-all; + word-wrap: break-word; +} +pre.prettyprint { + margin-bottom: 18px; +} +pre code { + padding: 0; + color: inherit; + background-color: transparent; + border: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +form { + margin: 0 0 18px; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 27px; + font-size: 19.5px; + line-height: 36px; + color: #333333; + border: 0; + border-bottom: 1px solid #eee; +} +legend small { + font-size: 13.5px; + color: #999999; +} +label, +input, +button, +select, +textarea { + font-size: 13px; + font-weight: normal; + line-height: 18px; +} +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} +label { + display: block; + margin-bottom: 5px; + color: #333333; +} +input, +textarea, +select, +.uneditable-input { + display: inline-block; + width: 210px; + height: 18px; + padding: 4px; + margin-bottom: 9px; + font-size: 13px; + line-height: 18px; + color: #555555; + border: 1px solid #cccccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.uneditable-textarea { + width: auto; + height: auto; +} +label input, +label textarea, +label select { + display: block; +} +input[type="image"], +input[type="checkbox"], +input[type="radio"] { + width: auto; + height: auto; + padding: 0; + margin: 3px 0; + *margin-top: 0; + /* IE7 */ + + line-height: normal; + cursor: pointer; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + border: 0 \9; + /* IE9 and down */ + +} +input[type="image"] { + border: 0; +} +input[type="file"] { + width: auto; + padding: initial; + line-height: initial; + border: initial; + background-color: #ffffff; + background-color: initial; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +input[type="button"], +input[type="reset"], +input[type="submit"] { + width: auto; + height: auto; +} +select, +input[type="file"] { + height: 28px; + /* In IE7, the height of the select element cannot be changed by height, only font-size */ + + *margin-top: 4px; + /* For IE7, add top margin to align select with labels */ + + line-height: 28px; +} +input[type="file"] { + line-height: 18px \9; +} +select { + width: 220px; + background-color: #ffffff; +} +select[multiple], +select[size] { + height: auto; +} +input[type="image"] { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +textarea { + height: auto; +} +input[type="hidden"] { + display: none; +} +.radio, +.checkbox { + padding-left: 18px; +} +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -18px; +} +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; +} +input, +textarea { + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -ms-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; +} +input:focus, +textarea:focus { + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus, +select:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.input-mini { + width: 60px; +} +.input-small { + width: 90px; +} +.input-medium { + width: 150px; +} +.input-large { + width: 210px; +} +.input-xlarge { + width: 270px; +} +.input-xxlarge { + width: 530px; +} +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input { + float: none; + margin-left: 0; +} +input, +textarea, +.uneditable-input { + margin-left: 0; +} +input.span12, textarea.span12, .uneditable-input.span12 { + width: 930px; +} +input.span11, textarea.span11, .uneditable-input.span11 { + width: 850px; +} +input.span10, textarea.span10, .uneditable-input.span10 { + width: 770px; +} +input.span9, textarea.span9, .uneditable-input.span9 { + width: 690px; +} +input.span8, textarea.span8, .uneditable-input.span8 { + width: 610px; +} +input.span7, textarea.span7, .uneditable-input.span7 { + width: 530px; +} +input.span6, textarea.span6, .uneditable-input.span6 { + width: 450px; +} +input.span5, textarea.span5, .uneditable-input.span5 { + width: 370px; +} +input.span4, textarea.span4, .uneditable-input.span4 { + width: 290px; +} +input.span3, textarea.span3, .uneditable-input.span3 { + width: 210px; +} +input.span2, textarea.span2, .uneditable-input.span2 { + width: 130px; +} +input.span1, textarea.span1, .uneditable-input.span1 { + width: 50px; +} +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + background-color: #eeeeee; + border-color: #ddd; + cursor: not-allowed; +} +.control-group.warning > label, +.control-group.warning .help-block, +.control-group.warning .help-inline { + color: #c09853; +} +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + color: #c09853; + border-color: #c09853; +} +.control-group.warning input:focus, +.control-group.warning select:focus, +.control-group.warning textarea:focus { + border-color: #a47e3c; + -webkit-box-shadow: 0 0 6px #dbc59e; + -moz-box-shadow: 0 0 6px #dbc59e; + box-shadow: 0 0 6px #dbc59e; +} +.control-group.warning .input-prepend .add-on, +.control-group.warning .input-append .add-on { + color: #c09853; + background-color: #fcf8e3; + border-color: #c09853; +} +.control-group.error > label, +.control-group.error .help-block, +.control-group.error .help-inline { + color: #b94a48; +} +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + color: #b94a48; + border-color: #b94a48; +} +.control-group.error input:focus, +.control-group.error select:focus, +.control-group.error textarea:focus { + border-color: #953b39; + -webkit-box-shadow: 0 0 6px #d59392; + -moz-box-shadow: 0 0 6px #d59392; + box-shadow: 0 0 6px #d59392; +} +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + color: #b94a48; + background-color: #f2dede; + border-color: #b94a48; +} +.control-group.success > label, +.control-group.success .help-block, +.control-group.success .help-inline { + color: #468847; +} +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + color: #468847; + border-color: #468847; +} +.control-group.success input:focus, +.control-group.success select:focus, +.control-group.success textarea:focus { + border-color: #356635; + -webkit-box-shadow: 0 0 6px #7aba7b; + -moz-box-shadow: 0 0 6px #7aba7b; + box-shadow: 0 0 6px #7aba7b; +} +.control-group.success .input-prepend .add-on, +.control-group.success .input-append .add-on { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} +input:focus:required:invalid, +textarea:focus:required:invalid, +select:focus:required:invalid { + color: #b94a48; + border-color: #ee5f5b; +} +input:focus:required:invalid:focus, +textarea:focus:required:invalid:focus, +select:focus:required:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + -moz-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} +.form-actions { + padding: 17px 20px 18px; + margin-top: 18px; + margin-bottom: 18px; + background-color: #eeeeee; + border-top: 1px solid #ddd; + *zoom: 1; +} +.form-actions:before, +.form-actions:after { + display: table; + content: ""; +} +.form-actions:after { + clear: both; +} +.uneditable-input { + display: block; + background-color: #ffffff; + border-color: #eee; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + cursor: not-allowed; +} +:-moz-placeholder { + color: #999999; +} +::-webkit-input-placeholder { + color: #999999; +} +.help-block, +.help-inline { + color: #555555; +} +.help-block { + display: block; + margin-bottom: 9px; +} +.help-inline { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + vertical-align: middle; + padding-left: 5px; +} +.input-prepend, +.input-append { + margin-bottom: 5px; +} +.input-prepend input, +.input-append input, +.input-prepend select, +.input-append select, +.input-prepend .uneditable-input, +.input-append .uneditable-input { + *margin-left: 0; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-prepend input:focus, +.input-append input:focus, +.input-prepend select:focus, +.input-append select:focus, +.input-prepend .uneditable-input:focus, +.input-append .uneditable-input:focus { + position: relative; + z-index: 2; +} +.input-prepend .uneditable-input, +.input-append .uneditable-input { + border-left-color: #ccc; +} +.input-prepend .add-on, +.input-append .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; +} +.input-prepend .add-on, +.input-append .add-on, +.input-prepend .btn, +.input-append .btn { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.input-prepend .active, +.input-append .active { + background-color: #a9dba9; + border-color: #46a546; +} +.input-prepend .add-on, +.input-prepend .btn { + margin-right: -1px; +} +.input-append input, +.input-append select .uneditable-input { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.input-append .uneditable-input { + border-left-color: #eee; + border-right-color: #ccc; +} +.input-append .add-on, +.input-append .btn { + margin-left: -1px; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-prepend.input-append input, +.input-prepend.input-append select, +.input-prepend.input-append .uneditable-input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.input-prepend.input-append .add-on:first-child, +.input-prepend.input-append .btn:first-child { + margin-right: -1px; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.input-prepend.input-append .add-on:last-child, +.input-prepend.input-append .btn:last-child { + margin-left: -1px; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.search-query { + padding-left: 14px; + padding-right: 14px; + margin-bottom: 0; + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; +} +.form-search input, +.form-inline input, +.form-horizontal input, +.form-search textarea, +.form-inline textarea, +.form-horizontal textarea, +.form-search select, +.form-inline select, +.form-horizontal select, +.form-search .help-inline, +.form-inline .help-inline, +.form-horizontal .help-inline, +.form-search .uneditable-input, +.form-inline .uneditable-input, +.form-horizontal .uneditable-input, +.form-search .input-prepend, +.form-inline .input-prepend, +.form-horizontal .input-prepend, +.form-search .input-append, +.form-inline .input-append, +.form-horizontal .input-append { + display: inline-block; + margin-bottom: 0; +} +.form-search .hide, +.form-inline .hide, +.form-horizontal .hide { + display: none; +} +.form-search label, +.form-inline label { + display: inline-block; +} +.form-search .input-append, +.form-inline .input-append, +.form-search .input-prepend, +.form-inline .input-prepend { + margin-bottom: 0; +} +.form-search .radio, +.form-search .checkbox, +.form-inline .radio, +.form-inline .checkbox { + padding-left: 0; + margin-bottom: 0; + vertical-align: middle; +} +.form-search .radio input[type="radio"], +.form-search .checkbox input[type="checkbox"], +.form-inline .radio input[type="radio"], +.form-inline .checkbox input[type="checkbox"] { + float: left; + margin-left: 0; + margin-right: 3px; +} +.control-group { + margin-bottom: 9px; +} +legend + .control-group { + margin-top: 18px; + -webkit-margin-top-collapse: separate; +} +.form-horizontal .control-group { + margin-bottom: 18px; + *zoom: 1; +} +.form-horizontal .control-group:before, +.form-horizontal .control-group:after { + display: table; + content: ""; +} +.form-horizontal .control-group:after { + clear: both; +} +.form-horizontal .control-label { + float: left; + width: 140px; + padding-top: 5px; + text-align: right; +} +.form-horizontal .controls { + margin-left: 160px; + /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */ + + *display: inline-block; + *margin-left: 0; + *padding-left: 20px; +} +.form-horizontal .help-block { + margin-top: 9px; + margin-bottom: 0; +} +.form-horizontal .form-actions { + padding-left: 160px; +} +table { + max-width: 100%; + border-collapse: collapse; + border-spacing: 0; + background-color: transparent; +} +.table { + width: 100%; + margin-bottom: 18px; +} +.table th, +.table td { + padding: 8px; + line-height: 18px; + text-align: left; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table th { + font-weight: bold; +} +.table thead th { + vertical-align: bottom; +} +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} +.table tbody + tbody { + border-top: 2px solid #dddddd; +} +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} +.table-bordered { + border: 1px solid #dddddd; + border-left: 0; + border-collapse: separate; + *border-collapse: collapsed; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} +.table-bordered thead:first-child tr:first-child th:first-child, +.table-bordered tbody:first-child tr:first-child td:first-child { + -webkit-border-radius: 4px 0 0 0; + -moz-border-radius: 4px 0 0 0; + border-radius: 4px 0 0 0; +} +.table-bordered thead:first-child tr:first-child th:last-child, +.table-bordered tbody:first-child tr:first-child td:last-child { + -webkit-border-radius: 0 4px 0 0; + -moz-border-radius: 0 4px 0 0; + border-radius: 0 4px 0 0; +} +.table-bordered thead:last-child tr:last-child th:first-child, +.table-bordered tbody:last-child tr:last-child td:first-child { + -webkit-border-radius: 0 0 0 4px; + -moz-border-radius: 0 0 0 4px; + border-radius: 0 0 0 4px; +} +.table-bordered thead:last-child tr:last-child th:last-child, +.table-bordered tbody:last-child tr:last-child td:last-child { + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; +} +.table-striped tbody tr:nth-child(odd) td, +.table-striped tbody tr:nth-child(odd) th { + background-color: #f9f9f9; +} +.table tbody tr:hover td, +.table tbody tr:hover th { + background-color: #f5f5f5; +} +table .span1 { + float: none; + width: 44px; + margin-left: 0; +} +table .span2 { + float: none; + width: 124px; + margin-left: 0; +} +table .span3 { + float: none; + width: 204px; + margin-left: 0; +} +table .span4 { + float: none; + width: 284px; + margin-left: 0; +} +table .span5 { + float: none; + width: 364px; + margin-left: 0; +} +table .span6 { + float: none; + width: 444px; + margin-left: 0; +} +table .span7 { + float: none; + width: 524px; + margin-left: 0; +} +table .span8 { + float: none; + width: 604px; + margin-left: 0; +} +table .span9 { + float: none; + width: 684px; + margin-left: 0; +} +table .span10 { + float: none; + width: 764px; + margin-left: 0; +} +table .span11 { + float: none; + width: 844px; + margin-left: 0; +} +table .span12 { + float: none; + width: 924px; + margin-left: 0; +} +table .span13 { + float: none; + width: 1004px; + margin-left: 0; +} +table .span14 { + float: none; + width: 1084px; + margin-left: 0; +} +table .span15 { + float: none; + width: 1164px; + margin-left: 0; +} +table .span16 { + float: none; + width: 1244px; + margin-left: 0; +} +table .span17 { + float: none; + width: 1324px; + margin-left: 0; +} +table .span18 { + float: none; + width: 1404px; + margin-left: 0; +} +table .span19 { + float: none; + width: 1484px; + margin-left: 0; +} +table .span20 { + float: none; + width: 1564px; + margin-left: 0; +} +table .span21 { + float: none; + width: 1644px; + margin-left: 0; +} +table .span22 { + float: none; + width: 1724px; + margin-left: 0; +} +table .span23 { + float: none; + width: 1804px; + margin-left: 0; +} +table .span24 { + float: none; + width: 1884px; + margin-left: 0; +} +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + width: 14px; + height: 14px; + line-height: 14px; + vertical-align: text-top; + background-image: url("../img/glyphicons-halflings.png"); + background-position: 14px 14px; + background-repeat: no-repeat; + *margin-right: .3em; +} +[class^="icon-"]:last-child, +[class*=" icon-"]:last-child { + *margin-left: 0; +} +.icon-white { + background-image: url("../img/glyphicons-halflings-white.png"); +} +.icon-glass { + background-position: 0 0; +} +.icon-music { + background-position: -24px 0; +} +.icon-search { + background-position: -48px 0; +} +.icon-envelope { + background-position: -72px 0; +} +.icon-heart { + background-position: -96px 0; +} +.icon-star { + background-position: -120px 0; +} +.icon-star-empty { + background-position: -144px 0; +} +.icon-user { + background-position: -168px 0; +} +.icon-film { + background-position: -192px 0; +} +.icon-th-large { + background-position: -216px 0; +} +.icon-th { + background-position: -240px 0; +} +.icon-th-list { + background-position: -264px 0; +} +.icon-ok { + background-position: -288px 0; +} +.icon-remove { + background-position: -312px 0; +} +.icon-zoom-in { + background-position: -336px 0; +} +.icon-zoom-out { + background-position: -360px 0; +} +.icon-off { + background-position: -384px 0; +} +.icon-signal { + background-position: -408px 0; +} +.icon-cog { + background-position: -432px 0; +} +.icon-trash { + background-position: -456px 0; +} +.icon-home { + background-position: 0 -24px; +} +.icon-file { + background-position: -24px -24px; +} +.icon-time { + background-position: -48px -24px; +} +.icon-road { + background-position: -72px -24px; +} +.icon-download-alt { + background-position: -96px -24px; +} +.icon-download { + background-position: -120px -24px; +} +.icon-upload { + background-position: -144px -24px; +} +.icon-inbox { + background-position: -168px -24px; +} +.icon-play-circle { + background-position: -192px -24px; +} +.icon-repeat { + background-position: -216px -24px; +} +.icon-refresh { + background-position: -240px -24px; +} +.icon-list-alt { + background-position: -264px -24px; +} +.icon-lock { + background-position: -287px -24px; +} +.icon-flag { + background-position: -312px -24px; +} +.icon-headphones { + background-position: -336px -24px; +} +.icon-volume-off { + background-position: -360px -24px; +} +.icon-volume-down { + background-position: -384px -24px; +} +.icon-volume-up { + background-position: -408px -24px; +} +.icon-qrcode { + background-position: -432px -24px; +} +.icon-barcode { + background-position: -456px -24px; +} +.icon-tag { + background-position: 0 -48px; +} +.icon-tags { + background-position: -25px -48px; +} +.icon-book { + background-position: -48px -48px; +} +.icon-bookmark { + background-position: -72px -48px; +} +.icon-print { + background-position: -96px -48px; +} +.icon-camera { + background-position: -120px -48px; +} +.icon-font { + background-position: -144px -48px; +} +.icon-bold { + background-position: -167px -48px; +} +.icon-italic { + background-position: -192px -48px; +} +.icon-text-height { + background-position: -216px -48px; +} +.icon-text-width { + background-position: -240px -48px; +} +.icon-align-left { + background-position: -264px -48px; +} +.icon-align-center { + background-position: -288px -48px; +} +.icon-align-right { + background-position: -312px -48px; +} +.icon-align-justify { + background-position: -336px -48px; +} +.icon-list { + background-position: -360px -48px; +} +.icon-indent-left { + background-position: -384px -48px; +} +.icon-indent-right { + background-position: -408px -48px; +} +.icon-facetime-video { + background-position: -432px -48px; +} +.icon-picture { + background-position: -456px -48px; +} +.icon-pencil { + background-position: 0 -72px; +} +.icon-map-marker { + background-position: -24px -72px; +} +.icon-adjust { + background-position: -48px -72px; +} +.icon-tint { + background-position: -72px -72px; +} +.icon-edit { + background-position: -96px -72px; +} +.icon-share { + background-position: -120px -72px; +} +.icon-check { + background-position: -144px -72px; +} +.icon-move { + background-position: -168px -72px; +} +.icon-step-backward { + background-position: -192px -72px; +} +.icon-fast-backward { + background-position: -216px -72px; +} +.icon-backward { + background-position: -240px -72px; +} +.icon-play { + background-position: -264px -72px; +} +.icon-pause { + background-position: -288px -72px; +} +.icon-stop { + background-position: -312px -72px; +} +.icon-forward { + background-position: -336px -72px; +} +.icon-fast-forward { + background-position: -360px -72px; +} +.icon-step-forward { + background-position: -384px -72px; +} +.icon-eject { + background-position: -408px -72px; +} +.icon-chevron-left { + background-position: -432px -72px; +} +.icon-chevron-right { + background-position: -456px -72px; +} +.icon-plus-sign { + background-position: 0 -96px; +} +.icon-minus-sign { + background-position: -24px -96px; +} +.icon-remove-sign { + background-position: -48px -96px; +} +.icon-ok-sign { + background-position: -72px -96px; +} +.icon-question-sign { + background-position: -96px -96px; +} +.icon-info-sign { + background-position: -120px -96px; +} +.icon-screenshot { + background-position: -144px -96px; +} +.icon-remove-circle { + background-position: -168px -96px; +} +.icon-ok-circle { + background-position: -192px -96px; +} +.icon-ban-circle { + background-position: -216px -96px; +} +.icon-arrow-left { + background-position: -240px -96px; +} +.icon-arrow-right { + background-position: -264px -96px; +} +.icon-arrow-up { + background-position: -289px -96px; +} +.icon-arrow-down { + background-position: -312px -96px; +} +.icon-share-alt { + background-position: -336px -96px; +} +.icon-resize-full { + background-position: -360px -96px; +} +.icon-resize-small { + background-position: -384px -96px; +} +.icon-plus { + background-position: -408px -96px; +} +.icon-minus { + background-position: -433px -96px; +} +.icon-asterisk { + background-position: -456px -96px; +} +.icon-exclamation-sign { + background-position: 0 -120px; +} +.icon-gift { + background-position: -24px -120px; +} +.icon-leaf { + background-position: -48px -120px; +} +.icon-fire { + background-position: -72px -120px; +} +.icon-eye-open { + background-position: -96px -120px; +} +.icon-eye-close { + background-position: -120px -120px; +} +.icon-warning-sign { + background-position: -144px -120px; +} +.icon-plane { + background-position: -168px -120px; +} +.icon-calendar { + background-position: -192px -120px; +} +.icon-random { + background-position: -216px -120px; +} +.icon-comment { + background-position: -240px -120px; +} +.icon-magnet { + background-position: -264px -120px; +} +.icon-chevron-up { + background-position: -288px -120px; +} +.icon-chevron-down { + background-position: -313px -119px; +} +.icon-retweet { + background-position: -336px -120px; +} +.icon-shopping-cart { + background-position: -360px -120px; +} +.icon-folder-close { + background-position: -384px -120px; +} +.icon-folder-open { + background-position: -408px -120px; +} +.icon-resize-vertical { + background-position: -432px -119px; +} +.icon-resize-horizontal { + background-position: -456px -118px; +} +.dropdown { + position: relative; +} +.dropdown-toggle { + *margin-bottom: -3px; +} +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid #000000; + opacity: 0.3; + filter: alpha(opacity=30); + content: ""; +} +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} +.dropdown:hover .caret, +.open.dropdown .caret { + opacity: 1; + filter: alpha(opacity=100); +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + float: left; + display: none; + min-width: 160px; + padding: 4px 0; + margin: 0; + list-style: none; + background-color: #ffffff; + border-color: #ccc; + border-color: rgba(0, 0, 0, 0.2); + border-style: solid; + border-width: 1px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 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; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 8px 1px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; + *width: 100%; + *margin: -5px 0 5px; +} +.dropdown-menu a { + display: block; + padding: 3px 15px; + clear: both; + font-weight: normal; + line-height: 18px; + color: #333333; + white-space: nowrap; +} +.dropdown-menu li > a:hover, +.dropdown-menu .active > a, +.dropdown-menu .active > a:hover { + color: #ffffff; + text-decoration: none; + background-color: #0088cc; +} +.dropdown.open { + *z-index: 1000; +} +.dropdown.open .dropdown-toggle { + color: #ffffff; + background: #ccc; + background: rgba(0, 0, 0, 0.3); +} +.dropdown.open .dropdown-menu { + display: block; +} +.pull-right .dropdown-menu { + left: auto; + right: 0; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000000; + content: "\2191"; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +.typeahead { + margin-top: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #eee; + border: 1px solid rgba(0, 0, 0, 0.05); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-large { + padding: 24px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.well-small { + padding: 9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.fade { + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -ms-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + opacity: 0; +} +.fade.in { + opacity: 1; +} +.collapse { + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -ms-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; + position: relative; + overflow: hidden; + height: 0; +} +.collapse.in { + height: auto; +} +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 18px; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover { + color: #000000; + text-decoration: none; + opacity: 0.4; + filter: alpha(opacity=40); + cursor: pointer; +} +.btn { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + padding: 4px 10px 4px; + margin-bottom: 0; + font-size: 13px; + line-height: 18px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(top, #ffffff, #e6e6e6); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + 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); + border: 1px solid #cccccc; + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + cursor: pointer; + *margin-left: .3em; +} +.btn:hover, +.btn:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + background-color: #e6e6e6; +} +.btn:active, +.btn.active { + background-color: #cccccc \9; +} +.btn:first-child { + *margin-left: 0; +} +.btn:hover { + color: #333333; + text-decoration: none; + background-color: #e6e6e6; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -ms-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn.active, +.btn:active { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + background-color: #e6e6e6; + background-color: #d9d9d9 \9; + outline: 0; +} +.btn.disabled, +.btn[disabled] { + cursor: default; + background-image: none; + background-color: #e6e6e6; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-large { + padding: 9px 14px; + font-size: 15px; + line-height: normal; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.btn-large [class^="icon-"] { + margin-top: 1px; +} +.btn-small { + padding: 5px 9px; + font-size: 11px; + line-height: 16px; +} +.btn-small [class^="icon-"] { + margin-top: -1px; +} +.btn-mini { + padding: 2px 6px; + font-size: 11px; + line-height: 14px; +} +.btn-primary, +.btn-primary:hover, +.btn-warning, +.btn-warning:hover, +.btn-danger, +.btn-danger:hover, +.btn-success, +.btn-success:hover, +.btn-info, +.btn-info:hover, +.btn-inverse, +.btn-inverse:hover { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #ffffff; +} +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active, +.btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} +.btn-primary { + background-color: #0074cc; + background-image: -moz-linear-gradient(top, #0088cc, #0055cc); + background-image: -ms-linear-gradient(top, #0088cc, #0055cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); + background-image: -o-linear-gradient(top, #0088cc, #0055cc); + background-image: linear-gradient(top, #0088cc, #0055cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); + border-color: #0055cc #0055cc #003580; + 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); +} +.btn-primary:hover, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + background-color: #0055cc; +} +.btn-primary:active, +.btn-primary.active { + background-color: #004099 \9; +} +.btn-warning { + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -ms-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(top, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + border-color: #f89406 #f89406 #ad6704; + 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); +} +.btn-warning:hover, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + background-color: #f89406; +} +.btn-warning:active, +.btn-warning.active { + background-color: #c67605 \9; +} +.btn-danger { + background-color: #da4f49; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(top, #ee5f5b, #bd362f); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); + border-color: #bd362f #bd362f #802420; + 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); +} +.btn-danger:hover, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + background-color: #bd362f; +} +.btn-danger:active, +.btn-danger.active { + background-color: #942a25 \9; +} +.btn-success { + background-color: #5bb75b; + background-image: -moz-linear-gradient(top, #62c462, #51a351); + background-image: -ms-linear-gradient(top, #62c462, #51a351); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); + background-image: -webkit-linear-gradient(top, #62c462, #51a351); + background-image: -o-linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(top, #62c462, #51a351); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); + border-color: #51a351 #51a351 #387038; + 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); +} +.btn-success:hover, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + background-color: #51a351; +} +.btn-success:active, +.btn-success.active { + background-color: #408140 \9; +} +.btn-info { + background-color: #49afcd; + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); + background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); + background-image: linear-gradient(top, #5bc0de, #2f96b4); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); + border-color: #2f96b4 #2f96b4 #1f6377; + 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); +} +.btn-info:hover, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + background-color: #2f96b4; +} +.btn-info:active, +.btn-info.active { + background-color: #24748c \9; +} +.btn-inverse { + background-color: #414141; + background-image: -moz-linear-gradient(top, #555555, #222222); + background-image: -ms-linear-gradient(top, #555555, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); + background-image: -webkit-linear-gradient(top, #555555, #222222); + background-image: -o-linear-gradient(top, #555555, #222222); + background-image: linear-gradient(top, #555555, #222222); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); + border-color: #222222 #222222 #000000; + 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); +} +.btn-inverse:hover, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + background-color: #222222; +} +.btn-inverse:active, +.btn-inverse.active { + background-color: #080808 \9; +} +button.btn, +input[type="submit"].btn { + *padding-top: 2px; + *padding-bottom: 2px; +} +button.btn::-moz-focus-inner, +input[type="submit"].btn::-moz-focus-inner { + padding: 0; + border: 0; +} +button.btn.btn-large, +input[type="submit"].btn.btn-large { + *padding-top: 7px; + *padding-bottom: 7px; +} +button.btn.btn-small, +input[type="submit"].btn.btn-small { + *padding-top: 3px; + *padding-bottom: 3px; +} +button.btn.btn-mini, +input[type="submit"].btn.btn-mini { + *padding-top: 1px; + *padding-bottom: 1px; +} +.btn-group { + position: relative; + *zoom: 1; + *margin-left: .3em; +} +.btn-group:before, +.btn-group:after { + display: table; + content: ""; +} +.btn-group:after { + clear: both; +} +.btn-group:first-child { + *margin-left: 0; +} +.btn-group + .btn-group { + margin-left: 5px; +} +.btn-toolbar { + margin-top: 9px; + margin-bottom: 9px; +} +.btn-toolbar .btn-group { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} +.btn-group .btn { + position: relative; + float: left; + margin-left: -1px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-group .btn:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} +.btn-group .btn:last-child, +.btn-group .dropdown-toggle { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; +} +.btn-group .btn.large:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.btn-group .btn.large:last-child, +.btn-group .large.dropdown-toggle { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} +.btn-group .btn:hover, +.btn-group .btn:focus, +.btn-group .btn:active, +.btn-group .btn.active { + z-index: 2; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + *padding-top: 3px; + *padding-bottom: 3px; +} +.btn-group .btn-mini.dropdown-toggle { + padding-left: 5px; + padding-right: 5px; + *padding-top: 1px; + *padding-bottom: 1px; +} +.btn-group .btn-small.dropdown-toggle { + *padding-top: 4px; + *padding-bottom: 4px; +} +.btn-group .btn-large.dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open { + *z-index: 1000; +} +.btn-group.open .dropdown-menu { + display: block; + margin-top: 1px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.btn-group.open .dropdown-toggle { + background-image: none; + -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} +.btn .caret { + margin-top: 7px; + margin-left: 0; +} +.btn:hover .caret, +.open.btn-group .caret { + opacity: 1; + filter: alpha(opacity=100); +} +.btn-mini .caret { + margin-top: 5px; +} +.btn-small .caret { + margin-top: 6px; +} +.btn-large .caret { + margin-top: 6px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #000000; +} +.btn-primary .caret, +.btn-warning .caret, +.btn-danger .caret, +.btn-info .caret, +.btn-success .caret, +.btn-inverse .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; + opacity: 0.75; + filter: alpha(opacity=75); +} +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 18px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + color: #c09853; +} +.alert-heading { + color: inherit; +} +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 18px; +} +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #468847; +} +.alert-danger, +.alert-error { + background-color: #f2dede; + border-color: #eed3d7; + color: #b94a48; +} +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #3a87ad; +} +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} +.alert-block p + p { + margin-top: 5px; +} +.nav { + margin-left: 0; + margin-bottom: 18px; + list-style: none; +} +.nav > li > a { + display: block; +} +.nav > li > a:hover { + text-decoration: none; + background-color: #eeeeee; +} +.nav .nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 18px; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} +.nav li + .nav-header { + margin-top: 9px; +} +.nav-list { + padding-left: 15px; + padding-right: 15px; + margin-bottom: 0; +} +.nav-list > li > a, +.nav-list .nav-header { + margin-left: -15px; + margin-right: -15px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.nav-list > li > a { + padding: 3px 15px; +} +.nav-list > .active > a, +.nav-list > .active > a:hover { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + background-color: #0088cc; +} +.nav-list [class^="icon-"] { + margin-right: 2px; +} +.nav-list .divider { + height: 1px; + margin: 8px 1px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; + *width: 100%; + *margin: -5px 0 5px; +} +.nav-tabs, +.nav-pills { + *zoom: 1; +} +.nav-tabs:before, +.nav-pills:before, +.nav-tabs:after, +.nav-pills:after { + display: table; + content: ""; +} +.nav-tabs:after, +.nav-pills:after { + clear: both; +} +.nav-tabs > li, +.nav-pills > li { + float: left; +} +.nav-tabs > li > a, +.nav-pills > li > a { + padding-right: 12px; + padding-left: 12px; + margin-right: 2px; + line-height: 14px; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + margin-bottom: -1px; +} +.nav-tabs > li > a { + padding-top: 8px; + padding-bottom: 8px; + line-height: 18px; + border: 1px solid transparent; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover { + color: #555555; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-pills > li > a { + padding-top: 8px; + padding-bottom: 8px; + margin-top: 2px; + margin-bottom: 2px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.nav-pills > .active > a, +.nav-pills > .active > a:hover { + color: #ffffff; + background-color: #0088cc; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li > a { + margin-right: 0; +} +.nav-tabs.nav-stacked { + border-bottom: 0; +} +.nav-tabs.nav-stacked > li > a { + border: 1px solid #ddd; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.nav-tabs.nav-stacked > li:first-child > a { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.nav-tabs.nav-stacked > li > a:hover { + border-color: #ddd; + z-index: 2; +} +.nav-pills.nav-stacked > li > a { + margin-bottom: 3px; +} +.nav-pills.nav-stacked > li:last-child > a { + margin-bottom: 1px; +} +.nav-tabs .dropdown-menu, +.nav-pills .dropdown-menu { + margin-top: 1px; + border-width: 1px; +} +.nav-pills .dropdown-menu { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.nav-tabs .dropdown-toggle .caret, +.nav-pills .dropdown-toggle .caret { + border-top-color: #0088cc; + border-bottom-color: #0088cc; + margin-top: 6px; +} +.nav-tabs .dropdown-toggle:hover .caret, +.nav-pills .dropdown-toggle:hover .caret { + border-top-color: #005580; + border-bottom-color: #005580; +} +.nav-tabs .active .dropdown-toggle .caret, +.nav-pills .active .dropdown-toggle .caret { + border-top-color: #333333; + border-bottom-color: #333333; +} +.nav > .dropdown.active > a:hover { + color: #000000; + cursor: pointer; +} +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > .open.active > a:hover { + color: #ffffff; + background-color: #999999; + border-color: #999999; +} +.nav .open .caret, +.nav .open.active .caret, +.nav .open a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; + opacity: 1; + filter: alpha(opacity=100); +} +.tabs-stacked .open > a:hover { + border-color: #999999; +} +.tabbable { + *zoom: 1; +} +.tabbable:before, +.tabbable:after { + display: table; + content: ""; +} +.tabbable:after { + clear: both; +} +.tab-content { + display: table; + width: 100%; +} +.tabs-below .nav-tabs, +.tabs-right .nav-tabs, +.tabs-left .nav-tabs { + border-bottom: 0; +} +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} +.tabs-below .nav-tabs { + border-top: 1px solid #ddd; +} +.tabs-below .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; +} +.tabs-below .nav-tabs > li > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.tabs-below .nav-tabs > li > a:hover { + border-bottom-color: transparent; + border-top-color: #ddd; +} +.tabs-below .nav-tabs .active > a, +.tabs-below .nav-tabs .active > a:hover { + border-color: transparent #ddd #ddd #ddd; +} +.tabs-left .nav-tabs > li, +.tabs-right .nav-tabs > li { + float: none; +} +.tabs-left .nav-tabs > li > a, +.tabs-right .nav-tabs > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; +} +.tabs-left .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #ddd; +} +.tabs-left .nav-tabs > li > a { + margin-right: -1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.tabs-left .nav-tabs > li > a:hover { + border-color: #eeeeee #dddddd #eeeeee #eeeeee; +} +.tabs-left .nav-tabs .active > a, +.tabs-left .nav-tabs .active > a:hover { + border-color: #ddd transparent #ddd #ddd; + *border-right-color: #ffffff; +} +.tabs-right .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #ddd; +} +.tabs-right .nav-tabs > li > a { + margin-left: -1px; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.tabs-right .nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #eeeeee #dddddd; +} +.tabs-right .nav-tabs .active > a, +.tabs-right .nav-tabs .active > a:hover { + border-color: #ddd #ddd #ddd transparent; + *border-left-color: #ffffff; +} +.navbar { + *position: relative; + *z-index: 2; + overflow: visible; + margin-bottom: 18px; +} +.navbar-inner { + padding-left: 20px; + padding-right: 20px; + background-color: #2c2c2c; + background-image: -moz-linear-gradient(top, #333333, #222222); + background-image: -ms-linear-gradient(top, #333333, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); + background-image: -webkit-linear-gradient(top, #333333, #222222); + background-image: -o-linear-gradient(top, #333333, #222222); + background-image: linear-gradient(top, #333333, #222222); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); +} +.navbar .container { + width: auto; +} +.btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 5px; + margin-right: 5px; + background-color: #2c2c2c; + background-image: -moz-linear-gradient(top, #333333, #222222); + background-image: -ms-linear-gradient(top, #333333, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); + background-image: -webkit-linear-gradient(top, #333333, #222222); + background-image: -o-linear-gradient(top, #333333, #222222); + background-image: linear-gradient(top, #333333, #222222); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); + border-color: #222222 #222222 #000000; + 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-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); +} +.btn-navbar:hover, +.btn-navbar:active, +.btn-navbar.active, +.btn-navbar.disabled, +.btn-navbar[disabled] { + background-color: #222222; +} +.btn-navbar:active, +.btn-navbar.active { + background-color: #080808 \9; +} +.btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); +} +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} +.nav-collapse.collapse { + height: auto; +} +.navbar { + color: #999999; +} +.navbar .brand:hover { + text-decoration: none; +} +.navbar .brand { + float: left; + display: block; + padding: 8px 20px 12px; + margin-left: -20px; + font-size: 20px; + font-weight: 200; + line-height: 1; + color: #ffffff; +} +.navbar .navbar-text { + margin-bottom: 0; + line-height: 40px; +} +.navbar .btn, +.navbar .btn-group { + margin-top: 5px; +} +.navbar .btn-group .btn { + margin-top: 0; +} +.navbar-form { + margin-bottom: 0; + *zoom: 1; +} +.navbar-form:before, +.navbar-form:after { + display: table; + content: ""; +} +.navbar-form:after { + clear: both; +} +.navbar-form input, +.navbar-form select, +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 5px; +} +.navbar-form input, +.navbar-form select { + display: inline-block; + margin-bottom: 0; +} +.navbar-form input[type="image"], +.navbar-form input[type="checkbox"], +.navbar-form input[type="radio"] { + margin-top: 3px; +} +.navbar-form .input-append, +.navbar-form .input-prepend { + margin-top: 6px; + white-space: nowrap; +} +.navbar-form .input-append input, +.navbar-form .input-prepend input { + margin-top: 0; +} +.navbar-search { + position: relative; + float: left; + margin-top: 6px; + margin-bottom: 0; +} +.navbar-search .search-query { + padding: 4px 9px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + color: #ffffff; + background-color: #626262; + border: 1px solid #151515; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; +} +.navbar-search .search-query:-moz-placeholder { + color: #cccccc; +} +.navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} +.navbar-search .search-query:focus, +.navbar-search .search-query.focused { + padding: 5px 10px; + color: #333333; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + outline: 0; +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; +} +.navbar-fixed-top .navbar-inner, +.navbar-fixed-bottom .navbar-inner { + padding-left: 0; + padding-right: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} +.navbar-fixed-top { + top: 0; +} +.navbar-fixed-bottom { + bottom: 0; +} +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; +} +.navbar .nav.pull-right { + float: right; +} +.navbar .nav > li { + display: block; + float: left; +} +.navbar .nav > li > a { + float: none; + padding: 10px 10px 11px; + line-height: 19px; + color: #999999; + text-decoration: none; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.navbar .nav > li > a:hover { + background-color: transparent; + color: #ffffff; + text-decoration: none; +} +.navbar .nav .active > a, +.navbar .nav .active > a:hover { + color: #ffffff; + text-decoration: none; + background-color: #222222; +} +.navbar .divider-vertical { + height: 40px; + width: 1px; + margin: 0 9px; + overflow: hidden; + background-color: #222222; + border-right: 1px solid #333333; +} +.navbar .nav.pull-right { + margin-left: 10px; + margin-right: 0; +} +.navbar .dropdown-menu { + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.navbar .dropdown-menu: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: 9px; +} +.navbar .dropdown-menu: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: 10px; +} +.navbar-fixed-bottom .dropdown-menu:before { + border-top: 7px solid #ccc; + border-top-color: rgba(0, 0, 0, 0.2); + border-bottom: 0; + bottom: -7px; + top: auto; +} +.navbar-fixed-bottom .dropdown-menu:after { + border-top: 6px solid #ffffff; + border-bottom: 0; + bottom: -6px; + top: auto; +} +.navbar .nav .dropdown-toggle .caret, +.navbar .nav .open.dropdown .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar .nav .active .caret { + opacity: 1; + filter: alpha(opacity=100); +} +.navbar .nav .open > .dropdown-toggle, +.navbar .nav .active > .dropdown-toggle, +.navbar .nav .open.active > .dropdown-toggle { + background-color: transparent; +} +.navbar .nav .active > .dropdown-toggle:hover { + color: #ffffff; +} +.navbar .nav.pull-right .dropdown-menu, +.navbar .nav .dropdown-menu.pull-right { + left: auto; + right: 0; +} +.navbar .nav.pull-right .dropdown-menu:before, +.navbar .nav .dropdown-menu.pull-right:before { + left: auto; + right: 12px; +} +.navbar .nav.pull-right .dropdown-menu:after, +.navbar .nav .dropdown-menu.pull-right:after { + left: auto; + right: 13px; +} +.breadcrumb { + padding: 7px 14px; + margin: 0 0 18px; + list-style: none; + background-color: #fbfbfb; + background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); + background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); + background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); + background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); + background-image: linear-gradient(top, #ffffff, #f5f5f5); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); + border: 1px solid #ddd; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; +} +.breadcrumb li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + text-shadow: 0 1px 0 #ffffff; +} +.breadcrumb .divider { + padding: 0 5px; + color: #999999; +} +.breadcrumb .active a { + color: #333333; +} +.pagination { + height: 36px; + margin: 18px 0; +} +.pagination ul { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + margin-left: 0; + margin-bottom: 0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} +.pagination li { + display: inline; +} +.pagination a { + float: left; + padding: 0 14px; + line-height: 34px; + text-decoration: none; + border: 1px solid #ddd; + border-left-width: 0; +} +.pagination a:hover, +.pagination .active a { + background-color: #f5f5f5; +} +.pagination .active a { + color: #999999; + cursor: default; +} +.pagination .disabled span, +.pagination .disabled a, +.pagination .disabled a:hover { + color: #999999; + background-color: transparent; + cursor: default; +} +.pagination li:first-child a { + border-left-width: 1px; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.pagination li:last-child a { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.pagination-centered { + text-align: center; +} +.pagination-right { + text-align: right; +} +.pager { + margin-left: 0; + margin-bottom: 18px; + list-style: none; + text-align: center; + *zoom: 1; +} +.pager:before, +.pager:after { + display: table; + content: ""; +} +.pager:after { + clear: both; +} +.pager li { + display: inline; +} +.pager a { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} +.pager a:hover { + text-decoration: none; + background-color: #f5f5f5; +} +.pager .next a { + float: right; +} +.pager .previous a { + float: left; +} +.pager .disabled a, +.pager .disabled a:hover { + color: #999999; + background-color: #fff; + cursor: default; +} +.modal-open .dropdown-menu { + z-index: 2050; +} +.modal-open .dropdown.open { + *z-index: 2050; +} +.modal-open .popover { + z-index: 2060; +} +.modal-open .tooltip { + z-index: 2070; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} +.modal { + position: fixed; + top: 50%; + left: 50%; + z-index: 1050; + overflow: auto; + width: 560px; + margin: -250px 0 0 -280px; + background-color: #ffffff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.3); + *border: 1px solid #999; + /* IE6-7 */ + + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} +.modal.fade { + -webkit-transition: opacity .3s linear, top .3s ease-out; + -moz-transition: opacity .3s linear, top .3s ease-out; + -ms-transition: opacity .3s linear, top .3s ease-out; + -o-transition: opacity .3s linear, top .3s ease-out; + transition: opacity .3s linear, top .3s ease-out; + top: -25%; +} +.modal.fade.in { + top: 50%; +} +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eee; +} +.modal-header .close { + margin-top: 2px; +} +.modal-body { + overflow-y: auto; + max-height: 400px; + padding: 15px; +} +.modal-form { + margin-bottom: 0; +} +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; + *zoom: 1; +} +.modal-footer:before, +.modal-footer:after { + display: table; + content: ""; +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.tooltip { + position: absolute; + z-index: 1020; + display: block; + visibility: visible; + padding: 5px; + font-size: 11px; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.8; + filter: alpha(opacity=80); +} +.tooltip.top { + margin-top: -2px; +} +.tooltip.right { + margin-left: 2px; +} +.tooltip.bottom { + margin-top: 2px; +} +.tooltip.left { + margin-left: -2px; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 5px solid #000000; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + padding: 5px; +} +.popover.top { + margin-top: -5px; +} +.popover.right { + margin-left: 5px; +} +.popover.bottom { + margin-top: 5px; +} +.popover.left { + margin-left: -5px; +} +.popover.top .arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #000000; +} +.popover.right .arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 5px solid #000000; +} +.popover.bottom .arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid #000000; +} +.popover.left .arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #000000; +} +.popover .arrow { + position: absolute; + width: 0; + height: 0; +} +.popover-inner { + padding: 3px; + width: 280px; + overflow: hidden; + background: #000000; + background: rgba(0, 0, 0, 0.8); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); +} +.popover-title { + padding: 9px 15px; + line-height: 1; + background-color: #f5f5f5; + border-bottom: 1px solid #eee; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.popover-content { + padding: 14px; + background-color: #ffffff; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} +.popover-content p, +.popover-content ul, +.popover-content ol { + margin-bottom: 0; +} +.thumbnails { + margin-left: -20px; + list-style: none; + *zoom: 1; +} +.thumbnails:before, +.thumbnails:after { + display: table; + content: ""; +} +.thumbnails:after { + clear: both; +} +.thumbnails > li { + float: left; + margin: 0 0 18px 20px; +} +.thumbnail { + display: block; + padding: 4px; + line-height: 1; + border: 1px solid #ddd; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); +} +a.thumbnail:hover { + border-color: #0088cc; + -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); +} +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; +} +.label { + padding: 1px 4px 2px; + font-size: 10.998px; + font-weight: bold; + line-height: 13px; + color: #ffffff; + vertical-align: middle; + white-space: nowrap; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #999999; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.label:hover { + color: #ffffff; + text-decoration: none; +} +.label-important { + background-color: #b94a48; +} +.label-important:hover { + background-color: #953b39; +} +.label-warning { + background-color: #f89406; +} +.label-warning:hover { + background-color: #c67605; +} +.label-success { + background-color: #468847; +} +.label-success:hover { + background-color: #356635; +} +.label-info { + background-color: #3a87ad; +} +.label-info:hover { + background-color: #2d6987; +} +.label-inverse { + background-color: #333333; +} +.label-inverse:hover { + background-color: #1a1a1a; +} +.badge { + padding: 1px 9px 2px; + font-size: 12.025px; + font-weight: bold; + white-space: nowrap; + color: #ffffff; + background-color: #999999; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; +} +.badge:hover { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.badge-error { + background-color: #b94a48; +} +.badge-error:hover { + background-color: #953b39; +} +.badge-warning { + background-color: #f89406; +} +.badge-warning:hover { + background-color: #c67605; +} +.badge-success { + background-color: #468847; +} +.badge-success:hover { + background-color: #356635; +} +.badge-info { + background-color: #3a87ad; +} +.badge-info:hover { + background-color: #2d6987; +} +.badge-inverse { + background-color: #333333; +} +.badge-inverse:hover { + background-color: #1a1a1a; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +@-moz-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +@-ms-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +.progress { + overflow: hidden; + height: 18px; + margin-bottom: 18px; + background-color: #f7f7f7; + background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); + background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(top, #f5f5f5, #f9f9f9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.progress .bar { + width: 0%; + height: 18px; + color: #ffffff; + font-size: 12px; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e90d2; + background-image: -moz-linear-gradient(top, #149bdf, #0480be); + background-image: -ms-linear-gradient(top, #149bdf, #0480be); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); + background-image: -webkit-linear-gradient(top, #149bdf, #0480be); + background-image: -o-linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(top, #149bdf, #0480be); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -ms-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .bar { + background-color: #149bdf; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress.active .bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-danger .bar { + background-color: #dd514c; + background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(top, #ee5f5b, #c43c35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); +} +.progress-danger.progress-striped .bar { + background-color: #ee5f5b; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-success .bar { + background-color: #5eb95e; + background-image: -moz-linear-gradient(top, #62c462, #57a957); + background-image: -ms-linear-gradient(top, #62c462, #57a957); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); + background-image: -webkit-linear-gradient(top, #62c462, #57a957); + background-image: -o-linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(top, #62c462, #57a957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); +} +.progress-success.progress-striped .bar { + background-color: #62c462; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-info .bar { + background-color: #4bb1cf; + background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); + background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); + background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); + background-image: -o-linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(top, #5bc0de, #339bb9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); +} +.progress-info.progress-striped .bar { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-warning .bar { + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -ms-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(top, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); +} +.progress-warning.progress-striped .bar { + background-color: #fbb450; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.accordion { + margin-bottom: 18px; +} +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.accordion-heading { + border-bottom: 0; +} +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} +.carousel { + position: relative; + margin-bottom: 18px; + line-height: 1; +} +.carousel-inner { + overflow: hidden; + width: 100%; + position: relative; +} +.carousel .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -ms-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel .item > img { + display: block; + line-height: 1; +} +.carousel .active, +.carousel .next, +.carousel .prev { + display: block; +} +.carousel .active { + left: 0; +} +.carousel .next, +.carousel .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel .next { + left: 100%; +} +.carousel .prev { + left: -100%; +} +.carousel .next.left, +.carousel .prev.right { + left: 0; +} +.carousel .active.left { + left: -100%; +} +.carousel .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: #ffffff; + text-align: center; + background: #222222; + border: 3px solid #ffffff; + -webkit-border-radius: 23px; + -moz-border-radius: 23px; + border-radius: 23px; + opacity: 0.5; + filter: alpha(opacity=50); +} +.carousel-control.right { + left: auto; + right: 15px; +} +.carousel-control:hover { + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-caption { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 10px 15px 5px; + background: #333333; + background: rgba(0, 0, 0, 0.75); +} +.carousel-caption h4, +.carousel-caption p { + color: #ffffff; +} +.hero-unit { + padding: 60px; + margin-bottom: 30px; + background-color: #eeeeee; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.hero-unit h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + color: inherit; + letter-spacing: -1px; +} +.hero-unit p { + font-size: 18px; + font-weight: 200; + line-height: 27px; + color: inherit; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.hide { + display: none; +} +.show { + display: block; +} +.invisible { + visibility: hidden; +} diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap.min.css b/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap.min.css new file mode 100755 index 0000000..c951467 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/lib/css/bootstrap.min.css @@ -0,0 +1,689 @@ +article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} +audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} +audio:not([controls]){display:none;} +html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} +a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} +a:hover,a:active{outline:0;} +sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} +sup{top:-0.5em;} +sub{bottom:-0.25em;} +img{height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;} +button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;} +button,input{*overflow:visible;line-height:normal;} +button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} +button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;} +input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} +input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} +textarea{overflow:auto;vertical-align:top;} +.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";} +.clearfix:after{clear:both;} +.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap;} +.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} +body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;} +a{color:#0088cc;text-decoration:none;} +a:hover{color:#005580;text-decoration:underline;} +.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} +.row:after{clear:both;} +[class*="span"]{float:left;margin-left:20px;} +.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} +.span12{width:940px;} +.span11{width:860px;} +.span10{width:780px;} +.span9{width:700px;} +.span8{width:620px;} +.span7{width:540px;} +.span6{width:460px;} +.span5{width:380px;} +.span4{width:300px;} +.span3{width:220px;} +.span2{width:140px;} +.span1{width:60px;} +.offset12{margin-left:980px;} +.offset11{margin-left:900px;} +.offset10{margin-left:820px;} +.offset9{margin-left:740px;} +.offset8{margin-left:660px;} +.offset7{margin-left:580px;} +.offset6{margin-left:500px;} +.offset5{margin-left:420px;} +.offset4{margin-left:340px;} +.offset3{margin-left:260px;} +.offset2{margin-left:180px;} +.offset1{margin-left:100px;} +.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} +.row-fluid:after{clear:both;} +.row-fluid>[class*="span"]{float:left;margin-left:2.127659574%;} +.row-fluid>[class*="span"]:first-child{margin-left:0;} +.row-fluid > .span12{width:99.99999998999999%;} +.row-fluid > .span11{width:91.489361693%;} +.row-fluid > .span10{width:82.97872339599999%;} +.row-fluid > .span9{width:74.468085099%;} +.row-fluid > .span8{width:65.95744680199999%;} +.row-fluid > .span7{width:57.446808505%;} +.row-fluid > .span6{width:48.93617020799999%;} +.row-fluid > .span5{width:40.425531911%;} +.row-fluid > .span4{width:31.914893614%;} +.row-fluid > .span3{width:23.404255317%;} +.row-fluid > .span2{width:14.89361702%;} +.row-fluid > .span1{width:6.382978723%;} +.container{margin-left:auto;margin-right:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";} +.container:after{clear:both;} +.container-fluid{padding-left:20px;padding-right:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";} +.container-fluid:after{clear:both;} +p{margin:0 0 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;}p small{font-size:11px;color:#999999;} +.lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;} +h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;} +h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;} +h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;} +h3{line-height:27px;font-size:18px;}h3 small{font-size:14px;} +h4,h5,h6{line-height:18px;} +h4{font-size:14px;}h4 small{font-size:12px;} +h5{font-size:12px;} +h6{font-size:11px;color:#999999;text-transform:uppercase;} +.page-header{padding-bottom:17px;margin:18px 0;border-bottom:1px solid #eeeeee;} +.page-header h1{line-height:1;} +ul,ol{padding:0;margin:0 0 9px 25px;} +ul ul,ul ol,ol ol,ol ul{margin-bottom:0;} +ul{list-style:disc;} +ol{list-style:decimal;} +li{line-height:18px;} +ul.unstyled,ol.unstyled{margin-left:0;list-style:none;} +dl{margin-bottom:18px;} +dt,dd{line-height:18px;} +dt{font-weight:bold;line-height:17px;} +dd{margin-left:9px;} +.dl-horizontal dt{float:left;clear:left;width:120px;text-align:right;} +.dl-horizontal dd{margin-left:130px;} +hr{margin:18px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;} +strong{font-weight:bold;} +em{font-style:italic;} +.muted{color:#999999;} +abbr[title]{border-bottom:1px dotted #ddd;cursor:help;} +abbr.initialism{font-size:90%;text-transform:uppercase;} +blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:22.5px;} +blockquote small{display:block;line-height:18px;color:#999999;}blockquote small:before{content:'\2014 \00A0';} +blockquote.pull-right{float:right;padding-left:0;padding-right:15px;border-left:0;border-right:5px solid #eeeeee;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;} +q:before,q:after,blockquote:before,blockquote:after{content:"";} +address{display:block;margin-bottom:18px;line-height:18px;font-style:normal;} +small{font-size:100%;} +cite{font-style:normal;} +code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} +code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;} +pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12.025px;line-height:18px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;}pre.prettyprint{margin-bottom:18px;} +pre code{padding:0;color:inherit;background-color:transparent;border:0;} +.pre-scrollable{max-height:340px;overflow-y:scroll;} +form{margin:0 0 18px;} +fieldset{padding:0;margin:0;border:0;} +legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #eee;}legend small{font-size:13.5px;color:#999999;} +label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;} +input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;} +label{display:block;margin-bottom:5px;color:#333333;} +input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} +.uneditable-textarea{width:auto;height:auto;} +label input,label textarea,label select{display:block;} +input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9;} +input[type="image"]{border:0;} +input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;} +select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;} +input[type="file"]{line-height:18px \9;} +select{width:220px;background-color:#ffffff;} +select[multiple],select[size]{height:auto;} +input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +textarea{height:auto;} +input[type="hidden"]{display:none;} +.radio,.checkbox{padding-left:18px;} +.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;} +.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;} +.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;} +.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;} +input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-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;} +input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;} +input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} +.input-mini{width:60px;} +.input-small{width:90px;} +.input-medium{width:150px;} +.input-large{width:210px;} +.input-xlarge{width:270px;} +.input-xxlarge{width:530px;} +input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{float:none;margin-left:0;} +input,textarea,.uneditable-input{margin-left:0;} +input.span12, textarea.span12, .uneditable-input.span12{width:930px;} +input.span11, textarea.span11, .uneditable-input.span11{width:850px;} +input.span10, textarea.span10, .uneditable-input.span10{width:770px;} +input.span9, textarea.span9, .uneditable-input.span9{width:690px;} +input.span8, textarea.span8, .uneditable-input.span8{width:610px;} +input.span7, textarea.span7, .uneditable-input.span7{width:530px;} +input.span6, textarea.span6, .uneditable-input.span6{width:450px;} +input.span5, textarea.span5, .uneditable-input.span5{width:370px;} +input.span4, textarea.span4, .uneditable-input.span4{width:290px;} +input.span3, textarea.span3, .uneditable-input.span3{width:210px;} +input.span2, textarea.span2, .uneditable-input.span2{width:130px;} +input.span1, textarea.span1, .uneditable-input.span1{width:50px;} +input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#eeeeee;border-color:#ddd;cursor:not-allowed;} +.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;} +.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;} +.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;} +.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;} +.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;border-color:#b94a48;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;} +.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;} +.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;} +.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;} +.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;} +input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;} +.form-actions{padding:17px 20px 18px;margin-top:18px;margin-bottom:18px;background-color:#eeeeee;border-top:1px solid #ddd;*zoom:1;}.form-actions:before,.form-actions:after{display:table;content:"";} +.form-actions:after{clear:both;} +.uneditable-input{display:block;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;} +:-moz-placeholder{color:#999999;} +::-webkit-input-placeholder{color:#999999;} +.help-block,.help-inline{color:#555555;} +.help-block{display:block;margin-bottom:9px;} +.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;} +.input-prepend,.input-append{margin-bottom:5px;}.input-prepend input,.input-append input,.input-prepend select,.input-append select,.input-prepend .uneditable-input,.input-append .uneditable-input{*margin-left:0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend select:focus,.input-append select:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{position:relative;z-index:2;} +.input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;} +.input-prepend .add-on,.input-append .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;} +.input-prepend .add-on,.input-append .add-on,.input-prepend .btn,.input-append .btn{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} +.input-prepend .active,.input-append .active{background-color:#a9dba9;border-color:#46a546;} +.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;} +.input-append input,.input-append select .uneditable-input{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} +.input-append .uneditable-input{border-left-color:#eee;border-right-color:#ccc;} +.input-append .add-on,.input-append .btn{margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} +.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} +.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} +.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} +.search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;} +.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;margin-bottom:0;} +.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;} +.form-search label,.form-inline label{display:inline-block;} +.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0;} +.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;} +.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px;} +.control-group{margin-bottom:9px;} +legend+.control-group{margin-top:18px;-webkit-margin-top-collapse:separate;} +.form-horizontal .control-group{margin-bottom:18px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";} +.form-horizontal .control-group:after{clear:both;} +.form-horizontal .control-label{float:left;width:140px;padding-top:5px;text-align:right;} +.form-horizontal .controls{margin-left:160px;*display:inline-block;*margin-left:0;*padding-left:20px;} +.form-horizontal .help-block{margin-top:9px;margin-bottom:0;} +.form-horizontal .form-actions{padding-left:160px;} +table{max-width:100%;border-collapse:collapse;border-spacing:0;background-color:transparent;} +.table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;} +.table th{font-weight:bold;} +.table thead th{vertical-align:bottom;} +.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;} +.table tbody+tbody{border-top:2px solid #dddddd;} +.table-condensed th,.table-condensed td{padding:4px 5px;} +.table-bordered{border:1px solid #dddddd;border-left:0;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;} +.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;} +.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;} +.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;} +.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;} +.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;} +.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;} +.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;} +table .span1{float:none;width:44px;margin-left:0;} +table .span2{float:none;width:124px;margin-left:0;} +table .span3{float:none;width:204px;margin-left:0;} +table .span4{float:none;width:284px;margin-left:0;} +table .span5{float:none;width:364px;margin-left:0;} +table .span6{float:none;width:444px;margin-left:0;} +table .span7{float:none;width:524px;margin-left:0;} +table .span8{float:none;width:604px;margin-left:0;} +table .span9{float:none;width:684px;margin-left:0;} +table .span10{float:none;width:764px;margin-left:0;} +table .span11{float:none;width:844px;margin-left:0;} +table .span12{float:none;width:924px;margin-left:0;} +table .span13{float:none;width:1004px;margin-left:0;} +table .span14{float:none;width:1084px;margin-left:0;} +table .span15{float:none;width:1164px;margin-left:0;} +table .span16{float:none;width:1244px;margin-left:0;} +table .span17{float:none;width:1324px;margin-left:0;} +table .span18{float:none;width:1404px;margin-left:0;} +table .span19{float:none;width:1484px;margin-left:0;} +table .span20{float:none;width:1564px;margin-left:0;} +table .span21{float:none;width:1644px;margin-left:0;} +table .span22{float:none;width:1724px;margin-left:0;} +table .span23{float:none;width:1804px;margin-left:0;} +table .span24{float:none;width:1884px;margin-left:0;} +[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em;}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;} +.icon-white{background-image:url("../img/glyphicons-halflings-white.png");} +.icon-glass{background-position:0 0;} +.icon-music{background-position:-24px 0;} +.icon-search{background-position:-48px 0;} +.icon-envelope{background-position:-72px 0;} +.icon-heart{background-position:-96px 0;} +.icon-star{background-position:-120px 0;} +.icon-star-empty{background-position:-144px 0;} +.icon-user{background-position:-168px 0;} +.icon-film{background-position:-192px 0;} +.icon-th-large{background-position:-216px 0;} +.icon-th{background-position:-240px 0;} +.icon-th-list{background-position:-264px 0;} +.icon-ok{background-position:-288px 0;} +.icon-remove{background-position:-312px 0;} +.icon-zoom-in{background-position:-336px 0;} +.icon-zoom-out{background-position:-360px 0;} +.icon-off{background-position:-384px 0;} +.icon-signal{background-position:-408px 0;} +.icon-cog{background-position:-432px 0;} +.icon-trash{background-position:-456px 0;} +.icon-home{background-position:0 -24px;} +.icon-file{background-position:-24px -24px;} +.icon-time{background-position:-48px -24px;} +.icon-road{background-position:-72px -24px;} +.icon-download-alt{background-position:-96px -24px;} +.icon-download{background-position:-120px -24px;} +.icon-upload{background-position:-144px -24px;} +.icon-inbox{background-position:-168px -24px;} +.icon-play-circle{background-position:-192px -24px;} +.icon-repeat{background-position:-216px -24px;} +.icon-refresh{background-position:-240px -24px;} +.icon-list-alt{background-position:-264px -24px;} +.icon-lock{background-position:-287px -24px;} +.icon-flag{background-position:-312px -24px;} +.icon-headphones{background-position:-336px -24px;} +.icon-volume-off{background-position:-360px -24px;} +.icon-volume-down{background-position:-384px -24px;} +.icon-volume-up{background-position:-408px -24px;} +.icon-qrcode{background-position:-432px -24px;} +.icon-barcode{background-position:-456px -24px;} +.icon-tag{background-position:0 -48px;} +.icon-tags{background-position:-25px -48px;} +.icon-book{background-position:-48px -48px;} +.icon-bookmark{background-position:-72px -48px;} +.icon-print{background-position:-96px -48px;} +.icon-camera{background-position:-120px -48px;} +.icon-font{background-position:-144px -48px;} +.icon-bold{background-position:-167px -48px;} +.icon-italic{background-position:-192px -48px;} +.icon-text-height{background-position:-216px -48px;} +.icon-text-width{background-position:-240px -48px;} +.icon-align-left{background-position:-264px -48px;} +.icon-align-center{background-position:-288px -48px;} +.icon-align-right{background-position:-312px -48px;} +.icon-align-justify{background-position:-336px -48px;} +.icon-list{background-position:-360px -48px;} +.icon-indent-left{background-position:-384px -48px;} +.icon-indent-right{background-position:-408px -48px;} +.icon-facetime-video{background-position:-432px -48px;} +.icon-picture{background-position:-456px -48px;} +.icon-pencil{background-position:0 -72px;} +.icon-map-marker{background-position:-24px -72px;} +.icon-adjust{background-position:-48px -72px;} +.icon-tint{background-position:-72px -72px;} +.icon-edit{background-position:-96px -72px;} +.icon-share{background-position:-120px -72px;} +.icon-check{background-position:-144px -72px;} +.icon-move{background-position:-168px -72px;} +.icon-step-backward{background-position:-192px -72px;} +.icon-fast-backward{background-position:-216px -72px;} +.icon-backward{background-position:-240px -72px;} +.icon-play{background-position:-264px -72px;} +.icon-pause{background-position:-288px -72px;} +.icon-stop{background-position:-312px -72px;} +.icon-forward{background-position:-336px -72px;} +.icon-fast-forward{background-position:-360px -72px;} +.icon-step-forward{background-position:-384px -72px;} +.icon-eject{background-position:-408px -72px;} +.icon-chevron-left{background-position:-432px -72px;} +.icon-chevron-right{background-position:-456px -72px;} +.icon-plus-sign{background-position:0 -96px;} +.icon-minus-sign{background-position:-24px -96px;} +.icon-remove-sign{background-position:-48px -96px;} +.icon-ok-sign{background-position:-72px -96px;} +.icon-question-sign{background-position:-96px -96px;} +.icon-info-sign{background-position:-120px -96px;} +.icon-screenshot{background-position:-144px -96px;} +.icon-remove-circle{background-position:-168px -96px;} +.icon-ok-circle{background-position:-192px -96px;} +.icon-ban-circle{background-position:-216px -96px;} +.icon-arrow-left{background-position:-240px -96px;} +.icon-arrow-right{background-position:-264px -96px;} +.icon-arrow-up{background-position:-289px -96px;} +.icon-arrow-down{background-position:-312px -96px;} +.icon-share-alt{background-position:-336px -96px;} +.icon-resize-full{background-position:-360px -96px;} +.icon-resize-small{background-position:-384px -96px;} +.icon-plus{background-position:-408px -96px;} +.icon-minus{background-position:-433px -96px;} +.icon-asterisk{background-position:-456px -96px;} +.icon-exclamation-sign{background-position:0 -120px;} +.icon-gift{background-position:-24px -120px;} +.icon-leaf{background-position:-48px -120px;} +.icon-fire{background-position:-72px -120px;} +.icon-eye-open{background-position:-96px -120px;} +.icon-eye-close{background-position:-120px -120px;} +.icon-warning-sign{background-position:-144px -120px;} +.icon-plane{background-position:-168px -120px;} +.icon-calendar{background-position:-192px -120px;} +.icon-random{background-position:-216px -120px;} +.icon-comment{background-position:-240px -120px;} +.icon-magnet{background-position:-264px -120px;} +.icon-chevron-up{background-position:-288px -120px;} +.icon-chevron-down{background-position:-313px -119px;} +.icon-retweet{background-position:-336px -120px;} +.icon-shopping-cart{background-position:-360px -120px;} +.icon-folder-close{background-position:-384px -120px;} +.icon-folder-open{background-position:-408px -120px;} +.icon-resize-vertical{background-position:-432px -119px;} +.icon-resize-horizontal{background-position:-456px -118px;} +.dropdown{position:relative;} +.dropdown-toggle{*margin-bottom:-3px;} +.dropdown-toggle:active,.open .dropdown-toggle{outline:0;} +.caret{display:inline-block;width:0;height:0;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000000;opacity:0.3;filter:alpha(opacity=30);content:"";} +.dropdown .caret{margin-top:8px;margin-left:2px;} +.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100);} +.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 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;}.dropdown-menu.pull-right{right:0;left:auto;} +.dropdown-menu .divider{height:1px;margin:8px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;} +.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#333333;white-space:nowrap;} +.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#0088cc;} +.dropdown.open{*z-index:1000;}.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);} +.dropdown.open .dropdown-menu{display:block;} +.pull-right .dropdown-menu{left:auto;right:0;} +.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"\2191";} +.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;} +.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} +.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);} +.well-large{padding:24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} +.well-small{padding:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} +.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;} +.collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;} +.close{float:right;font-size:20px;font-weight:bold;line-height:18px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer;} +.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;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);border:1px solid #cccccc;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;} +.btn:active,.btn.active{background-color:#cccccc \9;} +.btn:first-child{*margin-left:0;} +.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} +.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} +.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;outline:0;} +.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} +.btn-large [class^="icon-"]{margin-top:1px;} +.btn-small{padding:5px 9px;font-size:11px;line-height:16px;} +.btn-small [class^="icon-"]{margin-top:-1px;} +.btn-mini{padding:2px 6px;font-size:11px;line-height:14px;} +.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;} +.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);} +.btn-primary{background-color:#0074cc;background-image:-moz-linear-gradient(top, #0088cc, #0055cc);background-image:-ms-linear-gradient(top, #0088cc, #0055cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));background-image:-webkit-linear-gradient(top, #0088cc, #0055cc);background-image:-o-linear-gradient(top, #0088cc, #0055cc);background-image:linear-gradient(top, #0088cc, #0055cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);border-color:#0055cc #0055cc #003580;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);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#0055cc;} +.btn-primary:active,.btn-primary.active{background-color:#004099 \9;} +.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;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);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f89406;} +.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;} +.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;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);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;} +.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;} +.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;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);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;} +.btn-success:active,.btn-success.active{background-color:#408140 \9;} +.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;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);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;} +.btn-info:active,.btn-info.active{background-color:#24748c \9;} +.btn-inverse{background-color:#414141;background-image:-moz-linear-gradient(top, #555555, #222222);background-image:-ms-linear-gradient(top, #555555, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));background-image:-webkit-linear-gradient(top, #555555, #222222);background-image:-o-linear-gradient(top, #555555, #222222);background-image:linear-gradient(top, #555555, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;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);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#222222;} +.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;} +button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;} +button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;} +button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;} +button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px;} +.btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";} +.btn-group:after{clear:both;} +.btn-group:first-child{*margin-left:0;} +.btn-group+.btn-group{margin-left:5px;} +.btn-toolbar{margin-top:9px;margin-bottom:9px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;} +.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} +.btn-group .btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;} +.btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;} +.btn-group .btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;} +.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;} +.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn:active,.btn-group .btn.active{z-index:2;} +.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;} +.btn-group .dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);*padding-top:3px;*padding-bottom:3px;} +.btn-group .btn-mini.dropdown-toggle{padding-left:5px;padding-right:5px;*padding-top:1px;*padding-bottom:1px;} +.btn-group .btn-small.dropdown-toggle{*padding-top:4px;*padding-bottom:4px;} +.btn-group .btn-large.dropdown-toggle{padding-left:12px;padding-right:12px;} +.btn-group.open{*z-index:1000;}.btn-group.open .dropdown-menu{display:block;margin-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} +.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);} +.btn .caret{margin-top:7px;margin-left:0;} +.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);} +.btn-mini .caret{margin-top:5px;} +.btn-small .caret{margin-top:6px;} +.btn-large .caret{margin-top:6px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} +.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);} +.alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;} +.alert-heading{color:inherit;} +.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;} +.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;} +.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;} +.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;} +.alert-block{padding-top:14px;padding-bottom:14px;} +.alert-block>p,.alert-block>ul{margin-bottom:0;} +.alert-block p+p{margin-top:5px;} +.nav{margin-left:0;margin-bottom:18px;list-style:none;} +.nav>li>a{display:block;} +.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;} +.nav .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:18px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;} +.nav li+.nav-header{margin-top:9px;} +.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;} +.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);} +.nav-list>li>a{padding:3px 15px;} +.nav-list>.active>a,.nav-list>.active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#0088cc;} +.nav-list [class^="icon-"]{margin-right:2px;} +.nav-list .divider{height:1px;margin:8px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;} +.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";} +.nav-tabs:after,.nav-pills:after{clear:both;} +.nav-tabs>li,.nav-pills>li{float:left;} +.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;} +.nav-tabs{border-bottom:1px solid #ddd;} +.nav-tabs>li{margin-bottom:-1px;} +.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;} +.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;} +.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} +.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#ffffff;background-color:#0088cc;} +.nav-stacked>li{float:none;} +.nav-stacked>li>a{margin-right:0;} +.nav-tabs.nav-stacked{border-bottom:0;} +.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} +.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} +.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;} +.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;} +.nav-pills.nav-stacked>li>a{margin-bottom:3px;} +.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;} +.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{margin-top:1px;border-width:1px;} +.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} +.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#0088cc;border-bottom-color:#0088cc;margin-top:6px;} +.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#005580;border-bottom-color:#005580;} +.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;border-bottom-color:#333333;} +.nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;} +.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;} +.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);} +.tabs-stacked .open>a:hover{border-color:#999999;} +.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";} +.tabbable:after{clear:both;} +.tab-content{display:table;width:100%;} +.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs{border-bottom:0;} +.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;} +.tab-content>.active,.pill-content>.active{display:block;} +.tabs-below .nav-tabs{border-top:1px solid #ddd;} +.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0;} +.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;} +.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd;} +.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{float:none;} +.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;} +.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;} +.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;} +.tabs-left .nav-tabs>li>a:hover{border-color:#eeeeee #dddddd #eeeeee #eeeeee;} +.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;} +.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;} +.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} +.tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;} +.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;} +.navbar{*position:relative;*z-index:2;overflow:visible;margin-bottom:18px;} +.navbar-inner{padding-left:20px;padding-right:20px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);} +.navbar .container{width:auto;} +.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;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-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#222222;} +.btn-navbar:active,.btn-navbar.active{background-color:#080808 \9;} +.btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);} +.btn-navbar .icon-bar+.icon-bar{margin-top:3px;} +.nav-collapse.collapse{height:auto;} +.navbar{color:#999999;}.navbar .brand:hover{text-decoration:none;} +.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;} +.navbar .navbar-text{margin-bottom:0;line-height:40px;} +.navbar .btn,.navbar .btn-group{margin-top:5px;} +.navbar .btn-group .btn{margin-top:0;} +.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";} +.navbar-form:after{clear:both;} +.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;} +.navbar-form input,.navbar-form select{display:inline-block;margin-bottom:0;} +.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;} +.navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;} +.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;background-color:#626262;border:1px solid #151515;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#cccccc;} +.navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;} +.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;} +.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;} +.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} +.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} +.navbar-fixed-top{top:0;} +.navbar-fixed-bottom{bottom:0;} +.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;} +.navbar .nav.pull-right{float:right;} +.navbar .nav>li{display:block;float:left;} +.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} +.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;} +.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#222222;} +.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#222222;border-right:1px solid #333333;} +.navbar .nav.pull-right{margin-left:10px;margin-right:0;} +.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu: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:9px;} +.navbar .dropdown-menu: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:10px;} +.navbar-fixed-bottom .dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;} +.navbar-fixed-bottom .dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;} +.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;} +.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100);} +.navbar .nav .open>.dropdown-toggle,.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle{background-color:transparent;} +.navbar .nav .active>.dropdown-toggle:hover{color:#ffffff;} +.navbar .nav.pull-right .dropdown-menu,.navbar .nav .dropdown-menu.pull-right{left:auto;right:0;}.navbar .nav.pull-right .dropdown-menu:before,.navbar .nav .dropdown-menu.pull-right:before{left:auto;right:12px;} +.navbar .nav.pull-right .dropdown-menu:after,.navbar .nav .dropdown-menu.pull-right:after{left:auto;right:13px;} +.breadcrumb{padding:7px 14px;margin:0 0 18px;list-style:none;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;} +.breadcrumb .divider{padding:0 5px;color:#999999;} +.breadcrumb .active a{color:#333333;} +.pagination{height:36px;margin:18px 0;} +.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);} +.pagination li{display:inline;} +.pagination a{float:left;padding:0 14px;line-height:34px;text-decoration:none;border:1px solid #ddd;border-left-width:0;} +.pagination a:hover,.pagination .active a{background-color:#f5f5f5;} +.pagination .active a{color:#999999;cursor:default;} +.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;} +.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} +.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} +.pagination-centered{text-align:center;} +.pagination-right{text-align:right;} +.pager{margin-left:0;margin-bottom:18px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";} +.pager:after{clear:both;} +.pager li{display:inline;} +.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} +.pager a:hover{text-decoration:none;background-color:#f5f5f5;} +.pager .next a{float:right;} +.pager .previous a{float:left;} +.pager .disabled a,.pager .disabled a:hover{color:#999999;background-color:#fff;cursor:default;} +.modal-open .dropdown-menu{z-index:2050;} +.modal-open .dropdown.open{*z-index:2050;} +.modal-open .popover{z-index:2060;} +.modal-open .tooltip{z-index:2070;} +.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;} +.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);} +.modal{position:fixed;top:50%;left:50%;z-index:1050;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;} +.modal.fade.in{top:50%;} +.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;} +.modal-body{overflow-y:auto;max-height:400px;padding:15px;} +.modal-form{margin-bottom:0;} +.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";} +.modal-footer:after{clear:both;} +.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;} +.modal-footer .btn-group .btn+.btn{margin-left:-1px;} +.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);} +.tooltip.top{margin-top:-2px;} +.tooltip.right{margin-left:2px;} +.tooltip.bottom{margin-top:2px;} +.tooltip.left{margin-left:-2px;} +.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} +.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;} +.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;} +.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} +.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} +.tooltip-arrow{position:absolute;width:0;height:0;} +.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;} +.popover.right{margin-left:5px;} +.popover.bottom{margin-top:5px;} +.popover.left{margin-left:-5px;} +.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} +.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} +.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;} +.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;} +.popover .arrow{position:absolute;width:0;height:0;} +.popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);} +.popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;} +.popover-content{padding:14px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;} +.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";} +.thumbnails:after{clear:both;} +.thumbnails>li{float:left;margin:0 0 18px 20px;} +.thumbnail{display:block;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);} +a.thumbnail:hover{border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);} +.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;} +.thumbnail .caption{padding:9px;} +.label{padding:1px 4px 2px;font-size:10.998px;font-weight:bold;line-height:13px;color:#ffffff;vertical-align:middle;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} +.label:hover{color:#ffffff;text-decoration:none;} +.label-important{background-color:#b94a48;} +.label-important:hover{background-color:#953b39;} +.label-warning{background-color:#f89406;} +.label-warning:hover{background-color:#c67605;} +.label-success{background-color:#468847;} +.label-success:hover{background-color:#356635;} +.label-info{background-color:#3a87ad;} +.label-info:hover{background-color:#2d6987;} +.label-inverse{background-color:#333333;} +.label-inverse:hover{background-color:#1a1a1a;} +.badge{padding:1px 9px 2px;font-size:12.025px;font-weight:bold;white-space:nowrap;color:#ffffff;background-color:#999999;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;} +.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} +.badge-error{background-color:#b94a48;} +.badge-error:hover{background-color:#953b39;} +.badge-warning{background-color:#f89406;} +.badge-warning:hover{background-color:#c67605;} +.badge-success{background-color:#468847;} +.badge-success:hover{background-color:#356635;} +.badge-info{background-color:#3a87ad;} +.badge-info:hover{background-color:#2d6987;} +.badge-inverse{background-color:#333333;} +.badge-inverse:hover{background-color:#1a1a1a;} +@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} +.progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;} +.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;} +.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;} +.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);} +.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} +.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);} +.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} +.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);} +.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} +.progress-warning .bar{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);} +.progress-warning.progress-striped .bar{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} +.accordion{margin-bottom:18px;} +.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} +.accordion-heading{border-bottom:0;} +.accordion-heading .accordion-toggle{display:block;padding:8px 15px;} +.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;} +.carousel{position:relative;margin-bottom:18px;line-height:1;} +.carousel-inner{overflow:hidden;width:100%;position:relative;} +.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;} +.carousel .item>img{display:block;line-height:1;} +.carousel .active,.carousel .next,.carousel .prev{display:block;} +.carousel .active{left:0;} +.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;} +.carousel .next{left:100%;} +.carousel .prev{left:-100%;} +.carousel .next.left,.carousel .prev.right{left:0;} +.carousel .active.left{left:-100%;} +.carousel .active.right{left:100%;} +.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;} +.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);} +.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);} +.carousel-caption h4,.carousel-caption p{color:#ffffff;} +.hero-unit{padding:60px;margin-bottom:30px;background-color:#eeeeee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px;} +.hero-unit p{font-size:18px;font-weight:200;line-height:27px;color:inherit;} +.pull-right{float:right;} +.pull-left{float:left;} +.hide{display:none;} +.show{display:block;} +.invisible{visibility:hidden;} diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/css/prettify.css b/public/assets/plugins/bootstrap-wysihtml5/lib/css/prettify.css new file mode 100755 index 0000000..aedd8d1 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/lib/css/prettify.css @@ -0,0 +1,30 @@ +.com { color: #93a1a1; } +.lit { color: #195f91; } +.pun, .opn, .clo { color: #93a1a1; } +.fun { color: #dc322f; } +.str, .atv { color: #D14; } +.kwd, .linenums .tag { color: #1e347b; } +.typ, .atn, .dec, .var { color: teal; } +.pln { color: #48484c; } + +.prettyprint { + padding: 8px; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} +.prettyprint.linenums { + -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; +} + +/* Specify class=linenums on a pre to get line numbering */ +ol.linenums { + margin: 0 0 0 33px; /* IE indents via margin-left */ +} +ol.linenums li { + padding-left: 12px; + color: #bebec5; + line-height: 18px; + text-shadow: 0 1px 0 #fff; +} \ No newline at end of file diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/css/wysiwyg-color.css b/public/assets/plugins/bootstrap-wysihtml5/lib/css/wysiwyg-color.css new file mode 100755 index 0000000..86e7895 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/lib/css/wysiwyg-color.css @@ -0,0 +1,67 @@ +.wysiwyg-color-black { + color: black; +} + +.wysiwyg-color-silver { + color: silver; +} + +.wysiwyg-color-gray { + color: gray; +} + +.wysiwyg-color-white { + color: white; +} + +.wysiwyg-color-maroon { + color: maroon; +} + +.wysiwyg-color-red { + color: red; +} + +.wysiwyg-color-purple { + color: purple; +} + +.wysiwyg-color-fuchsia { + color: fuchsia; +} + +.wysiwyg-color-green { + color: green; +} + +.wysiwyg-color-lime { + color: lime; +} + +.wysiwyg-color-olive { + color: olive; +} + +.wysiwyg-color-yellow { + color: yellow; +} + +.wysiwyg-color-navy { + color: navy; +} + +.wysiwyg-color-blue { + color: blue; +} + +.wysiwyg-color-teal { + color: teal; +} + +.wysiwyg-color-aqua { + color: aqua; +} + +.wysiwyg-color-orange { + color: orange; +} \ No newline at end of file diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/img/glyphicons-halflings-white.png b/public/assets/plugins/bootstrap-wysihtml5/lib/img/glyphicons-halflings-white.png new file mode 100755 index 0000000..a20760b Binary files /dev/null and b/public/assets/plugins/bootstrap-wysihtml5/lib/img/glyphicons-halflings-white.png differ diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/img/glyphicons-halflings.png b/public/assets/plugins/bootstrap-wysihtml5/lib/img/glyphicons-halflings.png new file mode 100755 index 0000000..92d4445 Binary files /dev/null and b/public/assets/plugins/bootstrap-wysihtml5/lib/img/glyphicons-halflings.png differ diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/js/bootstrap-button.js b/public/assets/plugins/bootstrap-wysihtml5/lib/js/bootstrap-button.js new file mode 100755 index 0000000..6b36753 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/lib/js/bootstrap-button.js @@ -0,0 +1,100 @@ +/* ============================================================ + * bootstrap-button.js v2.0.2 + * http://twitter.github.com/bootstrap/javascript.html#buttons + * ============================================================ + * Copyright 2012 Twitter, Inc. + * + * 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( $ ){ + + "use strict" + + /* BUTTON PUBLIC CLASS DEFINITION + * ============================== */ + + var Button = function ( element, options ) { + this.$element = $(element) + this.options = $.extend({}, $.fn.button.defaults, options) + } + + Button.prototype = { + + constructor: Button + + , setState: function ( state ) { + var d = 'disabled' + , $el = this.$element + , data = $el.data() + , val = $el.is('input') ? 'val' : 'html' + + state = state + 'Text' + data.resetText || $el.data('resetText', $el[val]()) + + $el[val](data[state] || this.options[state]) + + // push to event loop to allow forms to submit + setTimeout(function () { + state == 'loadingText' ? + $el.addClass(d).attr(d, d) : + $el.removeClass(d).removeAttr(d) + }, 0) + } + + , toggle: function () { + var $parent = this.$element.parent('[data-toggle="buttons-radio"]') + + $parent && $parent + .find('.active') + .removeClass('active') + + this.$element.toggleClass('active') + } + + } + + + /* BUTTON PLUGIN DEFINITION + * ======================== */ + + $.fn.button = function ( option ) { + return this.each(function () { + var $this = $(this) + , data = $this.data('button') + , options = typeof option == 'object' && option + if (!data) $this.data('button', (data = new Button(this, options))) + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + $.fn.button.defaults = { + loadingText: 'loading...' + } + + $.fn.button.Constructor = Button + + + /* BUTTON DATA-API + * =============== */ + + $(function () { + $('body').on('click.button.data-api', '[data-toggle^=button]', function ( e ) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + $btn.button('toggle') + }) + }) + +}( window.jQuery ); \ No newline at end of file diff --git a/public/assets/plugins/bootstrap-wysihtml5/lib/js/bootstrap.js b/public/assets/plugins/bootstrap-wysihtml5/lib/js/bootstrap.js new file mode 100755 index 0000000..db9fb81 --- /dev/null +++ b/public/assets/plugins/bootstrap-wysihtml5/lib/js/bootstrap.js @@ -0,0 +1,2025 @@ +/* ========================================================== + * bootstrap-affix.js v2.2.1 + * http://twitter.github.com/bootstrap/javascript.html#affix + * ========================================================== + * Copyright 2012 Twitter, Inc. + * + * 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 ($) { + + "use strict"; // jshint ;_; + + + /* AFFIX CLASS DEFINITION + * ====================== */ + + var Affix = function (element, options) { + this.options = $.extend({}, $.fn.affix.defaults, options) + this.$window = $(window) + .on('scroll.affix.data-api', $.proxy(this.checkPosition, this)) + .on('click.affix.data-api', $.proxy(function () { setTimeout($.proxy(this.checkPosition, this), 1) }, this)) + this.$element = $(element) + this.checkPosition() + } + + Affix.prototype.checkPosition = function () { + if (!this.$element.is(':visible')) return + + var scrollHeight = $(document).height() + , scrollTop = this.$window.scrollTop() + , position = this.$element.offset() + , offset = this.options.offset + , offsetBottom = offset.bottom + , offsetTop = offset.top + , reset = 'affix affix-top affix-bottom' + , affix + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top() + if (typeof offsetBottom == 'function') offsetBottom = offset.bottom() + + affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? + false : offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? + 'bottom' : offsetTop != null && scrollTop <= offsetTop ? + 'top' : false + + if (this.affixed === affix) return + + this.affixed = affix + this.unpin = affix == 'bottom' ? position.top - scrollTop : null + + this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : '')) + } + + + /* AFFIX PLUGIN DEFINITION + * ======================= */ + + $.fn.affix = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('affix') + , options = typeof option == 'object' && option + if (!data) $this.data('affix', (data = new Affix(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.affix.Constructor = Affix + + $.fn.affix.defaults = { + offset: 0 + } + + + /* AFFIX DATA-API + * ============== */ + + $(window).on('load', function () { + $('[data-spy="affix"]').each(function () { + var $spy = $(this) + , data = $spy.data() + + data.offset = data.offset || {} + + data.offsetBottom && (data.offset.bottom = data.offsetBottom) + data.offsetTop && (data.offset.top = data.offsetTop) + + $spy.affix(data) + }) + }) + + +}(window.jQuery);/* ========================================================== + * bootstrap-alert.js v2.2.1 + * http://twitter.github.com/bootstrap/javascript.html#alerts + * ========================================================== + * Copyright 2012 Twitter, Inc. + * + * 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 ($) { + + "use strict"; // jshint ;_; + + + /* ALERT CLASS DEFINITION + * ====================== */ + + var dismiss = '[data-dismiss="alert"]' + , Alert = function (el) { + $(el).on('click', dismiss, this.close) + } + + Alert.prototype.close = function (e) { + var $this = $(this) + , selector = $this.attr('data-target') + , $parent + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + $parent = $(selector) + + e && e.preventDefault() + + $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent()) + + $parent.trigger(e = $.Event('close')) + + if (e.isDefaultPrevented()) return + + $parent.removeClass('in') + + function removeElement() { + $parent + .trigger('closed') + .remove() + } + + $.support.transition && $parent.hasClass('fade') ? + $parent.on($.support.transition.end, removeElement) : + removeElement() + } + + + /* ALERT PLUGIN DEFINITION + * ======================= */ + + $.fn.alert = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('alert') + if (!data) $this.data('alert', (data = new Alert(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.alert.Constructor = Alert + + + /* ALERT DATA-API + * ============== */ + + $(document).on('click.alert.data-api', dismiss, Alert.prototype.close) + +}(window.jQuery);/* ============================================================ + * bootstrap-button.js v2.2.1 + * http://twitter.github.com/bootstrap/javascript.html#buttons + * ============================================================ + * Copyright 2012 Twitter, Inc. + * + * 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 ($) { + + "use strict"; // jshint ;_; + + + /* BUTTON PUBLIC CLASS DEFINITION + * ============================== */ + + var Button = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, $.fn.button.defaults, options) + } + + Button.prototype.setState = function (state) { + var d = 'disabled' + , $el = this.$element + , data = $el.data() + , val = $el.is('input') ? 'val' : 'html' + + state = state + 'Text' + data.resetText || $el.data('resetText', $el[val]()) + + $el[val](data[state] || this.options[state]) + + // push to event loop to allow forms to submit + setTimeout(function () { + state == 'loadingText' ? + $el.addClass(d).attr(d, d) : + $el.removeClass(d).removeAttr(d) + }, 0) + } + + Button.prototype.toggle = function () { + var $parent = this.$element.closest('[data-toggle="buttons-radio"]') + + $parent && $parent + .find('.active') + .removeClass('active') + + this.$element.toggleClass('active') + } + + + /* BUTTON PLUGIN DEFINITION + * ======================== */ + + $.fn.button = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('button') + , options = typeof option == 'object' && option + if (!data) $this.data('button', (data = new Button(this, options))) + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + $.fn.button.defaults = { + loadingText: 'loading...' + } + + $.fn.button.Constructor = Button + + + /* BUTTON DATA-API + * =============== */ + + $(document).on('click.button.data-api', '[data-toggle^=button]', function (e) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + $btn.button('toggle') + }) + +}(window.jQuery);/* ========================================================== + * bootstrap-carousel.js v2.2.1 + * http://twitter.github.com/bootstrap/javascript.html#carousel + * ========================================================== + * Copyright 2012 Twitter, Inc. + * + * 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 ($) { + + "use strict"; // jshint ;_; + + + /* CAROUSEL CLASS DEFINITION + * ========================= */ + + var Carousel = function (element, options) { + this.$element = $(element) + this.options = options + this.options.slide && this.slide(this.options.slide) + this.options.pause == 'hover' && this.$element + .on('mouseenter', $.proxy(this.pause, this)) + .on('mouseleave', $.proxy(this.cycle, this)) + } + + Carousel.prototype = { + + cycle: function (e) { + if (!e) this.paused = false + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + return this + } + + , to: function (pos) { + var $active = this.$element.find('.item.active') + , children = $active.parent().children() + , activePos = children.index($active) + , that = this + + if (pos > (children.length - 1) || pos < 0) return + + if (this.sliding) { + return this.$element.one('slid', function () { + that.to(pos) + }) + } + + if (activePos == pos) { + return this.pause().cycle() + } + + return this.slide(pos > activePos ? 'next' : 'prev', $(children[pos])) + } + + , pause: function (e) { + if (!e) this.paused = true + if (this.$element.find('.next, .prev').length && $.support.transition.end) { + this.$element.trigger($.support.transition.end) + this.cycle() + } + clearInterval(this.interval) + this.interval = null + return this + } + + , next: function () { + if (this.sliding) return + return this.slide('next') + } + + , prev: function () { + if (this.sliding) return + return this.slide('prev') + } + + , slide: function (type, next) { + var $active = this.$element.find('.item.active') + , $next = next || $active[type]() + , isCycling = this.interval + , direction = type == 'next' ? 'left' : 'right' + , fallback = type == 'next' ? 'first' : 'last' + , that = this + , e + + this.sliding = true + + isCycling && this.pause() + + $next = $next.length ? $next : this.$element.find('.item')[fallback]() + + e = $.Event('slide', { + relatedTarget: $next[0] + }) + + if ($next.hasClass('active')) return + + if ($.support.transition && this.$element.hasClass('slide')) { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + this.$element.one($.support.transition.end, function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { that.$element.trigger('slid') }, 0) + }) + } else { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger('slid') + } + + isCycling && this.cycle() + + return this + } + + } + + + /* CAROUSEL PLUGIN DEFINITION + * ========================== */ + + $.fn.carousel = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('carousel') + , options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option) + , action = typeof option == 'string' ? option : options.slide + if (!data) $this.data('carousel', (data = new Carousel(this, options))) + if (typeof option == 'number') data.to(option) + else if (action) data[action]() + else if (options.interval) data.cycle() + }) + } + + $.fn.carousel.defaults = { + interval: 5000 + , pause: 'hover' + } + + $.fn.carousel.Constructor = Carousel + + + /* CAROUSEL DATA-API + * ================= */ + + $(document).on('click.carousel.data-api', '[data-slide]', function (e) { + var $this = $(this), href + , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + , options = $.extend({}, $target.data(), $this.data()) + $target.carousel(options) + e.preventDefault() + }) + +}(window.jQuery);/* ============================================================= + * bootstrap-collapse.js v2.2.1 + * http://twitter.github.com/bootstrap/javascript.html#collapse + * ============================================================= + * Copyright 2012 Twitter, Inc. + * + * 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 ($) { + + "use strict"; // jshint ;_; + + + /* COLLAPSE PUBLIC CLASS DEFINITION + * ================================ */ + + var Collapse = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, $.fn.collapse.defaults, options) + + if (this.options.parent) { + this.$parent = $(this.options.parent) + } + + this.options.toggle && this.toggle() + } + + Collapse.prototype = { + + constructor: Collapse + + , dimension: function () { + var hasWidth = this.$element.hasClass('width') + return hasWidth ? 'width' : 'height' + } + + , show: function () { + var dimension + , scroll + , actives + , hasData + + if (this.transitioning) return + + dimension = this.dimension() + scroll = $.camelCase(['scroll', dimension].join('-')) + actives = this.$parent && this.$parent.find('> .accordion-group > .in') + + if (actives && actives.length) { + hasData = actives.data('collapse') + if (hasData && hasData.transitioning) return + actives.collapse('hide') + hasData || actives.data('collapse', null) + } + + this.$element[dimension](0) + this.transition('addClass', $.Event('show'), 'shown') + $.support.transition && this.$element[dimension](this.$element[0][scroll]) + } + + , hide: function () { + var dimension + if (this.transitioning) return + dimension = this.dimension() + this.reset(this.$element[dimension]()) + this.transition('removeClass', $.Event('hide'), 'hidden') + this.$element[dimension](0) + } + + , reset: function (size) { + var dimension = this.dimension() + + this.$element + .removeClass('collapse') + [dimension](size || 'auto') + [0].offsetWidth + + this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') + + return this + } + + , transition: function (method, startEvent, completeEvent) { + var that = this + , complete = function () { + if (startEvent.type == 'show') that.reset() + that.transitioning = 0 + that.$element.trigger(completeEvent) + } + + this.$element.trigger(startEvent) + + if (startEvent.isDefaultPrevented()) return + + this.transitioning = 1 + + this.$element[method]('in') + + $.support.transition && this.$element.hasClass('collapse') ? + this.$element.one($.support.transition.end, complete) : + complete() + } + + , toggle: function () { + this[this.$element.hasClass('in') ? 'hide' : 'show']() + } + + } + + + /* COLLAPSIBLE PLUGIN DEFINITION + * ============================== */ + + $.fn.collapse = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('collapse') + , options = typeof option == 'object' && option + if (!data) $this.data('collapse', (data = new Collapse(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.collapse.defaults = { + toggle: true + } + + $.fn.collapse.Constructor = Collapse + + + /* COLLAPSIBLE DATA-API + * ==================== */ + + $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { + var $this = $(this), href + , target = $this.attr('data-target') + || e.preventDefault() + || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 + , option = $(target).data('collapse') ? 'toggle' : $this.data() + $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') + $(target).collapse(option) + }) + +}(window.jQuery);/* ============================================================ + * bootstrap-dropdown.js v2.2.1 + * http://twitter.github.com/bootstrap/javascript.html#dropdowns + * ============================================================ + * Copyright 2012 Twitter, Inc. + * + * 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 ($) { + + "use strict"; // jshint ;_; + + + /* DROPDOWN CLASS DEFINITION + * ========================= */ + + var toggle = '[data-toggle=dropdown]' + , Dropdown = function (element) { + var $el = $(element).on('click.dropdown.data-api', this.toggle) + $('html').on('click.dropdown.data-api', function () { + $el.parent().removeClass('open') + }) + } + + Dropdown.prototype = { + + constructor: Dropdown + + , toggle: function (e) { + var $this = $(this) + , $parent + , isActive + + if ($this.is('.disabled, :disabled')) return + + $parent = getParent($this) + + isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + $parent.toggleClass('open') + $this.focus() + } + + return false + } + + , keydown: function (e) { + var $this + , $items + , $active + , $parent + , isActive + , index + + if (!/(38|40|27)/.test(e.keyCode)) return + + $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + $parent = getParent($this) + + isActive = $parent.hasClass('open') + + if (!isActive || (isActive && e.keyCode == 27)) return $this.click() + + $items = $('[role=menu] li:not(.divider) a', $parent) + + if (!$items.length) return + + index = $items.index($items.filter(':focus')) + + if (e.keyCode == 38 && index > 0) index-- // up + if (e.keyCode == 40 && index < $items.length - 1) index++ // down + if (!~index) index = 0 + + $items + .eq(index) + .focus() + } + + } + + function clearMenus() { + $(toggle).each(function () { + getParent($(this)).removeClass('open') + }) + } + + function getParent($this) { + var selector = $this.attr('data-target') + , $parent + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + $parent = $(selector) + $parent.length || ($parent = $this.parent()) + + return $parent + } + + + /* DROPDOWN PLUGIN DEFINITION + * ========================== */ + + $.fn.dropdown = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('dropdown') + if (!data) $this.data('dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.dropdown.Constructor = Dropdown + + + /* APPLY TO STANDARD DROPDOWN ELEMENTS + * =================================== */ + + $(document) + .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus) + .on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.dropdown.data-api touchstart.dropdown.data-api' , toggle, Dropdown.prototype.toggle) + .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) + +}(window.jQuery);/* ========================================================= + * bootstrap-modal.js v2.2.1 + * http://twitter.github.com/bootstrap/javascript.html#modals + * ========================================================= + * Copyright 2012 Twitter, Inc. + * + * 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 ($) { + + "use strict"; // jshint ;_; + + + /* MODAL CLASS DEFINITION + * ====================== */ + + var Modal = function (element, options) { + this.options = options + this.$element = $(element) + .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) + this.options.remote && this.$element.find('.modal-body').load(this.options.remote) + } + + Modal.prototype = { + + constructor: Modal + + , toggle: function () { + return this[!this.isShown ? 'show' : 'hide']() + } + + , show: function () { + var that = this + , e = $.Event('show') + + this.$element.trigger(e) + + if (this.isShown || e.isDefaultPrevented()) return + + this.isShown = true + + this.escape() + + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') + + if (!that.$element.parent().length) { + that.$element.appendTo(document.body) //don't move modals dom position + } + + that.$element + .show() + + if (transition) { + that.$element[0].offsetWidth // force reflow + } + + that.$element + .addClass('in') + .attr('aria-hidden', false) + + that.enforceFocus() + + transition ? + that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) : + that.$element.focus().trigger('shown') + + }) + } + + , hide: function (e) { + e && e.preventDefault() + + var that = this + + e = $.Event('hide') + + this.$element.trigger(e) + + if (!this.isShown || e.isDefaultPrevented()) return + + this.isShown = false + + this.escape() + + $(document).off('focusin.modal') + + this.$element + .removeClass('in') + .attr('aria-hidden', true) + + $.support.transition && this.$element.hasClass('fade') ? + this.hideWithTransition() : + this.hideModal() + } + + , enforceFocus: function () { + var that = this + $(document).on('focusin.modal', function (e) { + if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { + that.$element.focus() + } + }) + } + + , escape: function () { + var that = this + if (this.isShown && this.options.keyboard) { + this.$element.on('keyup.dismiss.modal', function ( e ) { + e.which == 27 && that.hide() + }) + } else if (!this.isShown) { + this.$element.off('keyup.dismiss.modal') + } + } + + , hideWithTransition: function () { + var that = this + , timeout = setTimeout(function () { + that.$element.off($.support.transition.end) + that.hideModal() + }, 500) + + this.$element.one($.support.transition.end, function () { + clearTimeout(timeout) + that.hideModal() + }) + } + + , hideModal: function (that) { + this.$element + .hide() + .trigger('hidden') + + this.backdrop() + } + + , removeBackdrop: function () { + this.$backdrop.remove() + this.$backdrop = null + } + + , backdrop: function (callback) { + var that = this + , animate = this.$element.hasClass('fade') ? 'fade' : '' + + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate + + this.$backdrop = $('