From 9b18891b2ab3e735430fa1b3cc70ddfd8a696325 Mon Sep 17 00:00:00 2001 From: Julien WITTOUCK Date: Fri, 24 May 2019 15:07:04 +0200 Subject: [PATCH] :lipstick: : add nice ui --- pom.xml | 5 + src/main/java/io/codeka/gaia/Gaia.java | 28 +- .../gaia/controller/IndexController.java | 24 + src/main/resources/static/css/animate.css | 2373 ++++++++++++ src/main/resources/static/css/color_2.css | 89 + src/main/resources/static/css/responsive.css | 454 +++ src/main/resources/static/css/style.css | 3402 +++++++++++++++++ src/main/resources/static/images/gaia.png | Bin 0 -> 37099 bytes src/main/resources/templates/index.html | 101 + .../resources/templates/layout/header.html | 26 + .../resources/templates/layout/sidebar.html | 30 + .../resources/templates/layout/topbar.html | 20 + src/main/resources/templates/module.html | 138 +- src/main/resources/templates/modules.html | 73 +- 14 files changed, 6689 insertions(+), 74 deletions(-) create mode 100644 src/main/java/io/codeka/gaia/controller/IndexController.java create mode 100755 src/main/resources/static/css/animate.css create mode 100755 src/main/resources/static/css/color_2.css create mode 100755 src/main/resources/static/css/responsive.css create mode 100755 src/main/resources/static/css/style.css create mode 100644 src/main/resources/static/images/gaia.png create mode 100644 src/main/resources/templates/index.html create mode 100644 src/main/resources/templates/layout/header.html create mode 100644 src/main/resources/templates/layout/sidebar.html create mode 100644 src/main/resources/templates/layout/topbar.html diff --git a/pom.xml b/pom.xml index 0556ac9c0..fdd5c989a 100644 --- a/pom.xml +++ b/pom.xml @@ -59,6 +59,11 @@ vue 2.5.16 + + org.webjars + font-awesome + 5.8.2 + org.springframework.boot diff --git a/src/main/java/io/codeka/gaia/Gaia.java b/src/main/java/io/codeka/gaia/Gaia.java index 3d4201389..90fea7e28 100644 --- a/src/main/java/io/codeka/gaia/Gaia.java +++ b/src/main/java/io/codeka/gaia/Gaia.java @@ -3,6 +3,7 @@ import io.codeka.gaia.bo.TerraformModule; import io.codeka.gaia.bo.TerraformVariable; import io.codeka.gaia.repository.TerraformModuleRepository; +import io.codeka.gaia.repository.TerraformStateRepository; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.CommandLineRunner; import org.springframework.boot.SpringApplication; @@ -21,25 +22,32 @@ public static void main(String[] args) { } @Bean - CommandLineRunner cli(@Autowired TerraformModuleRepository repository){ + @Autowired + CommandLineRunner cli(TerraformModuleRepository repository, TerraformStateRepository terraformStateRepository){ return args -> { + repository.deleteAll(); + terraformStateRepository.deleteAll(); + // create dummy module for tests var module = new TerraformModule(); module.setId("e01f9925-a559-45a2-8a55-f93dc434c676"); - module.setName("test 1"); - module.setDescription("a dummy module"); - module.setGitRepositoryUrl("https://github.com/dummy"); - module.setDirectory("dummy"); + module.setName("terraform-docker-mongo"); + module.setDescription("A sample terraform \uD83C\uDF0D module for running a mongodb \uD83C\uDF43 database inside a docker \uD83D\uDC33 container"); + module.setGitRepositoryUrl("https://github.com/juwit/terraform-docker-mongo.git"); + module.setDirectory(""); module.setGitBranch("master"); var tvar = new TerraformVariable(); - tvar.setName("dummy_var"); - tvar.setDescription("a dummy var description"); - tvar.setDefaultValue("a dummy value"); + tvar.setName("mongo_container_name"); + tvar.setDescription("the name of the docker container"); - module.setVariables(List.of(tvar)); + var tvar2 = new TerraformVariable(); + tvar2.setName("mongo_exposed_port"); + tvar2.setDescription("the exposed port of the mongo container"); + tvar2.setDefaultValue("27017"); + + module.setVariables(List.of(tvar, tvar2)); - repository.deleteAll(); repository.saveAll(List.of(module)); }; } diff --git a/src/main/java/io/codeka/gaia/controller/IndexController.java b/src/main/java/io/codeka/gaia/controller/IndexController.java new file mode 100644 index 000000000..ad939256b --- /dev/null +++ b/src/main/java/io/codeka/gaia/controller/IndexController.java @@ -0,0 +1,24 @@ +package io.codeka.gaia.controller; + +import io.codeka.gaia.repository.TerraformModuleRepository; +import org.springframework.stereotype.Controller; +import org.springframework.ui.Model; +import org.springframework.web.bind.annotation.GetMapping; + +@Controller +public class IndexController { + + private TerraformModuleRepository moduleRepository; + + public IndexController(TerraformModuleRepository moduleRepository) { + this.moduleRepository = moduleRepository; + } + + @GetMapping("/") + String index(Model model){ + var moduleCount = this.moduleRepository.count(); + model.addAttribute("moduleCount", moduleCount); + return "index"; + } + +} diff --git a/src/main/resources/static/css/animate.css b/src/main/resources/static/css/animate.css new file mode 100755 index 000000000..d18405406 --- /dev/null +++ b/src/main/resources/static/css/animate.css @@ -0,0 +1,2373 @@ +/*------------------------------------------------------------------ + File Name: animate.css +-------------------------------------------------------------------*/ + +@charset "UTF-8"; +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -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%, 20%, 50%, 80%, 100% { + -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%, 50%, 100% { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} +/*== originally authored by Nick Pettit - https://github.com/nickpettit/glide ==*/ + +@-webkit-keyframes pulse { + 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 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; +} +/*== originally authored by Nick Pettit - https://github.com/nickpettit/glide ==*/ + +@-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% { + -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% { + -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 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); + opacity: 1; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 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); + opacity: 1; + -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; + } + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + 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; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-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/src/main/resources/static/css/color_2.css b/src/main/resources/static/css/color_2.css new file mode 100755 index 000000000..633c96895 --- /dev/null +++ b/src/main/resources/static/css/color_2.css @@ -0,0 +1,89 @@ +/*------------------------------------------------------------------ + File Name: color_2.css +-------------------------------------------------------------------*/ + +.topbar .navbar { + background: #fff; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); +} + +.sidebar_user_info { + background: #fff; +} + +.sidebar_toggle { + background: #0971b8; +} + +.icon_info ul.user_profile_dd > li { + background: #0971b8; +} + +.icon_info span.badge { + background: #0971b8; +} + +.icon_info ul li a { + color: #333; +} + +.user_info h6 { + color: #222; +} + +.counter_section .counter_no p.total_no { + color: #fff; +} + +.counter_section .counter_no p.head_couter { + color: rgba(255,255,255,.7); +} + +#sidebar h4 { + background: #f3f3f3; + color: #222; + border-bottom: none; +} + +#sidebar { + background-color: #fff; +} + +#sidebar ul.components ul { + background: #fff; + padding: 0; +} + +#sidebar ul.components li ul li a { + border-top: solid #ddd 1px; + padding-top: 12px; + padding-bottom: 12px; +} + +#sidebar ul li a { + color: #222; +} + +#sidebar ul.components ul li a { + color: #333; +} + +#sidebar ul.components ul li a:hover { + color: #0971b8; +} + +#sidebar ul li a:hover, #sidebar ul li a:focus { + color: #222; +} + +.dark_bg { + background: #0971b8; +} + +.progress.skill-bar .progress-bar { + background-color: #0971b8; +} + +.dash_head { + background-color: #0971b8; +} \ No newline at end of file diff --git a/src/main/resources/static/css/responsive.css b/src/main/resources/static/css/responsive.css new file mode 100755 index 000000000..175ba5e86 --- /dev/null +++ b/src/main/resources/static/css/responsive.css @@ -0,0 +1,454 @@ +/*------------------------------------------------------------------ + File Name: responsive.css + Template Name: Pluto - Responsive HTML5 Template + Created By: html.design + Envato Profile: https://themeforest.net/user/htmldotdesign + Website: https://html.design + Version: 1.0 +-------------------------------------------------------------------*/ + + +/*----------------------------------- + sidebar small only desktop +-----------------------------------*/ + +@media (min-width: 1200px) { + /*-- small sidebar --*/ + #sidebar.active { + min-width: 90px; + max-width: 90px; + text-align: center; + } + #sidebar.active .sidebar-header h3, + #sidebar.active .CTAs { + display: none; + } + #sidebar.active .sidebar-header strong { + display: block; + } + #sidebar.active ul li a { + padding: 10px 0; + float: left; + width: 100%; + text-align: center; + } + #sidebar.active ul li a i { + width: 100%; + text-align: center; + margin: 0 0 5px 0; + font-size: 24px; + } + #sidebar.active ul ul a { + padding: 10px !important; + } + #sidebar.active .dropdown-toggle::after { + display: none; + } + nav#sidebar.active .logo_big { + text-align: center; + padding: 8px 0 7px; + } + #sidebar.active .logo_big img { + height: 45px; + } + #sidebar.active .logo_section { + padding: 0; + margin-bottom: 10px; + background: #fff; + width: 100%; + } + #sidebar.active ul.components { + padding: 0; + } + #sidebar.active .logo_big { + display: none; + } + .logo_icon { + display: none; + } + #sidebar.active .logo_icon { + display: block; + } + #sidebar.active .logo_big img { + height: 45px; + } + #sidebar.active h4 { + display: none; + } + #sidebar.active .sidebar_user_info { + display: none; + } + #sidebar.active ul li a span { + font-size: 13px; + } + #sidebar ul li a i {} +} + + +/*----------------------------------- + end sidebar small only desktop +-----------------------------------*/ + +@media (min-width: 1200px) and (max-width: 1600px) { + .counter_section { + display: block; + } + .couter_icon { + display: block; + width: 100%; + } + .couter_icon>div { + padding-right: 0; + } + .counter_no p.total_no { + text-align: center; + } + .counter_no .head_couter { + text-align: center; + font-size: 16px; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .counter_section { + display: block; + } + .couter_icon { + display: block; + width: 100%; + } + .couter_icon>div { + padding-right: 0; + } + .counter_no p.total_no { + text-align: center; + } + .counter_no .head_couter { + text-align: center; + font-size: 16px; + } + .dashboard_2 .social_cont ul li { + padding: 0; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + body { + overflow-x: hidden; + } + .container { + width: 100%; + padding: 0 20px; + } + .info_people .user_info_cont { + width: 60%; + padding-left: 30px; + padding-top: 0; + } + .fw_icon { + width: 33.33%; + } +} + +@media (max-width: 575px) { + body { + overflow-x: hidden; + } + .container { + width: 100%; + padding: 0 20px; + } + .padding_infor_info { + padding: 20px 20px; + } + .payment_option li { + margin-bottom: 10px; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + body { + overflow-x: hidden; + } + .container { + width: 100%; + padding: 0 20px; + } +} + +@media (max-width: 575px) { + body { + overflow-x: hidden; + } + .container { + width: 100%; + padding: 0 20px; + } +} + +@media (max-width: 1199px) { + * { + box-sizing: border-box; + } + #sidebar { + min-width: 80px; + max-width: 80px; + text-align: center; + margin-left: -80px !important; + } + #sidebar.active { + margin-left: 0 !important; + } + #sidebar .sidebar-header h3, + #sidebar .CTAs { + display: none; + } + #sidebar .sidebar-header strong { + display: block; + } + /*-- responsive --*/ + #sidebar.active+#content .topbar { + transition: ease all 0.3s; + } + .topbar { + padding-left: 0; + min-width: 320px; + } + #sidebar.active+#content .topbar { + padding-left: 0; + min-width: 320px; + left: 250px; + } + #content { + padding: 60px 15px 25px 15px; + } + #sidebar.active { + min-width: 250px; + max-width: 250px; + text-align: left; + } + #sidebar.active+#content { + padding-left: 0; + left: 250px; + position: relative; + min-width: 320px; + height: auto; + transition: ease all 0.3s; + } + .right_topbar .icon_info ul.user_profile_dd { + display: none; + } + .right_topbar { + float: right; + padding: 0; + margin: 5px 15px 5px 0; + } + .sidebar_toggle { + padding: 14px 22px 13px; + } + .logo_section img { + height: 38px; + padding: 0; + margin: 12px 0 0 15px; + } + .icon_info ul li { + width: 30px; + } + .icon_info ul li a { + font-size: 16px; + } + .logo_section img.logo_icon { + display: none; + } +} + +@media (max-width: 350px) { + .icon_info ul li { + margin: 15px 0 0 0; + } +} + +@media (max-width: 767px) { + .counter_section { + padding: 30px 25px; + } + .counter_no { + padding: 0; + } + .counter_no .head_couter { + font-size: 16px; + } + #testimonial_slider.carousel .carousel-control { + top: -35px; + } + .content.testimonial { + margin-top: 50px; + } + #testimonial_slider.carousel .testimonial { + font-size: 13px; + line-height: normal; + } + .progress_bar { + padding: 15px 25px 50px 25px; + } + .dash_head { + padding: 30px 30px 25px; + } + .task_list li { + padding: 20px 30px; + } + .task_list li a { + color: #99abb4; + font-size: 15px; + line-height: normal; + margin-bottom: 10px; + float: left; + width: 100%; + } + .msg_list_main ul li { + display: block; + } + .msg_list_main ul li>span:nth-child(1) { + margin-right: 20px; + margin-bottom: 10px; + } + /*----- widgets page css -----*/ + .info_people { + padding: 25px; + display: block; + } + .info_people .p_info_img { + width: 100%; + text-align: center; + } + .info_people .p_info_img img { + width: 90px; + } + .info_people .user_info_cont { + width: 100%; + padding-left: 0; + padding-top: 25px; + text-align: center; + } + .calendar { + overflow: auto; + } + /** accordian css **/ + .tab_style3 .tabbar { + display: block; + } + .tab_style3 #v-pills-tabContent { + width: 100%; + padding-left: 0; + padding-right: 0; + padding-top: 25px; + } + .pagination.button_section { + display: block; + } + .pagination.button_section .btn-group { + margin: 5px 0 0; + } + .fw_icon { + width: 50%; + } + /**-- email page --**/ + .mail-box { + float: left; + width: 100%; + } + .mail-box .sm-side { + width: 100%; + float: left; + } + .mail-box .lg-side { + background: none repeat scroll 0 0 #fff; + border-radius: 0 4px 4px 0; + width: 100%; + float: left; + overflow: auto; + } + aside.lg-side .inbox-body { + min-width: 565px; + padding-left: 0; + padding-right: 0; + } + .table.table-striped.projects { + min-width: 780px; + } + /** login page **/ + .full_height { + height: auto; + } + .login_section { + margin-top: 25px; + margin-bottom: 25px; + } + .login_form form .field input { + max-width: 395px; + width: 100%; + } + .login_form form .field label.label_field { + text-align: left; + } + .login_form form .field { + display: block; + margin: 0 0 20px; + float: left; + width: 100%; + } + .label_field.hidden { + display: none; + } + .login_form form .field .form-check-label { + float: left; + width: 100%; + } + .forgot { + float: left; + } + .error_page h3 { + font-size: 36px; + line-height: 45px; + } +} + +@media (max-width: 420px) { + .model_bt { + padding: 11px 0 10px; + width: 100%; + } + .fw_icon { + width: 100%; + } + aside .inbox-head .position.search_inbox { + display: none; + } + .contact_inner .left { + width: 100%; + float: left; + padding-right: 0; + margin-bottom: 20px; + } + .contact_inner .right { + width: 100%; + float: left; + } + .bottom_list .right_button { + float: right; + display: flex; + } + .bottom_list .right_button button { + margin: 0 0 0 5px; + } + .dis_flex { + display: block; + margin: 0; + } + .dis_flex .profile_img { + width: 100%; + text-align: center; + margin: 0; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css new file mode 100755 index 000000000..3fc869d56 --- /dev/null +++ b/src/main/resources/static/css/style.css @@ -0,0 +1,3402 @@ +/*------------------------------------------------------------------ + [Table of contents] + + 1. import fonts + 2. import files + 3. basic + 4. header + 5. content section + 6. Progressbar + 7. Table style + 8. Social icon + 9. Pie charts + 10. Testimonial slider + 11. Blog Section + 12. Dashboard Style 2 + 13. Footer + 14. Widgets section + 15. Calendar section + 16. General Elements + -> tabbar style 1 + -> tabbar style 2 + -> tabbar style 3 + -> button section + -> pagination + -> model bt + 17. Gallery Section + 18. Icons + 19. Invoice + 20. Price table + 21. Mail + 22. Price table page + 23. Contact page + 24. Progress bar + 25. Login Section + 26. Error + 27. Map + +-------------------------------------------------------------------*/ + + +/*------------------------------------------------------------------ + 1. import fonts +-------------------------------------------------------------------*/ + +@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,900'); +@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); +@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); +@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i'); +@import url('https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i'); +@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700'); + +/*------------------------------------------------------------------ + 2. import files +-------------------------------------------------------------------*/ + +@import url(animate.css); + +/*------------------------------------------------------------------ + 3. basic +-------------------------------------------------------------------*/ + +* { + margin: 0; + padding: 0; + outline: none !important; +} + +html, +body { + color: #898989; + font-size: 14px; + font-family: 'Poppins', sans-serif; + line-height: normal; + font-weight: 300; + overflow-x: hidden !important; +} + +body.demos .section { + background: url(images/bg.png) repeat top center #f2f3f5; +} + +body.demos .section-title img { + max-width: 280px; + display: block; + margin: 10px auto; +} + +body.demos .service-widget h3 { + border-bottom: 1px solid #ededed; + font-size: 18px; + padding: 20px 0; + background-color: #ffffff; +} + +body.demos .service-widget { + margin: 0 0 30px; + padding: 30px; + background-color: #fff +} + +body.demos .container-fluid { + max-width: 1080px +} + +a { + color: #1f1f1f; + text-decoration: none !important; + outline: none !important; + -webkit-transition: all .3s ease-in-out; + -moz-transition: all .3s ease-in-out; + -ms-transition: all .3s ease-in-out; + -o-transition: all .3s ease-in-out; + transition: all .3s ease-in-out; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + letter-spacing: 0; + font-weight: normal; + position: relative; + padding: 0; + font-weight: normal; + line-height: normal; + color: #1f1f1f; + margin: 0 +} + +h1 { + font-size: 24px +} + +.small_heading.main-heading h2 { + font-size: 21px; +} + +.small_heading.main-heading::after { + top: 18px; +} + +.small_heading.main-heading { + margin-bottom: 20px; + width: 100%; +} + +.img-responsive { + max-width: 100%; +} + +h3 { + font-size: 18px +} + +h4 { + font-size: 16px +} + +h5 { + font-size: 14px +} + +h6 { + font-size: 13px +} + +h1 a, +h2 a, +h3 a, +h4 a, +h5 a, +h6 a { + color: #212121; + text-decoration: none!important; + opacity: 1 +} + +a { + color: #898989; + text-decoration: none; + outline: none; +} + +a, +.btn { + text-decoration: none !important; + outline: none !important; + -webkit-transition: all .3s ease-in-out; + -moz-transition: all .3s ease-in-out; + -ms-transition: all .3s ease-in-out; + -o-transition: all .3s ease-in-out; + transition: all .3s ease-in-out; +} + +.btn-custom { + margin-top: 20px; + background-color: transparent; + border: 2px solid #ddd; + padding: 12px 40px; + font-size: 16px; +} + +.btn-success { + color: #fff; + background-color: #1ed085; + border-color: #1ed085; +} + +ul { + list-style-type: none; + padding: 0px; + margin: 0px; +} + + +/*-- +a.btn { + min-width: 170px; + height: 40px; + border-radius: 100px; + padding: 0; + text-align: center; + line-height: 40px; + border: none; + font-size: 14px; + font-weight: 600; + text-transform: uppercase; + margin-top: 10px; +} +--*/ + +.red_bg { + background: #ff4748; +} + +.blue_bg { + background: #36a9e2; +} + +.yellow_bg { + background: #fabb3d; +} + +.green_bg { + background: #79c347; +} + +.green_bg2 { + background: #1ed085; +} + +.purple_bg { + background: #8e68ef; +} + +.padding_top_10 { + padding-top: 10px !important; +} + +.padding_top_20 { + padding-top: 20px !important; +} + +.padding-bottom_0 { + padding-bottom: 0 !important; +} + +.padding-bottom_1 { + padding-bottom: 10px !important; +} + +.padding-bottom_2 { + padding-bottom: 20px !important; +} + +.padding-bottom_3 { + padding-bottom: 30px !important; +} + +.padding-bottom_4 { + padding-bottom: 40px !important; +} + +.padding-bottom_5 { + padding-bottom: 50px !important; +} + +.padding_infor_info { + padding: 35px 35px; + float: left; + width: 100%; +} + +.color_black p, +.color_black ul, +.color_black ul li { + color: #000; +} + +button i { + color: #fff; +} + +.lead { + font-size: 18px; + line-height: 30px; + color: #767676; + margin: 0; + padding: 0; +} + +blockquote { + margin: 20px 0 20px; + padding: 30px; +} + +.light_silver { + background: #f2f1f1; +} + +h2 { + font-size: 30px; + color: #000; + line-height: 20px; + font-weight: 700; + position: relative; +} + +h3 { + font-size: 24px; + color: #000; + line-height: normal; + font-weight: 700; + text-transform: uppercase; +} + +h4 { + font-size: 18px; + color: #000; + line-height: 21px; + font-weight: 600; + text-transform: none; + margin-bottom: 15px; +} + +h5 { + font-size: 15px; + font-weight: 700; + text-transform: uppercase; + margin: 0; + line-height: normal; + color: #000; +} + +p { + color: #58718a; + font-size: 14px; + line-height: 21px; +} + +button, +input, +select, +textarea, +option { + font-family: 'Poppins', sans-serif; +} + +a#submit { + z-index: 1; +} + +a:hover, +a:focus { + color: #2a3a4b; + text-decoration: none; +} + +.span1, +.span2, +.span3, +.span4, +.span5, +.span6, +.span7, +.span8, +.span9, +.span10 { + padding: 0 15px; + float: left; + min-height: 25px; +} + +.border_radius_0 { + border-radius: 0 !important; +} + +.span1 { + width: 10%; +} + +.span2 { + width: 20%; +} + +.span3 { + width: 30%; +} + +.span4 { + width: 40%; +} + +.span5 { + width: 50%; +} + +.span6 { + width: 60%; +} + +.span7 { + width: 70%; +} + +.span8 { + width: 80%; +} + +.span9 { + width: 90%; +} + +.span10 { + width: 100%; +} + +.container { + width: 1200px; +} + +.section_padding { + padding: 80px 0 100px; +} + +.layout_2_padding { + padding: 100px 0 80px; +} + +.full { + width: 100%; + float: left; +} + +.brown_color { + color: #795548 !important; +} + +.brown_bg { + background: #795548 !important; +} + +.blue1_color { + color: #2196f3 !important; +} + +.blue1_bg { + background: #2196f3 !important; +} + +.orange_color { + color: #ff5722 !important; +} + +.orange_bg { + background: #ff5722 !important; +} + +.purple_color { + color: #673ab7 !important; +} + +.purple_bg { + background: #673ab7 !important; +} + +.purple_color2 { + color: #3f51b5 !important; +} + +.purple_bg2 { + background: #3f51b5 !important; +} + +.blue2_color { + color: #03a9f4 !important; +} + +.blue2_bg { + background: #03a9f4 !important; +} + +.red_color { + color: #e91e63 !important; +} + +.red_bg { + background: #e91e63 !important; +} + +.yellow_color { + color: #ff9800 !important; +} + +.yellow_bg { + background: #ff9800 !important; +} + +.purple_color2 { + color: #9c27b0 !important; +} + +.purple_bg2 { + background: #9c27b0 !important; +} + +.orange_color2 { + color: #f44336 !important; +} + +.orange_bg2 { + background: #f44336 !important; +} + +.green_color { + color: #009688 !important; +} + +.green_bg { + background: #009688 !important; +} + +.heading1 h2 { + line-height: normal; + font-size: 21px; + font-weight: 400; + margin: 0; + padding-left: 0; + color: #15283c; + letter-spacing: 0px; +} + +.margin_top_50 { + margin-top: 50px; +} + +.margin_top_30 { + margin-top: 30px; +} + +.margin_0 { + margin: 0 !important; +} + +.center { + display: flex; + justify-content: center; +} + +.verticle_center { + display: flex; + align-items: center; +} + +.dropdown-item { + font-size: 13px; +} + +.column img { + width: 100%; +} + +.max_w-50 { + max-width: 50px; +} + + +/*------------------------------------------------------------------ + 4. header +-------------------------------------------------------------------*/ + +.full_container { + width: 100%; + max-width: 100%; + padding: 0; + margin: 0; +} + +.inner_container { + padding: 0; + margin: 0; + display: flex; +} + + +/*============== + - topbar +==============*/ + +.topbar { + position: fixed; + width: 100%; + padding-left: 280px; + z-index: 2; + background: #15283c; + top: 0; + transition: ease all 0.3s; + left: 0; +} + +#sidebar.active+#content .topbar { + padding-left: 90px; +} + +.topbar .navbar { + margin: 0; +} + +.right_topbar { + float: right; + padding: 0; +} + +.icon_info { + float: left; + width: 100%; +} + +.icon_info ul { + float: left; + width: auto; + list-style: none; + margin: 0; +} + +.icon_info ul li { + float: left; + width: 35px; + height: 35px; + border-radius: 100%; + text-align: center; + line-height: 35px; + position: relative; + margin: 15px 0 0 5px; +} + +.icon_info ul li .fa-question-circle { + font-size: 21px; + position: relative; + top: 1px; +} + +.icon_info ul li a { + color: #fff; + font-size: 18px; + font-weight: normal; +} + +.icon_info ul li a img { + width: 35px; +} + +.icon_info ul.user_profile_dd li { + width: auto; +} + +.icon_info ul.user_profile_dd>li span { + font-size: 13px; + font-weight: 500; + color: #fff; + padding: 0 35px 0 10px; +} + +.icon_info ul.user_profile_dd li>a::after { + color: #fff; + top: 13px; + right: 28px; + display: block; + position: absolute; + transform: translateY(-50%); + content: "\f107"; + font-family: 'fontawesome'; + border: none; + font-size: 18px; +} + +.icon_info ul.user_profile_dd { + float: left; + margin: 0 0 0 25px; +} + +.icon_info ul.user_profile_dd li a { + cursor: pointer; +} + +.icon_info ul.user_profile_dd>li { + width: auto; + border-radius: 0; + background: #ff5722; + margin: 0; + padding: 12px 0 12px 20px; + height: auto; +} + +.sidebar_toggle { + border: none; + padding: 14px 26px 14px; + font-size: 21px; + background: #ff5722; + margin-right: 0; + cursor: pointer; + float: left; +} + +.icon_info span.badge { + font-size: 10px; + line-height: 16px; + padding: 2px 6px; + position: absolute; + right: -2px; + top: -7px; + background: #ff5722; + border-radius: 100%; + color: #fff; + font-weight: 600; + width: 19px; + height: 19px; +} + +.icon_info ul.user_profile_dd li div a { + font-size: 15px; + color: #15283c; + padding: 4px 15px; + border-bottom: none; + line-height: normal; +} + +.icon_info ul.user_profile_dd li div a span { + font-size: 13px; + color: #15283c; + font-weight: normal; + padding: 0; + transition: all .3s ease-in-out; + line-height: normal; +} + +.icon_info ul.user_profile_dd li div a:hover, +.icon_info ul.user_profile_dd li div a:focus { + background: #243147; + color: #fff; +} + +.icon_info ul.user_profile_dd li div a:hover span, +.icon_info ul.user_profile_dd li div a:focus span { + color: #fff; +} + +.user_profile_dd .dropdown-menu { + position: absolute; + top: 100%; + right: 0; + z-index: 1000; + float: left; + padding: 10px 6px; + margin: 0; + font-size: 15px; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border-radius: 0; + width: 100%; + box-shadow: -1px 1px 4px -2px rgba(0, 0, 0, 0.2); + border: none; +} + + +/**-- sidebar --**/ + +.navbar-btn { + box-shadow: none; + outline: none !important; + border: none; +} + +.line { + width: 100%; + height: 1px; + border-bottom: 1px dashed #ddd; + margin: 40px 0; +} + +i, +span { + display: inline-block; +} + +#sidebar { + min-width: 280px; + max-width: 280px; + background-color: #15283c; + color: #fff; + transition: all 0.3s; + position: relative; + z-index: 11; + box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.4); + float: left; + width: 100%; + position: fixed; + height: 100%; + overflow: auto; +} + +.sidebar_blog_1, +.sidebar_blog_2, +.sidebar_blog_3 { + float: left; + width: 100%; +} + +#sidebar ul li a { + text-align: left; +} + +#sidebar .sidebar-header strong { + display: none; + font-size: 1.8em; +} + +#sidebar ul.components { + padding: 15px 0; + margin: 0; + float: left; + width: 100%; +} + +#sidebar ul li a { + padding: 15px 25px; + display: block; + font-size: 14px; + color: rgba(255, 255, 255, 0.9); + font-weight: 300; +} + +#sidebar ul li a:hover, +#sidebar ul li a:focus { + color: rgba(255, 255, 255, 0.95); +} + +#sidebar ul.components li { + position: relative; +} + +#sidebar ul.components ul { + background: #214162; + padding: 20px 0; +} + +#sidebar ul.components ul li a { + font-size: 13px; + color: rgba(255, 255, 255, .7); + padding: 7px 35px; +} + +#sidebar ul.components ul li a:hover { + color: #fff; + background: transparent; + padding-left: 45px; +} + +#sidebar ul li a i { + margin-right: 20px; + width: 15px; + font-size: 20px; + float: left; +} + +.bottom_sidebar ul li { + float: left; + width: 50%; + list-style: none; +} + +a[data-toggle="collapse"] { + position: relative; +} + +#content { + width: 100%; + min-height: 100vh; + transition: ease all 0.3s; + position: relative; + padding: 60px 25px 25px 305px; + background: #f8f8f8; +} + +.page_title { + background: #fff; + margin-top: 0; + margin-bottom: 30px; + padding: 25px 35px 22px 38px; + box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1); + margin-left: -40px; + margin-right: -40px; + position: relative; +} + +.page_title h2 { + font-size: 20px; + font-weight: 500; + color: #15283c; +} + +#sidebar.active+#content { + padding-left: 115px; +} + +.topbar .navbar { + padding: 0; + background: #15283c; + border: none; + border-radius: 0; +} + +.user_profle_side { + display: flex; +} + +.sidebar_user_info { + padding: 15px 25px; + background: #214162; +} + +.user_img img { + border-radius: 100% 100%; +} + +.user_info { + margin: 0 0 0 15px; + padding-top: 15px; +} + +.online_animation { + width: 12px; + height: 12px; + background: #1ed085; + border-radius: 100%; + margin-top: 0; + position: relative; + top: 1px; + -webkit-animation: online 2s infinite; + /* Safari 4.0 - 8.0 */ + animation: online 2s infinite +} + + +/* Safari 4.0 - 8.0 */ + +@-webkit-keyframes online { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@keyframes online { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.user_info p { + font-size: 13px; + font-weight: 500; + color: #1ed085; + margin: 0; +} + +.user_info h6 { + font-size: 17px; + font-weight: 500; + color: #fff; + letter-spacing: 0; +} + +.user_img { + width: 75px; + height: 75px; + float: left; +} + +.logo_section { + padding: 0; + width: auto; + text-align: center; + background: transparent; + float: left; +} + +.logo_section img { + height: 42px; + padding: 0; + margin: 8px 15px 0; +} + +#sidebar.active .logo_section a { + width: 100%; + display: flex; + justify-content: center; +} + +.logo_section img.logo_icon { + margin: 0; + text-align: center; + padding: 8px 8px; + height: 60px; +} + +#sidebar h4 { + background: #15283c; + margin: 0; + padding: 21px 25px 19px; + font-weight: 500; + font-size: 18px; + color: #fff; + border-bottom: solid #ff5722 1px; +} + + +/*------------------------------------------------------------------ + 5. content section +-------------------------------------------------------------------*/ + +.content_inner_section { + background: #fff; + box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.4); + padding: 25px 30px; +} + +.content_inner_section .top_page_header { + width: 100%; +} + +.content_inner_section .top_page_header .page_title { + float: left; +} + +.content_inner_section .top_page_header .page_title h3 { + font-size: 21px; + font-weight: 500; + text-transform: none; + color: #222; +} + +.page_menu_cont { + width: auto; + float: right; +} + +.page_menu_cont ul { + list-style: none; + float: left; + width: 100%; +} + +.page_menu_cont ul li { + float: left; + font-size: 17px; + margin: 0 15px; +} + +.counter_section { + min-height: auto; + display: block; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); + border: 0px solid #e7e7e7; + padding: 30px 35px; + background: #fff; + border-radius: 5px; + min-height: 125px; + display: flex; +} + +.couter_icon span { + width: 100%; + text-align: center; + color: #fff; + font-size: 14px; + margin-top: 5px; + padding: 0 5px; + font-weight: 500; +} + +.couter_icon span { + width: 100%; +} + +.couter_icon i { + color: #fff; + font-size: 50px; + line-height: normal; + width: 100%; + float: left; + text-align: center; +} + +.couter_icon { + display: flex; + justify-content: center; + align-items: center; + padding: 0; + float: left; + margin: 8px 0 8px; +} + +.couter_icon>div { + border-right: solid rgba(255, 255, 255, 0.3) 1px; + padding-right: 35px; +} + +.counter_no { + padding: 0 12px; + align-content: center; + align-items: center; + float: right; + width: 100%; +} + +.counter_no p.total_no { + margin: 0; + font-size: 45px; + float: left; + width: 100%; + line-height: normal; + font-weight: 600; + color: #455a64; + text-align: right; + font-size: 24px; + font-weight: 400; +} + +.counter_no .head_couter { + float: left; + width: 100%; + color: #99abb4; + font-weight: 300; + margin: 0px 0 0 0; + font-size: 20px; + text-align: right; +} + +.counter_no .counter_desrp { + margin: 0; + color: #fff; + line-height: 18px; +} + +#myChart-top { + box-shadow: 10px 10px 5px -4px rgba(224, 224, 224, 0.6); +} + +.zc-ref { + display: none; +} + +#myChart-wrapper { + margin: auto; +} + +#graph1 { + margin-top: 10px; +} + +#rebenue {} + +.graph_revenue { + padding: 0; + margin-top: 0; + min-height: auto; +} + +.graph_head { + padding: 18px 25px 15px; + float: left; + width: 100%; + border-bottom: solid #f3f3f3 2px; +} + +.heading1 { + /*float: left;*/ + padding: 0 0 20px 0; + width: 100%; + margin-top: 50px; +} + +.graph_head .heading1 { + float: left; + padding: 0; + width: auto; +} + +.heading2 { + background: #fff; + padding: 15px 25px; + margin: 20px 0 0 0; + border-bottom: solid #ff5722 2px; +} + +.heading2 h3 { + font-size: 20px; + text-transform: none; + font-weight: 600; + position: relative; + color: #15283c; + font-family: 'Raleway', sans-serif; +} + +.time_form { + float: right; + margin: 6px 0 0; +} + +.time_form form { + float: left; + width: 100%; +} + +.time_form form .field { + float: left; + margin-right: 0; + margin-left: 12px; +} + +.time_form form .field label { + margin-right: 12px; + margin-bottom: 0; + font-size: 15px; + color: #999; +} + +.time_form form .field input { + border: solid #ddd 1px; + font-size: 13px; + font-weight: 500; + color: #666; + padding: 6px 10px; + border-radius: 0; +} + +.btn.focus, +.btn:focus { + box-shadow: none; +} + +.mail-option .dropdown-menu { + padding: 10px; + border-radius: 0; + font-size: 14px; + font-weight: 400; + border: solid #ddd 1px; +} + +.mail-option .dropdown-menu li { + margin: 10px 0; +} + +.mail-option .dropdown-menu { + padding: 4px 15px; + border-radius: 0; + font-size: 14px; + font-weight: 400; + border: solid #ddd 1px; + margin-top: 5px; +} + +.mail-option .btn-group a.btn { + border-radius: 0 !important; + background: #fff; + padding: 8px 14px; + color: #666; + font-size: 14px; +} + + +/*------------------------------------------------------------------ + 6. Progressbar +-------------------------------------------------------------------*/ + +.progress_bar { + padding: 15px 40px 50px 40px; +} + +.progress.skill-bar { + background: #e9ecef; + border-radius: 0; + height: 10px; + margin-top: 2px; + border-radius: 10px; +} + +.progress.skill-bar .progress-bar { + background-color: #1ed085; + box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15); +} + +.skill { + font-size: 14px; + color: #455a64; + margin-top: 20px; + font-weight: 500; +} + +.skill .info_valume { + float: right; +} + + +/*------------------------------------------------------------------ + 7. Table style +-------------------------------------------------------------------*/ + +.table_format.strp table { + border-radius: 8px 8px 0 0; + overflow: hidden; + color: #666; +} + +.table_format.strp thead th { + background: #15283c; + border: none; + color: #fff; + vertical-align: middle; + font-weight: 400; + text-transform: capitalize; + line-height: 1; + padding: 22px 40px; + white-space: nowrap; + font-size: 16px; +} + +.table_format.strp tbody th, +.table_format.strp tbody td { + font-size: 15px; + padding: 20px 40px; + vertical-align: middle; + font-weight: 400; + transform: capitalize; + line-height: 1; + width: white-space; +} + +.top_countries_section { + background-color: #ff4748; + border-radius: 8px; + padding: 25px 40px; + background-image: -webkit-linear-gradient(90deg, #396afc 0%, #2948ff 100%); +} + +.top_countries_section ul { + list-style: none; +} + +.top_countries_section ul li { + color: #fff; + padding: 14px 5px; + float: left; + width: 100%; + border-bottom: solid rgba(255, 255, 255, .2) 1px; +} + +.top_countries_section ul li span.country_name { + float: left; +} + +.top_countries_section ul li span.country_counter { + float: right; +} + +.area_chart { + padding: 30px 0 30px 30px; + width: 97%; +} + +.margin_bottom_30 { + margin-bottom: 30px; +} + +.white_shd { + background: #fff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); + border-radius: 5px; + margin-top: 0; +} + +.dark_bg { + background: #214162; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); + border-radius: 5px; + margin-top: 0; +} + +.dark_bg .graph_head { + border-bottom: solid rgba(255, 255, 255, .1) 2px; +} + +.dark_bg h2 { + color: #fff; +} + + +/*------------------------------------------------------------------ + 8. Social icon +-------------------------------------------------------------------*/ + +.socile_icons { + border-radius: 5px; + overflow: hidden; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); + background: #fff; + min-height: 165px; +} + +.social_icon { + width: 100%; + text-align: center; + font-size: 45px; + background: black; + padding: 10px 0 8px; + color: #fff; + background: #222; +} + +.fb .social_icon { + background: #3b5998; +} + +.tw .social_icon { + background: #00aced; +} + +.linked .social_icon { + background: #0077B5; +} + +.google_p .social_icon { + background: #d34836; +} + +.socile_icons .social_cont { + float: left; + text-align: center; + width: 100%; + padding: 15px 0 15px; +} + +.socile_icons .social_cont ul { + margin: 0; + list-style: none; +} + +.socile_icons .social_cont ul li { + float: left; + width: 50%; + font-size: 18px; + color: #455a64; + line-height: 24px; +} + +.socile_icons .social_cont ul li span { + float: left; + width: 100%; + color: #99abb4; + font-size: 17px; + font-weight: 300; +} + +.socile_icons .social_cont ul li span strong { + font-weight: 600; + color: #455a64; + font-size: 18px; +} + + +/*------------------------------------------------------------------ + 9. Pie charts +-------------------------------------------------------------------*/ + + +/** **/ + +#canvas-holder { + width: 100%; + margin-top: 50px; + text-align: center; +} + +#chartjs-tooltip { + opacity: 1; + position: absolute; + background: rgba(0, 0, 0, .7); + color: white; + border-radius: 3px; + -webkit-transition: all .1s ease; + transition: all .1s ease; + pointer-events: none; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} + +.chartjs-tooltip-key { + display: inline-block; + width: 10px; + height: 10px; + margin-right: 10px; +} + + +/*------------------------------------------------------------------ + 10. Testimonial slider +-------------------------------------------------------------------*/ + +#testimonial_slider.carousel { + width: 86%; + margin: 35px 7% 35px; +} + +#testimonial_slider .carousel-inner { + padding: 0; + text-align: center; +} + +#testimonial_slider.carousel .item { + color: #999; + font-size: 14px; + text-align: center; + overflow: hidden; + min-height: auto; +} + +#testimonial_slider.carousel .item a { + color: #eb7245; +} + +#testimonial_slider.carousel .img-box { + width: 120px; + height: 120px; + margin: 0 auto; + border-radius: 50%; +} + +#testimonial_slider.carousel .img-box img { + width: 100%; + height: 100%; + display: block; + border-radius: 50%; +} + +#testimonial_slider.carousel .testimonial { + padding: 30px 0 10px; + color: rgba(255, 255, 255, .7); + font-size: 15px; + line-height: 24px; +} + +#testimonial_slider.carousel .overview { + text-align: center; + padding-bottom: 5px; + font-size: 14px; + color: #1ed085; + font-weight: 500; + line-height: 14px; +} + +#testimonial_slider.carousel .overview b { + color: #fff; + font-size: 16px; + text-transform: none; + display: block; + padding-bottom: 5px; + font-weight: 500; +} + +#testimonial_slider.carousel .star-rating i { + font-size: 18px; + color: #ffdc12; +} + +#testimonial_slider.carousel .carousel-control { + width: 30px; + height: 30px; + border-radius: 50%; + background: #fff; + text-shadow: none; + top: 0; + opacity: 1; +} + +#testimonial_slider.carousel .carousel-control i { + font-size: 20px; + margin-right: 2px; + color: #15283c; + margin-top: -2px; +} + +#testimonial_slider.carousel .carousel-control.left { + left: auto; + right: 40px; +} + +#testimonial_slider.carousel .carousel-control.right i { + margin-right: -2px; + margin-top: -2px; +} + +#testimonial_slider.carousel .carousel .carousel-indicators { + bottom: 15px; +} + +#testimonial_slider.carousel .carousel-indicators li, +#testimonial_slider.carousel .carousel-indicators li.active { + width: 11px; + height: 11px; + margin: 1px 5px; + border-radius: 50%; +} + +#testimonial_slider.carousel .carousel-indicators li { + background: #e2e2e2; + border-color: transparent; +} + +#testimonial_slider.carousel .carousel-indicators li.active { + border: none; + background: #888; +} + + +/*------------------------------------------------------------------ + 11. Blog Section +-------------------------------------------------------------------*/ + +.dash_head { + font-weight: normal; + height: auto; + border-radius: 5px 5px 0 0; + padding: 35px 45px 32px; + background-size: cover; + background-color: #214162; + position: relative; +} + +.dash_head h3 { + color: #fff; + text-transform: none; + font-weight: 400; + font-size: 22px; +} + +.dash_blog { + min-height: 650px; + background: #fff; + border-radius: 5px; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); + float: left; + width: 100%; + margin-bottom: 15px; +} + +.plus_green_bt { + position: absolute; + right: 0; + bottom: -54px; +} + +.plus_green_bt a { + background: #1ed085; + color: #fff; + width: 45px; + height: 45px; + float: right; + border-radius: 50%; + text-align: center; + line-height: 45px; + font-size: 28px; + font-weight: 500; +} + +.dash_blog_inner .list_cont { + border-bottom: 1px solid #f2f2f2; + padding: 25px 40px; +} + +.dash_blog_inner .list_cont p { + margin: 2px 0 0 0; + font-size: 16px; + color: #455a64; +} + +.task_list { + float: left; + width: 100%; + list-style: none; + margin: 0; +} + +.task_list li { + padding: 20px 40px; + border-bottom: solid #eee 1px; + line-height: normal; + font-size: 16px; + border-left: solid 5px #666; +} + +.main_bt { + min-width: 125px; + height: auto; + float: left; + background: #1ed085; + text-align: center; + color: #fff; + padding: 10px 25px; + font-size: 16px; + border-radius: 5px; + border: none; + transition: ease all 0.5s; + cursor: pointer; + font-weight: 300; +} + +button.main_bt { + float: none; + margin: 0; +} + +.main_bt:hover, +.main_bt:focus { + background: #ff5722; + color: #fff; +} + +.task_list li a { + color: #99abb4; + font-size: 16px; +} + +.task_list li strong { + font-weight: 600; + color: #455a64; +} + +.task_list li:nth-child(1) { + border-left-color: #ff9800; +} + +.task_list li:nth-child(2) { + border-left-color: #2196f3; +} + +.task_list li:nth-child(3) { + border-left-color: #673ab7; +} + +.task_list li:nth-child(4) { + border-left-color: #e91e63; +} + +.task_list li:nth-child(5) { + border-left-color: #1ed085; +} + +.msg_list li:nth-child(1) { + border-left-color: #ff9800; +} + +.msg_list li:nth-child(2) { + border-left-color: #2196f3; +} + +.msg_list li:nth-child(3) { + border-left-color: #673ab7; +} + +.msg_list li:nth-child(4) { + border-left-color: #e91e63; +} + +.msg_list li:nth-child(5) { + border-left-color: #1ed085; +} + +.task_list_main { + float: left; + width: 100%; +} + +.read_more { + float: left; + width: 100%; + margin: 30px 0; +} + +.dash_blog_inner { + float: left; + width: 100%; +} + +.msg_list_main { + float: left; + width: 100%; +} + +.msg_list_main ul { + list-style: none; + float: left; + width: 100%; +} + +.msg_list_main ul li { + padding: 22px 40px; + border-bottom: solid #eee 1px; + line-height: normal; + font-size: 14px; + border-left: solid 5px #666; + float: left; + width: 100%; + display: flex; + position: relative; +} + +.msg_list_main ul li span .time_ago { + position: absolute; + right: 40px; + top: 25px; +} + +.msg_list_main ul li span p { + margin: 0; +} + +.msg_list_main ul li span .name_user { + font-size: 16px; + font-weight: 500; + color: #455a64; + float: left; + width: 100%; + margin-bottom: 0; + margin-top: 5px; +} + +.msg_list_main ul li span .msg_user { + font-size: 15px; + font-weight: 300; + color: #99abb4; +} + +.msg_list_main ul li>span:nth-child(1) { + margin-right: 20px; +} + +.msg_list_main ul li>span img { + width: 70px; + border-radius: 100%; +} + +.msg_list li:nth-child(4) { + border-bottom: none; +} + + +/*------------------------------------------------------------------ + 12. Dashboard Style 2 +-------------------------------------------------------------------*/ + +.dashboard_2 .social_icon { + float: left; + width: 50%; + height: 148px; +} + +.dashboard_2 .socile_icons { + border-radius: 5px; + overflow: hidden; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); + background: #fff; + min-height: auto; +} + +.dashboard_2 .social_icon { + line-height: 135px; + font-size: 60px; +} + +.dashboard_2 .social_cont { + float: left; + width: 50%; + padding: 15px 15px; +} + +.dashboard_2 .social_cont ul li { + float: left; + width: 100%; + font-size: 18px; + color: #455a64; + line-height: 24px; + text-align: right; + margin-bottom: 10px; + padding: 0 20px; +} + +.dashboard_2 .dash_blog { + padding: 25px; +} + +#chart-0, +#chart-1, +#chart-2, +#chart-3 { + height: 380px; +} + + +/*------------------------------------------------------------------ + 13. Footer +-------------------------------------------------------------------*/ + +.footer { + min-height: 65px; + background: #fff; + margin-top: 30px; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); + border-radius: 5px; + width: 100%; +} + +.footer p { + margin: 0; + line-height: normal; + text-align: center; + font-size: 14px; + font-weight: 300; + color: #214162; + padding: 25px 15px; +} + + +/*------------------------------------------------------------------ + 14. Widgets section +-------------------------------------------------------------------*/ + +.info_people { + padding: 35px; + display: flex; +} + +.info_people .p_info_img { + width: 30%; +} + +.info_people .p_info_img img { + width: 100%; + border-radius: 5px; +} + +.info_people .user_info_cont { + width: 60%; + padding-left: 30px; + padding-top: 25px; +} + +.info_people .user_info_cont h4 { + font-weight: 500; + margin-bottom: 5px; +} + +.info_people .user_info_cont p { + margin: 0; + font-size: 15px; + font-weight: 400; +} + +.info_people .user_info_cont p.p_status { + font-weight: 600; + color: #ff5722; + margin-top: 10px; +} + +.widget_progress_bar { + padding: 40px 40px 50px 40px; +} + +.widget_progress_bar .progress_no { + font-size: 24px; + color: #15283c; + font-weight: 500; + line-height: normal; + margin: 0; +} + +.widget_progress_bar .progress_head { + font-size: 15px; + font-weight: 400; + color: #666; + padding: 0; +} + +.widget_progress_bar .progress_bar { + padding: 0; +} + +.widget_progress_bar .progress_bar .skill { + margin-top: 5px; +} + + +/*------------------------------------------------------------------ + 15. Calendar section +-------------------------------------------------------------------*/ + +.calendar { + float: left; + width: 100%; +} + +.calendar table.unstackable { + display: inline-table; + width: 100%; +} + +.calendar table.unstackable thead tr:nth-child(1) th { + font-weight: 500; + text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); + border: none; + color: #fff; + text-align: center; + background: #1ed085; + font-size: 21px; + padding: 15px 0; +} + +.calendar table.unstackable thead tr:nth-child(2) { + background: #666; + border: none; + color: #fff; +} + +.calendar table.unstackable thead tr:nth-child(2) th { + font-weight: 500; + text-align: center; + border: none; +} + +.calendar table.unstackable tbody tr { + text-align: center; + font-size: 15px; +} + +.calendar table.unstackable thead tr:nth-child(1) th .prev.link { + position: absolute; + left: 30px; + font-size: 32px; + font-weight: 600; + top: 6px; + cursor: pointer; +} + +.calendar table.unstackable thead tr:nth-child(1) th .next.link { + position: absolute; + right: 30px; + font-size: 32px; + font-weight: 600; + top: 6px; + cursor: pointer; +} + +.link.disabled { + opacity: 0.4; +} + +.calendar tr { + position: relative; +} + +i.icon.chevron.left::before { + content: "\f104"; +} + +i.icon.chevron.right::before { + content: "\f105"; +} + +i.icon, +i.icons { + font-size: 1em; +} + +i.icon { + font-family: fontawesome; + font-style: normal; + font-weight: 400; + text-align: center; +} + + +/*------------------------------------------------------------------ + 16. General Elements +-------------------------------------------------------------------*/ + +.link.today { + background: #ff5722; + color: #fff; + font-weight: 600; +} + + +/** tabbar style 1 **/ + +.tabbar { + float: left; + width: 100%; +} + +.tab-content { + padding: 20px 0; +} + +.tab-content p { + margin: 0; + line-height: normal; + font-size: 14px; + font-weight: 300; +} + +.tabbar .nav-tabs { + border-bottom: solid #eee 1px; +} + +.tabbar nav div.nav-tabs .nav-link { + border-radius: 0; + padding: 8px 20px; + font-size: 14px; + font-weight: 300; +} + + +/** tabbar style 2 **/ + +.tab_style2 .tabbar nav div.nav-tabs .nav-link.active { + background: #ff5722; + color: #fff; + border-color: #ff5722; +} + + +/** tabbar style 3 **/ + +.tab_style3 #v-pills-tab { + float: left; + width: auto; + min-width: 120px; +} + +.tab_style3 #v-pills-tabContent { + float: left; + width: 80%; + padding: 0 20px; +} + +.tab_style3 .tabbar { + display: flex; +} + +.tab_style3 div.tabbar div.nav-pills .nav-link.active { + background: #ff5722; + color: #fff; + border-color: #ff5722; +} + + +/** button section **/ + +.btn { + font-size: 14px; +} + +.button_sction { + float: left; + width: 100%; +} + +.button_sction .button_block { + float: left; + margin: 5px; +} + +.button_sction .button_block button { + margin: 0; +} + + +/** pagination **/ + +.pagination .btn { + background: #1ed085; + color: #fff; + border-color: #1ed085; + width: 45px; + height: 40px; + font-size: 14px; + font-weight: 500; +} + +.pagination.button_section { + margin: 5px; +} + +.pagination .btn.active, +.pagination .btn:hover, +.pagination .btn:focus { + background: #333; + border-color: #333; +} + + +/**-- model bt --**/ + +.model_bt { + padding: 11px 20px 10px; +} + +.dropdown_section { + float: left; + margin: 5px; +} + + +/*------------------------------------------------------------------ + 17. Gallery Section +-------------------------------------------------------------------*/ + +.gallery_section_inner .column { + background: #fff; + box-shadow: 0 0 13px -10px #000; + overflow: hidden; +} + +.heading_section { + border-top: solid #1ed085 2px; + background: #15283c; +} + +.heading_section h4 { + color: #fff; + margin: 0; + font-weight: 200; + text-align: center; + padding: 16px 0 16px; + font-size: 15px; +} + + +/*------------------------------------------------------------------ + 18. Icons +-------------------------------------------------------------------*/ + +.fontawesome-icons-list .fw_icon a { + transition: ease all 0.2s; +} + +.fw_icon a { + float: left; + width: 100%; + padding: 10px 15px; + font-size: 14px; + border-radius: 2px; + color: rgba(21, 40, 60, 0.6); +} + +.fw_icon a i { + width: 25px; + text-align: center; + margin-right: 5px; + font-size: 17px; +} + +.fontawesome-icons-list .fw_icon a:hover, +.fontawesome-icons-list .fw_icon a:focus { + background-color: #1ed085; + color: #fff; + text-decoration: none; + transform: scale(1.1); +} + +.fw_icon { + width: 20%; +} + +.fontawesome-icons-list .fw_icon:nth-child(2n+2) { + background: #f9f9f9; +} + + +/*------------------------------------------------------------------ + 19. Invoice +-------------------------------------------------------------------*/ + +h2.invoice_head { + font-size: 22px; + font-weight: 500; + color: #222; +} + +h2.invoice_head small { + font-size: 13px; + font-weight: 500; +} + +.heading1 h2 i { + position: relative; + top: 1px; +} + +.invoice_blog h4 { + color: #15283c; + background: #f8f8f8; + padding: 15px 20px; + font-weight: 400; + font-size: 18px; +} + +.invoice_blog p { + margin: 0; + padding: 0 20px; + line-height: 26px; +} + +.invoice_blog p strong { + font-weight: 500; + color: #15283c; +} + +.table_row thead { + border: none; +} + +.table_row thead tr { + border: none; + background: #f8f8f8; + color: #15283c; +} + +.table_row thead tr th { + border: none; + font-size: 15px; + font-weight: 500; + padding: 14px 25px 14px; + color: #15283c; + text-transform: uppercase; +} + +.invoice_page .table-striped tbody tr:nth-of-type(2n+2) { + background-color: #f8f8f8; +} + +.invoice_page .table-striped tbody tr:nth-of-type(2n+1) { + background-color: #fff; +} + +.table_row tbody {} + +.table_row tbody tr { + border: none; +} + +.table_row tbody tr td { + font-size: 14px; + font-weight: 400; + padding: 12px 25px 12px; + border: none; + color: #58718a; +} + + +/*------------------------------------------------------------------ + 20. Price table +-------------------------------------------------------------------*/ + +.price_table table.table { + margin: 0; +} + +.payment_option { + list-style: none; + float: left; + width: 100%; +} + +.payment_option li { + display: inline; + float: left; + margin-right: 10px; + border-radius: 5px; +} + +.price_table table th { + font-weight: 500; +} + +.price_table table th, +.price_table table td { + border: none; + padding: 10px 15px; + font-size: 14px; + color: #666; + vertical-align: middle; +} + +p.note_cont { + float: left; + width: 100%; + border: solid #1ed085 1px; + padding: 11px 20px; + border-radius: 3px; + color: #1ed085; + background: rgba(30, 208, 133, 0.05); + margin-top: 15px; +} + + +/*------------------------------------------------------------------ + 21. Mail +-------------------------------------------------------------------*/ + +.mail-box { + border-collapse: collapse; + border-spacing: 0; + display: table; + table-layout: fixed; + width: 100%; +} + +.mail-box aside { + display: table-cell; + float: none; + height: 100%; + padding: 0; + vertical-align: top; +} + +.mail-box .sm-side { + background: #fff; + border-radius: 0; + width: 20%; +} + +.mail-box .lg-side { + background: none repeat scroll 0 0 #fff; + border-radius: 0 4px 4px 0; + width: 80%; +} + +.mail-box .sm-side .user-head { + background: #214162; + border-radius: 0; + color: #fff; + min-height: 80px; + padding: 11px 25px; + float: left; + width: 100%; +} + +.user-head .inbox-avatar { + float: left; + width: 65px; + margin-right: 5px; +} + +.user-head .inbox-avatar img { + border-radius: 100%; +} + +.user-head .user-name { + display: inline-block; + margin: 0 0 0 10px; +} + +.user-head .user-name h5 { + font-size: 16px; + font-weight: 400; + margin-bottom: -5px; + margin-top: 10px; + text-transform: none; +} + +.user-head .user-name h5 a { + color: #fff; +} + +.user-head .user-name span a { + color: #1ed085; + font-size: 13px; +} + +a.mail-dropdown { + background: none repeat scroll 0 0 #80d3d9; + border-radius: 2px; + color: #01a7b3; + font-size: 10px; + margin-top: 20px; + padding: 3px 5px; +} + +.inbox-body { + padding: 20px; + float: left; + width: 100%; +} + +.labels-category { + float: left; + width: 100%; + padding: 20px 0 20px 0; +} + +.btn-compose { + background: #1ed085; + color: #fff; + padding: 12px 0; + text-align: center; + width: 100%; + font-size: 15px; + font-weight: 500; +} + +.btn-compose:hover { + background: #ff5722; + color: #fff; +} + +ul.inbox-nav { + display: inline-block; + margin: 0; + padding: 0 0 20px 0; + width: 100%; +} + +.labels-info { + float: left; + width: 100%; + padding: 20px; +} + +ul.labels-category li { + float: left; + width: 100%; + margin: 5px 0; + padding: 0 20px; +} + +ul.labels-category li a:hover { + color: #1ed085; +} + +.inbox-divider { + border-bottom: 1px solid #ddd; +} + +ul.inbox-nav li { + display: inline-block; + line-height: 45px; + width: 100%; +} + +ul.inbox-nav li a { + display: inline-block; + line-height: 48px; + padding: 0 20px; + width: 100%; + font-size: 15px; +} + +ul.inbox-nav li a:hover, +ul.inbox-nav li.active a, +ul.inbox-nav li a:focus { + background: #214162; + color: #fff; +} + +ul.inbox-nav li a:hover i, +ul.inbox-nav li.active a i, +ul.inbox-nav li a:focus i { + color: #fff; +} + +ul.inbox-nav li a i { + color: #6a6a6a; + font-size: 18px; + padding-right: 10px; + position: relative; + top: 1px; +} + +ul.inbox-nav li a span.label {} + +ul.labels-info li h4 { + color: #5c5c5e; + font-size: 13px; + padding-left: 15px; + padding-right: 15px; + padding-top: 5px; + text-transform: uppercase; +} + +ul.labels-category li h4 { + margin: 0 0 10px 0; + font-size: 21px; + font-weight: 400; + line-height: normal; +} + +ul.labels-info li { + margin: 0; +} + +ul.labels-category li i { + font-size: 12px; + position: relative; + top: -2px; + margin-right: 5px; +} + +ul.labels-info li a { + border-radius: 0; + color: #6a6a6a; +} + +ul.labels-info li a:hover, +ul.labels-info li a:focus { + background: none repeat scroll 0 0 #d5d7de; + color: #6a6a6a; +} + +ul.labels-info li a i { + padding-right: 10px; +} + +.nav.nav-pills.nav-stacked.labels-info p { + color: #9d9f9e; + font-size: 11px; + margin-bottom: 0; + padding: 0 22px; +} + +.inbox-head { + background: #f6f6f6; + border-radius: 0; + color: #fff; + min-height: 80px; + padding: 24px 30px 24px; + background-size: cover; + background-position: center center; +} + +.inbox-head h3 { + display: inline-block; + font-weight: 500; + margin: 0; + padding-top: 3px; + text-transform: none; + letter-spacing: 0; + color: #15283c; + font-size: 21px; +} + +.inbox-head .sr-input { + border: medium none; + border-radius: 0; + box-shadow: none; + color: #222; + float: left; + height: 40px; + padding: 0 20px; + font-size: 14px; + font-weight: 500; + width: 210px; +} + +.inbox-head .sr-btn { + background: #ff5722; + border: medium none; + border-radius: 0; + color: #fff; + height: 40px; + padding: 0; + width: 40px; +} + +.table-inbox { + border: 1px solid #d3d3d3; + margin-bottom: 0; +} + +.table-inbox tr td { + padding: 12px !important; +} + +.table-inbox tr td:hover { + cursor: pointer; +} + +.table-inbox tr td .fa-star.inbox-started, +.table-inbox tr td .fa-star:hover { + color: #f78a09; +} + +.table-inbox tr td .fa-star { + color: #d5d5d5; +} + +.table-inbox tr.unread td { + background: none repeat scroll 0 0 #f7f7f7; + font-weight: 400; + font-size: 13px; +} + +ul.inbox-pagination { + float: right; +} + +ul.inbox-pagination li { + float: left; +} + +.mail-option { + display: inline-block; + margin-bottom: 10px; + width: 100%; +} + +.mail-option .chk-all, +.mail-option .btn-group { + margin-right: 5px; +} + +.mail-option .chk-all, +.mail-option .btn-group a.btn { + background: none repeat scroll 0 0 #fcfcfc; + border: 1px solid #e7e7e7; + border-radius: 3px !important; + color: #afafaf; + display: inline-block; + padding: 5px 10px; +} + +.inbox-pagination a.np-btn { + background: #1ed085; + border: 1px solid #1ed085; + border-radius: 0; + color: #fff; + display: inline-block; + padding: 0 15px; + font-size: 20px; +} + +.mail-option .chk-all input[type="checkbox"] { + margin-top: 0; +} + +.mail-option .btn-group a.all { + border: medium none; + padding: 0; +} + +.inbox-pagination a.np-btn { + margin-left: 5px; +} + +.inbox-pagination li span { + display: inline-block; + margin-right: 10px; + margin-top: 7px; + font-size: 14px; +} + +.fileinput-button { + background: none repeat scroll 0 0 #eeeeee; + border: 1px solid #e6e6e6; +} + +.inbox-body .modal .modal-body input, +.inbox-body .modal .modal-body textarea { + border: 1px solid #e6e6e6; + box-shadow: none; +} + +.btn-send, +.btn-send:hover { + background: none repeat scroll 0 0 #00a8b3; + color: #fff; +} + +.btn-send:hover { + background: none repeat scroll 0 0 #009da7; +} + +.modal-header h4.modal-title { + font-family: "Open Sans", sans-serif; + font-weight: 300; +} + +.modal-body label { + font-family: "Open Sans", sans-serif; + font-weight: 400; +} + +.heading-inbox h4 { + border-bottom: 1px solid #ddd; + color: #444; + font-size: 18px; + margin-top: 20px; + padding-bottom: 10px; +} + +.sender-info { + margin-bottom: 20px; +} + +.sender-info img { + height: 30px; + width: 30px; +} + +.sender-dropdown { + background: none repeat scroll 0 0 #eaeaea; + color: #777; + font-size: 10px; + padding: 0 3px; +} + +.view-mail a { + color: #ff6c60; +} + +.attachment-mail { + margin-top: 30px; +} + +.attachment-mail ul { + display: inline-block; + margin-bottom: 30px; + width: 100%; +} + +.attachment-mail ul li { + float: left; + margin-bottom: 10px; + margin-right: 10px; + width: 150px; +} + +.attachment-mail ul li img { + width: 100%; +} + +.attachment-mail ul li span { + float: right; +} + +.attachment-mail .file-name { + float: left; +} + +.attachment-mail .links { + display: inline-block; + width: 100%; +} + +.fileinput-button { + float: left; + margin-right: 4px; + overflow: hidden; + position: relative; +} + +.fileinput-button input { + cursor: pointer; + direction: ltr; + font-size: 23px; + margin: 0; + opacity: 0; + position: absolute; + right: 0; + top: 0; + transform: translate(-300px, 0px) scale(4); +} + +.fileupload-buttonbar .btn, +.fileupload-buttonbar .toggle { + margin-bottom: 5px; +} + +.files .progress { + width: 200px; +} + +.table thead th { + font-weight: 400; +} + +.table-hover tbody tr.unread:hover, +.table-hover tbody tr.unread:focus { + color: #333; +} + +.table-hover tbody tr:hover, +.table-hover tbody tr:focus { + background-color: #1ed085 !important; + color: #fff; +} + +.view-message.inbox-small-cells i { + font-size: 17px; +} + +ul.labels-category li p { + margin: 0 0 5px 0; + padding: 0 0 0 18px; +} + +.fileupload-processing .fileupload-loading { + display: block; +} + +* html .fileinput-button { + line-height: 24px; + margin: 1px -3px 0 0; +} + +*+html .fileinput-button { + margin: 1px 0 0; + padding: 2px 15px; +} + +@media (max-width: 767px) { + .files .btn span { + display: none; + } + .files .preview * { + width: 40px; + } + .files .name * { + display: inline-block; + width: 80px; + word-wrap: break-word; + } + .files .progress { + width: 20px; + } + .files .delete { + width: 60px; + } +} + + +/*------------------------------------------------------------------ + 22. Price table page +-------------------------------------------------------------------*/ + +.price_table_head h2 { + line-height: normal; + color: #fff; + text-align: center; + font-weight: 400; + padding: 18px 20px; + font-size: 24px; +} + +.cont_table_price_blog { + text-align: center; +} + +.cont_table_price_blog p { + font-size: 24px; + line-height: normal; + margin: 0; + padding: 15px 0; + font-weight: 400; + border-bottom: solid #ddd 1px; +} + +.cont_table_price ul { + text-align: center; + line-height: normal; + padding: 20px 0 10px; + float: left; + width: 100%; + background: #f8f8f8; +} + +.cont_table_price li { + margin: 10px 0; + float: left; + width: 100%; + padding-bottom: 5px; + font-size: 15px; + font-weight: 300; +} + +.cont_table_price ul li:last-child { + border-bottom: none; +} + +.cont_table_price_blog p span.price_no { + font-size: 60px; + font-weight: 600; +} + +.price_table_bottom { + float: left; + width: 100%; +} + +.price_table_head { + margin: -1px -1px 0; +} + +.table_price { + border: solid #ddd 1px; + padding-bottom: 35px; + margin-bottom: 20px; +} + +.price_table_bottom { + float: left; + width: 100%; + border-top: solid #ddd 1px; + padding-top: 35px; +} + + +/*------------------------------------------------------------------ + 23. Contact page +-------------------------------------------------------------------*/ + +.contact_blog { + float: left; + width: 100%; + border: solid #ddd 1px; + border-radius: 3px; + padding: 30px; +} + +.contact_blog h4.brief { + font-size: 15px; + font-weight: 300; + color: #455a64; + margin: -5px 0 5px; + line-height: normal; +} + +.contact_inner { + float: left; + width: 100%; +} + +.contact_inner .left { + width: 70%; + float: left; + padding-right: 20px; +} + +.contact_inner .right { + width: 30%; + float: left; +} + +.contact_inner h3 { + font-weight: 600; + text-transform: none; + font-size: 20px; + margin-bottom: 10px; + color: #455a64; +} + +.contact_inner p { + font-size: 13px; + margin: 0 0 10px 0; +} + +.contact_inner p strong { + font-weight: 600; +} + +.contact_inner .list-unstyled { + list-style: none; +} + +.contact_inner .list-unstyled li { + float: left; + margin-right: 15px; + font-size: 14px; + color: #58718a; + width: 100%; +} + +.profile_contacts img { + border-radius: 100%; + border: 1px solid #ddd; + padding: 4px; +} + +.bottom_list { + float: left; + width: 100%; + border-top: solid #ddd 1px; + margin-top: 20px; + padding-top: 20px; +} + +.bottom_list .left_rating { + float: left; + width: auto; +} + +.bottom_list .right_button { + float: right; +} + +.bottom_list .left_rating p.ratings { + margin: 0; + font-size: 16px; + padding: 7px 0; +} + +.bottom_list .left_rating p.ratings a {} + +.fa.fa-star { + color: #ff9800; +} + +.profile_img { + float: left; + margin-right: 20px; +} + +.profile_contant { + float: left; + padding: 0 20px 20px 20px; + width: 100%; +} + +.tab-content .msg_list_main ul li { + padding-top: 15px; + padding-bottom: 15px; +} + +.tab-content .msg_list_main ul li { + border-left: none; + padding-left: 15px; + padding-right: 0; +} + +.user_progress_bar .progress_bar { + padding: 0; +} + +.dis_flex { + display: flex; +} + +td ul.list-inline li { + display: inline; + margin: 0 5px; +} + + +/*------------------------------------------------------------------ + 24. Progress bar +-------------------------------------------------------------------*/ + +.progress-bar { + background-color: #1ed085; + box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15); +} + +.progress { + display: flex; + height: 10px; + overflow: hidden; + font-size: .75rem; + background-color: #fff; + border-radius: 10px; +} + +.projects .btn.btn-success { + background: #1ed085; + color: #fff; + font-size: 12px; + border: none; + font-weight: 400; + padding: 6px 15px; + border-radius: 50px; +} + +table.projects tr td:first-child { + text-align: center; +} + +.table.projects thead.thead-dark th { + background: #15283c; + font-weight: 300; + padding: 15px 15px; +} + +.table.projects tbody td { + padding: 15px 15px; +} + +.table-responsive-sm { + overflow: auto; +} + + +/*------------------------------------------------------------------ + 25. Login Section +-------------------------------------------------------------------*/ + +.login { + background: #eee; +} + +.full_height { + height: 100vh; +} + +.login_section { + max-width: 640px; + background: #fff; + min-height: 540px; + width: 100%; + box-shadow: 0px 0 10px -8px #000; + margin: 0px; + padding: 0; + border-radius: 10px; + overflow: hidden; +} + +.logo_login { + background: url('images/layout_img/login_image.jpg'); + padding: 50px 0; + background-position: center center; + position: relative; +} + +.logo_login::after { + content: ""; + display: block; + width: 100%; + height: 100%; + position: absolute; + background: rgba(21, 40, 60, .8); + top: 0px; + left: 0; +} + +.logo_login div { + position: relative; + z-index: 1; +} + +.login_form { + padding: 50px 50px; + float: left; + width: 100%; +} + +.login_form form { + float: left; + width: 100%; +} + +.login_form form .field { + display: flex; + margin: 0; +} + +.login_form form .field label.label_field { + margin: 0 30px 0 0; + width: 115px; + line-height: 45px; + text-align: right; + height: 45px; + font-weight: 300; + font-size: 15px; +} + +.login_form form .field { + display: block; + margin: 0 0 20px; +} + +.login_form form .field input { + border-top: none; + border-left: none; + border-right: none; + border-bottom: solid #ddd 2px; + width: 395px; + float: right; + padding: 10px; + line-height: normal; + font-weight: 300; + transition: ease all 0.5s; +} + +.login_form form .field input:hover, +.login_form form .field input:focus { + box-shadow: none; +} + +.login_form .field label.form-check-label .form-check-input { + width: auto; +} + +.hidden { + visibility: hidden; +} + +.login_form .field label.form-check-label { + margin-left: 20px; + position: relative; + top: 0; +} + +.forgot { + float: right; + margin: 11px 0; + position: relative; + left: 0; + color: #ff5722; +} + + +/*------------------------------------------------------------------ + 26. Error +-------------------------------------------------------------------*/ + +.error_page h2 { + font-size: 150px; + line-height: 150px; + text-align: center; + font-weight: 300; +} + +.error_page h3 { + color: #444d5b; + text-align: center; + font-weight: 700; + font-size: 50px; + line-height: 50px; + margin-bottom: 25px; + text-shadow: none; + margin-top: 10px; +} + +.error_page h3+p { + font-size: 16px; + margin-top: -10px; + margin-bottom: 30px; + text-align: center; +} + +.error_404 { + background-size: cover; + background-color: #fff; +} + + +/*------------------------------------------------------------------ + 27. Map +-------------------------------------------------------------------*/ + +#map { + height: 100%; + min-height: 720px; +} diff --git a/src/main/resources/static/images/gaia.png b/src/main/resources/static/images/gaia.png new file mode 100644 index 0000000000000000000000000000000000000000..522dabcc3d4d6b3eee65ed25217bfa8743417c37 GIT binary patch literal 37099 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 literal 0 HcmV?d00001 diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html new file mode 100644 index 000000000..6935f096c --- /dev/null +++ b/src/main/resources/templates/index.html @@ -0,0 +1,101 @@ + + + + + Gaia - A terraform UI + + + +
+
+ +
+ + +
+ +
+ +
+
+
+
+
+

Dashboard

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

12

+

Modules

+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/src/main/resources/templates/layout/header.html b/src/main/resources/templates/layout/header.html new file mode 100644 index 000000000..196dd6fbe --- /dev/null +++ b/src/main/resources/templates/layout/header.html @@ -0,0 +1,26 @@ + + + + + + + + + + Gaia - A terraform UI + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/templates/layout/sidebar.html b/src/main/resources/templates/layout/sidebar.html new file mode 100644 index 000000000..efc684cc7 --- /dev/null +++ b/src/main/resources/templates/layout/sidebar.html @@ -0,0 +1,30 @@ + + + \ No newline at end of file diff --git a/src/main/resources/templates/layout/topbar.html b/src/main/resources/templates/layout/topbar.html new file mode 100644 index 000000000..af87a5d3e --- /dev/null +++ b/src/main/resources/templates/layout/topbar.html @@ -0,0 +1,20 @@ + +
+ +
+ \ No newline at end of file diff --git a/src/main/resources/templates/module.html b/src/main/resources/templates/module.html index cb51bea46..5bf389cbf 100644 --- a/src/main/resources/templates/module.html +++ b/src/main/resources/templates/module.html @@ -1,67 +1,108 @@ - - - - Gaia - Modules list - + + + + + Gaia - Edit module - - + +
+
+ +
+ + +
+ +
+ +
+
+
+
+
+

Module

+
+
+
+
+
+
-
+
-
+
+
+
+
+
+
+
+ + + + + + - + @@ -98,5 +139,14 @@

Variables