Repository: 56kcloud/Training Branch: main Commit: 8848b8430ccb Files: 2190 Total size: 57.6 MB Directory structure: gitextract_zw7rzu5x/ ├── .gitmodules ├── CNAME ├── Cloud/ │ └── README.md ├── DevOps/ │ └── README.md ├── DevOpsDays/ │ └── readme.md ├── Docker/ │ ├── 12factor/ │ │ ├── 00_application.md │ │ ├── 01_codebase.md │ │ ├── 02_dependencies.md │ │ ├── 03_configuration.md │ │ ├── 04_external_services.md │ │ ├── 05_build_release_run.md │ │ ├── 06_processes.md │ │ ├── 07_port_binding.md │ │ ├── 08_concurrency.md │ │ ├── 09_disposability.md │ │ ├── 10_dev_prod_parity.md │ │ ├── 11_logs.md │ │ ├── 12_admin_processes.md │ │ └── README.md │ ├── Docker-Orchestration/ │ │ └── readme.md │ ├── README.md │ ├── additional-ressources/ │ │ ├── README.md │ │ ├── developer-tools/ │ │ │ ├── README.md │ │ │ ├── README_es.md │ │ │ ├── java/ │ │ │ │ ├── chapters/ │ │ │ │ │ ├── appa-common-commands.adoc │ │ │ │ │ ├── appb-troubleshooting.adoc │ │ │ │ │ ├── appc-references.adoc │ │ │ │ │ ├── ch01-setup.adoc │ │ │ │ │ ├── ch02-basic-concepts.adoc │ │ │ │ │ ├── ch03-build-image-java-9.adoc │ │ │ │ │ ├── ch03-build-image.adoc │ │ │ │ │ ├── ch04-run-container.adoc │ │ │ │ │ ├── ch05-compose.adoc │ │ │ │ │ ├── ch06-swarm.adoc │ │ │ │ │ ├── ch07-eclipse.adoc │ │ │ │ │ ├── ch07-intellij.adoc │ │ │ │ │ ├── ch07-netbeans.adoc │ │ │ │ │ ├── ch08-aws.adoc │ │ │ │ │ ├── ch08-azure.adoc │ │ │ │ │ ├── ch08-cloud.adoc │ │ │ │ │ ├── ch09-cicd.adoc │ │ │ │ │ ├── ch10-monitoring.adoc │ │ │ │ │ └── ch11-bigdata.adoc │ │ │ │ ├── readme.adoc │ │ │ │ └── scripts/ │ │ │ │ └── docker-compose-pull-images.yml │ │ │ ├── java-debugging/ │ │ │ │ ├── Eclipse-README.md │ │ │ │ ├── Eclipse-README_es.md │ │ │ │ ├── IntelliJ-README.md │ │ │ │ ├── IntelliJ-README_es.md │ │ │ │ ├── NetBeans-README.md │ │ │ │ ├── NetBeans-README_es.md │ │ │ │ ├── README.md │ │ │ │ ├── README_es.md │ │ │ │ ├── app/ │ │ │ │ │ ├── .gitignore │ │ │ │ │ ├── pom.xml │ │ │ │ │ └── src/ │ │ │ │ │ └── main/ │ │ │ │ │ ├── java/ │ │ │ │ │ │ └── com/ │ │ │ │ │ │ └── docker/ │ │ │ │ │ │ └── UserSignup/ │ │ │ │ │ │ ├── controller/ │ │ │ │ │ │ │ └── UserController.java │ │ │ │ │ │ ├── model/ │ │ │ │ │ │ │ ├── User.java │ │ │ │ │ │ │ └── UserLogin.java │ │ │ │ │ │ ├── repository/ │ │ │ │ │ │ │ └── UserRepository.java │ │ │ │ │ │ ├── service/ │ │ │ │ │ │ │ ├── UserService.java │ │ │ │ │ │ │ └── UserServiceImpl.java │ │ │ │ │ │ └── util/ │ │ │ │ │ │ └── Rot13.java │ │ │ │ │ ├── resources/ │ │ │ │ │ │ ├── META-INF/ │ │ │ │ │ │ │ └── persistence.xml │ │ │ │ │ │ ├── jpaContext.xml │ │ │ │ │ │ └── messages.properties │ │ │ │ │ └── webapp/ │ │ │ │ │ ├── WEB-INF/ │ │ │ │ │ │ ├── config/ │ │ │ │ │ │ │ └── servletConfig.xml │ │ │ │ │ │ ├── jsp/ │ │ │ │ │ │ │ ├── failure.jsp │ │ │ │ │ │ │ ├── login.jsp │ │ │ │ │ │ │ ├── signup.jsp │ │ │ │ │ │ │ └── success.jsp │ │ │ │ │ │ └── web.xml │ │ │ │ │ ├── assets/ │ │ │ │ │ │ └── css/ │ │ │ │ │ │ └── bootstrap-united.css │ │ │ │ │ ├── bootstrap/ │ │ │ │ │ │ ├── css/ │ │ │ │ │ │ │ ├── bootstrap-theme.css │ │ │ │ │ │ │ └── bootstrap.css │ │ │ │ │ │ └── js/ │ │ │ │ │ │ └── bootstrap.js │ │ │ │ │ ├── datepicker/ │ │ │ │ │ │ ├── css/ │ │ │ │ │ │ │ └── datepicker.css │ │ │ │ │ │ ├── js/ │ │ │ │ │ │ │ └── bootstrap-datepicker.js │ │ │ │ │ │ └── less/ │ │ │ │ │ │ └── datepicker.less │ │ │ │ │ ├── index.jsp │ │ │ │ │ └── jquery-1.8.3.js │ │ │ │ ├── docker-compose.yml │ │ │ │ ├── images/ │ │ │ │ │ └── resizeImg.py │ │ │ │ ├── registration-database/ │ │ │ │ │ ├── Dockerfile │ │ │ │ │ ├── README.md │ │ │ │ │ └── docker-entrypoint-initdb.d/ │ │ │ │ │ └── initialize_db.sql │ │ │ │ └── registration-webserver/ │ │ │ │ ├── Dockerfile │ │ │ │ ├── README.md │ │ │ │ └── tomcat/ │ │ │ │ ├── mysql-connector-java-5.1.36-bin.jar │ │ │ │ ├── run.sh │ │ │ │ └── tomcat-users.xml │ │ │ ├── nodejs/ │ │ │ │ └── porting/ │ │ │ │ ├── 1_node_application.md │ │ │ │ ├── 2_application_image.md │ │ │ │ ├── 3_publish_image.md │ │ │ │ ├── 4_single_host_networking.md │ │ │ │ ├── 5_multiple_hosts_networking.md │ │ │ │ ├── 6_deploy_on_swarm.md │ │ │ │ ├── README.md │ │ │ │ └── summary.md │ │ │ ├── nodejs-debugging/ │ │ │ │ ├── .gitignore │ │ │ │ ├── README.md │ │ │ │ ├── VSCode-README.md │ │ │ │ └── app/ │ │ │ │ ├── Dockerfile │ │ │ │ ├── app.js │ │ │ │ ├── docker-compose.yml │ │ │ │ ├── index.html │ │ │ │ ├── layouts/ │ │ │ │ │ └── main.handlebars │ │ │ │ └── package.json │ │ │ └── ruby/ │ │ │ └── README.md │ │ ├── dockercon-us-2017/ │ │ │ ├── README.md │ │ │ ├── docker-cloud/ │ │ │ │ └── README.md │ │ │ ├── docker-enterprise/ │ │ │ │ └── README.md │ │ │ ├── docker-networking/ │ │ │ │ └── README.md │ │ │ ├── docker-orchestration/ │ │ │ │ └── README.md │ │ │ ├── securing-apps-docker-enterprise/ │ │ │ │ └── README.md │ │ │ ├── template.md │ │ │ ├── windows-101/ │ │ │ │ ├── README.md │ │ │ │ └── tweet-app/ │ │ │ │ ├── Dockerfile │ │ │ │ ├── index.html │ │ │ │ └── start.ps1 │ │ │ ├── windows-modernize-aspnet-dev/ │ │ │ │ ├── .gitignore │ │ │ │ ├── README.md │ │ │ │ ├── v1-src/ │ │ │ │ │ ├── ProductLaunch/ │ │ │ │ │ │ ├── ProductLaunch.Core/ │ │ │ │ │ │ │ ├── Env.cs │ │ │ │ │ │ │ ├── ProductLaunch.Core.csproj │ │ │ │ │ │ │ └── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── ProductLaunch.EndToEndTests/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.EndToEndTests.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── ProspectSignUp.feature │ │ │ │ │ │ │ ├── ProspectSignUp.feature.cs │ │ │ │ │ │ │ ├── ProspectSignUpSteps.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Entities/ │ │ │ │ │ │ │ ├── Country.cs │ │ │ │ │ │ │ ├── ProductLaunch.Entities.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── Prospect.cs │ │ │ │ │ │ │ └── Role.cs │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── Documents/ │ │ │ │ │ │ │ │ └── Prospect.cs │ │ │ │ │ │ │ ├── Indexer/ │ │ │ │ │ │ │ │ └── Index.cs │ │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect.csproj │ │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect.csproj │ │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Messaging/ │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── MessageHelper.cs │ │ │ │ │ │ │ ├── MessageQueue.cs │ │ │ │ │ │ │ ├── Messages/ │ │ │ │ │ │ │ │ ├── Events/ │ │ │ │ │ │ │ │ │ └── ProspectSignedUpEvent.cs │ │ │ │ │ │ │ │ └── Message.cs │ │ │ │ │ │ │ ├── ProductLaunch.Messaging.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Model/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── Initializers/ │ │ │ │ │ │ │ │ └── StaticDataInitializer.cs │ │ │ │ │ │ │ ├── ProductLaunch.Model.csproj │ │ │ │ │ │ │ ├── ProductLaunchContext.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Model.Tests/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.Model.Tests.csproj │ │ │ │ │ │ │ ├── ProductLaunchContextTest.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Web/ │ │ │ │ │ │ │ ├── About.aspx │ │ │ │ │ │ │ ├── About.aspx.cs │ │ │ │ │ │ │ ├── About.aspx.designer.cs │ │ │ │ │ │ │ ├── App_Start/ │ │ │ │ │ │ │ │ ├── BundleConfig.cs │ │ │ │ │ │ │ │ └── RouteConfig.cs │ │ │ │ │ │ │ ├── ApplicationInsights.config │ │ │ │ │ │ │ ├── Bundle.config │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── Contact.aspx │ │ │ │ │ │ │ ├── Contact.aspx.cs │ │ │ │ │ │ │ ├── Contact.aspx.designer.cs │ │ │ │ │ │ │ ├── Content/ │ │ │ │ │ │ │ │ ├── Site.css │ │ │ │ │ │ │ │ └── bootstrap.css │ │ │ │ │ │ │ ├── Default.aspx │ │ │ │ │ │ │ ├── Default.aspx.cs │ │ │ │ │ │ │ ├── Default.aspx.designer.cs │ │ │ │ │ │ │ ├── Global.asax │ │ │ │ │ │ │ ├── Global.asax.cs │ │ │ │ │ │ │ ├── ProductLaunch.Web.csproj │ │ │ │ │ │ │ ├── Project_Readme.html │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── Scripts/ │ │ │ │ │ │ │ │ ├── WebForms/ │ │ │ │ │ │ │ │ │ ├── DetailsView.js │ │ │ │ │ │ │ │ │ ├── Focus.js │ │ │ │ │ │ │ │ │ ├── GridView.js │ │ │ │ │ │ │ │ │ ├── MSAjax/ │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjax.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxApplicationServices.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxComponentModel.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxCore.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxGlobalization.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxHistory.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxNetwork.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxSerialization.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxTimer.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxWebForms.js │ │ │ │ │ │ │ │ │ │ └── MicrosoftAjaxWebServices.js │ │ │ │ │ │ │ │ │ ├── Menu.js │ │ │ │ │ │ │ │ │ ├── MenuStandards.js │ │ │ │ │ │ │ │ │ ├── SmartNav.js │ │ │ │ │ │ │ │ │ ├── TreeView.js │ │ │ │ │ │ │ │ │ ├── WebForms.js │ │ │ │ │ │ │ │ │ ├── WebParts.js │ │ │ │ │ │ │ │ │ └── WebUIValidation.js │ │ │ │ │ │ │ │ ├── _references.js │ │ │ │ │ │ │ │ ├── bootstrap.js │ │ │ │ │ │ │ │ ├── jquery-1.10.2.intellisense.js │ │ │ │ │ │ │ │ ├── jquery-1.10.2.js │ │ │ │ │ │ │ │ ├── modernizr-2.6.2.js │ │ │ │ │ │ │ │ └── respond.js │ │ │ │ │ │ │ ├── SignUp.aspx │ │ │ │ │ │ │ ├── SignUp.aspx.cs │ │ │ │ │ │ │ ├── SignUp.aspx.designer.cs │ │ │ │ │ │ │ ├── Site.Master │ │ │ │ │ │ │ ├── Site.Master.cs │ │ │ │ │ │ │ ├── Site.Master.designer.cs │ │ │ │ │ │ │ ├── Site.Mobile.Master │ │ │ │ │ │ │ ├── Site.Mobile.Master.cs │ │ │ │ │ │ │ ├── Site.Mobile.Master.designer.cs │ │ │ │ │ │ │ ├── ThankYou.aspx │ │ │ │ │ │ │ ├── ThankYou.aspx.cs │ │ │ │ │ │ │ ├── ThankYou.aspx.designer.cs │ │ │ │ │ │ │ ├── ViewSwitcher.ascx │ │ │ │ │ │ │ ├── ViewSwitcher.ascx.cs │ │ │ │ │ │ │ ├── ViewSwitcher.ascx.designer.cs │ │ │ │ │ │ │ ├── Web.Debug.config │ │ │ │ │ │ │ ├── Web.Release.config │ │ │ │ │ │ │ ├── Web.config │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.sln │ │ │ │ │ │ └── build.ps1 │ │ │ │ │ ├── build.ps1 │ │ │ │ │ └── docker/ │ │ │ │ │ ├── builder/ │ │ │ │ │ │ └── Dockerfile │ │ │ │ │ └── web/ │ │ │ │ │ ├── Dockerfile │ │ │ │ │ └── Web.config │ │ │ │ └── v2-src/ │ │ │ │ ├── ProductLaunch/ │ │ │ │ │ ├── ProductLaunch.Core/ │ │ │ │ │ │ ├── Env.cs │ │ │ │ │ │ ├── ProductLaunch.Core.csproj │ │ │ │ │ │ └── Properties/ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ ├── ProductLaunch.EndToEndTests/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── ProductLaunch.EndToEndTests.csproj │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── ProspectSignUp.feature │ │ │ │ │ │ ├── ProspectSignUp.feature.cs │ │ │ │ │ │ ├── ProspectSignUpSteps.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Entities/ │ │ │ │ │ │ ├── Country.cs │ │ │ │ │ │ ├── ProductLaunch.Entities.csproj │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── Prospect.cs │ │ │ │ │ │ └── Role.cs │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ ├── Documents/ │ │ │ │ │ │ │ └── Prospect.cs │ │ │ │ │ │ ├── Indexer/ │ │ │ │ │ │ │ └── Index.cs │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect.csproj │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect.csproj │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Messaging/ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ ├── MessageHelper.cs │ │ │ │ │ │ ├── MessageQueue.cs │ │ │ │ │ │ ├── Messages/ │ │ │ │ │ │ │ ├── Events/ │ │ │ │ │ │ │ │ └── ProspectSignedUpEvent.cs │ │ │ │ │ │ │ └── Message.cs │ │ │ │ │ │ ├── ProductLaunch.Messaging.csproj │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Model/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ ├── Initializers/ │ │ │ │ │ │ │ └── StaticDataInitializer.cs │ │ │ │ │ │ ├── ProductLaunch.Model.csproj │ │ │ │ │ │ ├── ProductLaunchContext.cs │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Model.Tests/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── ProductLaunch.Model.Tests.csproj │ │ │ │ │ │ ├── ProductLaunchContextTest.cs │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Web/ │ │ │ │ │ │ ├── About.aspx │ │ │ │ │ │ ├── About.aspx.cs │ │ │ │ │ │ ├── About.aspx.designer.cs │ │ │ │ │ │ ├── App_Start/ │ │ │ │ │ │ │ ├── BundleConfig.cs │ │ │ │ │ │ │ └── RouteConfig.cs │ │ │ │ │ │ ├── ApplicationInsights.config │ │ │ │ │ │ ├── Bundle.config │ │ │ │ │ │ ├── Contact.aspx │ │ │ │ │ │ ├── Contact.aspx.cs │ │ │ │ │ │ ├── Contact.aspx.designer.cs │ │ │ │ │ │ ├── Content/ │ │ │ │ │ │ │ ├── Site.css │ │ │ │ │ │ │ └── bootstrap.css │ │ │ │ │ │ ├── Default.aspx │ │ │ │ │ │ ├── Default.aspx.cs │ │ │ │ │ │ ├── Default.aspx.designer.cs │ │ │ │ │ │ ├── Global.asax │ │ │ │ │ │ ├── Global.asax.cs │ │ │ │ │ │ ├── ProductLaunch.Web.csproj │ │ │ │ │ │ ├── Project_Readme.html │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── Scripts/ │ │ │ │ │ │ │ ├── WebForms/ │ │ │ │ │ │ │ │ ├── DetailsView.js │ │ │ │ │ │ │ │ ├── Focus.js │ │ │ │ │ │ │ │ ├── GridView.js │ │ │ │ │ │ │ │ ├── MSAjax/ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjax.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxApplicationServices.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxComponentModel.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxCore.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxGlobalization.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxHistory.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxNetwork.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxSerialization.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxTimer.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxWebForms.js │ │ │ │ │ │ │ │ │ └── MicrosoftAjaxWebServices.js │ │ │ │ │ │ │ │ ├── Menu.js │ │ │ │ │ │ │ │ ├── MenuStandards.js │ │ │ │ │ │ │ │ ├── SmartNav.js │ │ │ │ │ │ │ │ ├── TreeView.js │ │ │ │ │ │ │ │ ├── WebForms.js │ │ │ │ │ │ │ │ ├── WebParts.js │ │ │ │ │ │ │ │ └── WebUIValidation.js │ │ │ │ │ │ │ ├── _references.js │ │ │ │ │ │ │ ├── bootstrap.js │ │ │ │ │ │ │ ├── jquery-1.10.2.intellisense.js │ │ │ │ │ │ │ ├── jquery-1.10.2.js │ │ │ │ │ │ │ ├── modernizr-2.6.2.js │ │ │ │ │ │ │ └── respond.js │ │ │ │ │ │ ├── SignUp.aspx │ │ │ │ │ │ ├── SignUp.aspx.cs │ │ │ │ │ │ ├── SignUp.aspx.designer.cs │ │ │ │ │ │ ├── Site.Master │ │ │ │ │ │ ├── Site.Master.cs │ │ │ │ │ │ ├── Site.Master.designer.cs │ │ │ │ │ │ ├── Site.Mobile.Master │ │ │ │ │ │ ├── Site.Mobile.Master.cs │ │ │ │ │ │ ├── Site.Mobile.Master.designer.cs │ │ │ │ │ │ ├── ThankYou.aspx │ │ │ │ │ │ ├── ThankYou.aspx.cs │ │ │ │ │ │ ├── ThankYou.aspx.designer.cs │ │ │ │ │ │ ├── ViewSwitcher.ascx │ │ │ │ │ │ ├── ViewSwitcher.ascx.cs │ │ │ │ │ │ ├── ViewSwitcher.ascx.designer.cs │ │ │ │ │ │ ├── Web.Debug.config │ │ │ │ │ │ ├── Web.Release.config │ │ │ │ │ │ ├── Web.config │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.sln │ │ │ │ │ └── build.ps1 │ │ │ │ ├── build.ps1 │ │ │ │ ├── docker/ │ │ │ │ │ ├── builder/ │ │ │ │ │ │ └── Dockerfile │ │ │ │ │ ├── save-prospect/ │ │ │ │ │ │ └── Dockerfile │ │ │ │ │ └── web/ │ │ │ │ │ ├── Dockerfile │ │ │ │ │ └── bootstrap.ps1 │ │ │ │ └── docker-compose.yml │ │ │ ├── windows-modernize-aspnet-ops/ │ │ │ │ ├── README.md │ │ │ │ ├── v1.0/ │ │ │ │ │ └── Dockerfile │ │ │ │ └── v1.1/ │ │ │ │ └── Dockerfile │ │ │ └── workshop-slides/ │ │ │ └── README.md │ │ ├── slides/ │ │ │ ├── docker-introduction.key │ │ │ └── docker-java-dockercon-2017.key │ │ └── windows/ │ │ ├── .gitattributes │ │ ├── .gitignore │ │ ├── aspnet-web/ │ │ │ ├── README.md │ │ │ ├── docker-compose.yml │ │ │ └── webserver/ │ │ │ ├── Dockerfile │ │ │ └── app/ │ │ │ ├── Program.cs │ │ │ ├── Startup.cs │ │ │ ├── project.json │ │ │ └── run.bat │ │ ├── modernize-traditional-apps/ │ │ │ ├── README.md │ │ │ ├── modernize-aspnet/ │ │ │ │ ├── .gitignore │ │ │ │ ├── README.md │ │ │ │ ├── part-1.md │ │ │ │ ├── part-2.md │ │ │ │ ├── part-3.md │ │ │ │ ├── part-4.md │ │ │ │ ├── part-5.md │ │ │ │ ├── v1-src/ │ │ │ │ │ ├── ProductLaunch/ │ │ │ │ │ │ ├── ProductLaunch.Core/ │ │ │ │ │ │ │ ├── Env.cs │ │ │ │ │ │ │ ├── ProductLaunch.Core.csproj │ │ │ │ │ │ │ └── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── ProductLaunch.EndToEndTests/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.EndToEndTests.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── ProspectSignUp.feature │ │ │ │ │ │ │ ├── ProspectSignUp.feature.cs │ │ │ │ │ │ │ ├── ProspectSignUpSteps.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Entities/ │ │ │ │ │ │ │ ├── Country.cs │ │ │ │ │ │ │ ├── ProductLaunch.Entities.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── Prospect.cs │ │ │ │ │ │ │ └── Role.cs │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── Documents/ │ │ │ │ │ │ │ │ └── Prospect.cs │ │ │ │ │ │ │ ├── Indexer/ │ │ │ │ │ │ │ │ └── Index.cs │ │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect.csproj │ │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect.csproj │ │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Messaging/ │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── MessageHelper.cs │ │ │ │ │ │ │ ├── MessageQueue.cs │ │ │ │ │ │ │ ├── Messages/ │ │ │ │ │ │ │ │ ├── Events/ │ │ │ │ │ │ │ │ │ └── ProspectSignedUpEvent.cs │ │ │ │ │ │ │ │ └── Message.cs │ │ │ │ │ │ │ ├── ProductLaunch.Messaging.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Model/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── Initializers/ │ │ │ │ │ │ │ │ └── StaticDataInitializer.cs │ │ │ │ │ │ │ ├── ProductLaunch.Model.csproj │ │ │ │ │ │ │ ├── ProductLaunchContext.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Model.Tests/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.Model.Tests.csproj │ │ │ │ │ │ │ ├── ProductLaunchContextTest.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Web/ │ │ │ │ │ │ │ ├── About.aspx │ │ │ │ │ │ │ ├── About.aspx.cs │ │ │ │ │ │ │ ├── About.aspx.designer.cs │ │ │ │ │ │ │ ├── App_Start/ │ │ │ │ │ │ │ │ ├── BundleConfig.cs │ │ │ │ │ │ │ │ └── RouteConfig.cs │ │ │ │ │ │ │ ├── ApplicationInsights.config │ │ │ │ │ │ │ ├── Bundle.config │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── Contact.aspx │ │ │ │ │ │ │ ├── Contact.aspx.cs │ │ │ │ │ │ │ ├── Contact.aspx.designer.cs │ │ │ │ │ │ │ ├── Content/ │ │ │ │ │ │ │ │ ├── Site.css │ │ │ │ │ │ │ │ └── bootstrap.css │ │ │ │ │ │ │ ├── Default.aspx │ │ │ │ │ │ │ ├── Default.aspx.cs │ │ │ │ │ │ │ ├── Default.aspx.designer.cs │ │ │ │ │ │ │ ├── Global.asax │ │ │ │ │ │ │ ├── Global.asax.cs │ │ │ │ │ │ │ ├── ProductLaunch.Web.csproj │ │ │ │ │ │ │ ├── Project_Readme.html │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── Scripts/ │ │ │ │ │ │ │ │ ├── WebForms/ │ │ │ │ │ │ │ │ │ ├── DetailsView.js │ │ │ │ │ │ │ │ │ ├── Focus.js │ │ │ │ │ │ │ │ │ ├── GridView.js │ │ │ │ │ │ │ │ │ ├── MSAjax/ │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjax.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxApplicationServices.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxComponentModel.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxCore.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxGlobalization.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxHistory.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxNetwork.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxSerialization.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxTimer.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxWebForms.js │ │ │ │ │ │ │ │ │ │ └── MicrosoftAjaxWebServices.js │ │ │ │ │ │ │ │ │ ├── Menu.js │ │ │ │ │ │ │ │ │ ├── MenuStandards.js │ │ │ │ │ │ │ │ │ ├── SmartNav.js │ │ │ │ │ │ │ │ │ ├── TreeView.js │ │ │ │ │ │ │ │ │ ├── WebForms.js │ │ │ │ │ │ │ │ │ ├── WebParts.js │ │ │ │ │ │ │ │ │ └── WebUIValidation.js │ │ │ │ │ │ │ │ ├── _references.js │ │ │ │ │ │ │ │ ├── bootstrap.js │ │ │ │ │ │ │ │ ├── jquery-1.10.2.intellisense.js │ │ │ │ │ │ │ │ ├── jquery-1.10.2.js │ │ │ │ │ │ │ │ ├── modernizr-2.6.2.js │ │ │ │ │ │ │ │ └── respond.js │ │ │ │ │ │ │ ├── SignUp.aspx │ │ │ │ │ │ │ ├── SignUp.aspx.cs │ │ │ │ │ │ │ ├── SignUp.aspx.designer.cs │ │ │ │ │ │ │ ├── Site.Master │ │ │ │ │ │ │ ├── Site.Master.cs │ │ │ │ │ │ │ ├── Site.Master.designer.cs │ │ │ │ │ │ │ ├── Site.Mobile.Master │ │ │ │ │ │ │ ├── Site.Mobile.Master.cs │ │ │ │ │ │ │ ├── Site.Mobile.Master.designer.cs │ │ │ │ │ │ │ ├── ThankYou.aspx │ │ │ │ │ │ │ ├── ThankYou.aspx.cs │ │ │ │ │ │ │ ├── ThankYou.aspx.designer.cs │ │ │ │ │ │ │ ├── ViewSwitcher.ascx │ │ │ │ │ │ │ ├── ViewSwitcher.ascx.cs │ │ │ │ │ │ │ ├── ViewSwitcher.ascx.designer.cs │ │ │ │ │ │ │ ├── Web.Debug.config │ │ │ │ │ │ │ ├── Web.Release.config │ │ │ │ │ │ │ ├── Web.config │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.sln │ │ │ │ │ │ └── build.ps1 │ │ │ │ │ ├── build.ps1 │ │ │ │ │ └── docker/ │ │ │ │ │ ├── builder/ │ │ │ │ │ │ └── Dockerfile │ │ │ │ │ └── web/ │ │ │ │ │ ├── Dockerfile │ │ │ │ │ └── Web.config │ │ │ │ ├── v2-src/ │ │ │ │ │ ├── ProductLaunch/ │ │ │ │ │ │ ├── ProductLaunch.Core/ │ │ │ │ │ │ │ ├── Env.cs │ │ │ │ │ │ │ ├── ProductLaunch.Core.csproj │ │ │ │ │ │ │ └── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── ProductLaunch.EndToEndTests/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.EndToEndTests.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── ProspectSignUp.feature │ │ │ │ │ │ │ ├── ProspectSignUp.feature.cs │ │ │ │ │ │ │ ├── ProspectSignUpSteps.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Entities/ │ │ │ │ │ │ │ ├── Country.cs │ │ │ │ │ │ │ ├── ProductLaunch.Entities.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── Prospect.cs │ │ │ │ │ │ │ └── Role.cs │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── Documents/ │ │ │ │ │ │ │ │ └── Prospect.cs │ │ │ │ │ │ │ ├── Indexer/ │ │ │ │ │ │ │ │ └── Index.cs │ │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect.csproj │ │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect.csproj │ │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Messaging/ │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── MessageHelper.cs │ │ │ │ │ │ │ ├── MessageQueue.cs │ │ │ │ │ │ │ ├── Messages/ │ │ │ │ │ │ │ │ ├── Events/ │ │ │ │ │ │ │ │ │ └── ProspectSignedUpEvent.cs │ │ │ │ │ │ │ │ └── Message.cs │ │ │ │ │ │ │ ├── ProductLaunch.Messaging.csproj │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Model/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ │ ├── Initializers/ │ │ │ │ │ │ │ │ └── StaticDataInitializer.cs │ │ │ │ │ │ │ ├── ProductLaunch.Model.csproj │ │ │ │ │ │ │ ├── ProductLaunchContext.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Model.Tests/ │ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ │ ├── ProductLaunch.Model.Tests.csproj │ │ │ │ │ │ │ ├── ProductLaunchContextTest.cs │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.Web/ │ │ │ │ │ │ │ ├── About.aspx │ │ │ │ │ │ │ ├── About.aspx.cs │ │ │ │ │ │ │ ├── About.aspx.designer.cs │ │ │ │ │ │ │ ├── App_Start/ │ │ │ │ │ │ │ │ ├── BundleConfig.cs │ │ │ │ │ │ │ │ └── RouteConfig.cs │ │ │ │ │ │ │ ├── ApplicationInsights.config │ │ │ │ │ │ │ ├── Bundle.config │ │ │ │ │ │ │ ├── Contact.aspx │ │ │ │ │ │ │ ├── Contact.aspx.cs │ │ │ │ │ │ │ ├── Contact.aspx.designer.cs │ │ │ │ │ │ │ ├── Content/ │ │ │ │ │ │ │ │ ├── Site.css │ │ │ │ │ │ │ │ └── bootstrap.css │ │ │ │ │ │ │ ├── Default.aspx │ │ │ │ │ │ │ ├── Default.aspx.cs │ │ │ │ │ │ │ ├── Default.aspx.designer.cs │ │ │ │ │ │ │ ├── Global.asax │ │ │ │ │ │ │ ├── Global.asax.cs │ │ │ │ │ │ │ ├── ProductLaunch.Web.csproj │ │ │ │ │ │ │ ├── Project_Readme.html │ │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ │ ├── Scripts/ │ │ │ │ │ │ │ │ ├── WebForms/ │ │ │ │ │ │ │ │ │ ├── DetailsView.js │ │ │ │ │ │ │ │ │ ├── Focus.js │ │ │ │ │ │ │ │ │ ├── GridView.js │ │ │ │ │ │ │ │ │ ├── MSAjax/ │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjax.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxApplicationServices.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxComponentModel.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxCore.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxGlobalization.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxHistory.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxNetwork.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxSerialization.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxTimer.js │ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxWebForms.js │ │ │ │ │ │ │ │ │ │ └── MicrosoftAjaxWebServices.js │ │ │ │ │ │ │ │ │ ├── Menu.js │ │ │ │ │ │ │ │ │ ├── MenuStandards.js │ │ │ │ │ │ │ │ │ ├── SmartNav.js │ │ │ │ │ │ │ │ │ ├── TreeView.js │ │ │ │ │ │ │ │ │ ├── WebForms.js │ │ │ │ │ │ │ │ │ ├── WebParts.js │ │ │ │ │ │ │ │ │ └── WebUIValidation.js │ │ │ │ │ │ │ │ ├── _references.js │ │ │ │ │ │ │ │ ├── bootstrap.js │ │ │ │ │ │ │ │ ├── jquery-1.10.2.intellisense.js │ │ │ │ │ │ │ │ ├── jquery-1.10.2.js │ │ │ │ │ │ │ │ ├── modernizr-2.6.2.js │ │ │ │ │ │ │ │ └── respond.js │ │ │ │ │ │ │ ├── SignUp.aspx │ │ │ │ │ │ │ ├── SignUp.aspx.cs │ │ │ │ │ │ │ ├── SignUp.aspx.designer.cs │ │ │ │ │ │ │ ├── Site.Master │ │ │ │ │ │ │ ├── Site.Master.cs │ │ │ │ │ │ │ ├── Site.Master.designer.cs │ │ │ │ │ │ │ ├── Site.Mobile.Master │ │ │ │ │ │ │ ├── Site.Mobile.Master.cs │ │ │ │ │ │ │ ├── Site.Mobile.Master.designer.cs │ │ │ │ │ │ │ ├── ThankYou.aspx │ │ │ │ │ │ │ ├── ThankYou.aspx.cs │ │ │ │ │ │ │ ├── ThankYou.aspx.designer.cs │ │ │ │ │ │ │ ├── ViewSwitcher.ascx │ │ │ │ │ │ │ ├── ViewSwitcher.ascx.cs │ │ │ │ │ │ │ ├── ViewSwitcher.ascx.designer.cs │ │ │ │ │ │ │ ├── Web.Debug.config │ │ │ │ │ │ │ ├── Web.Release.config │ │ │ │ │ │ │ ├── Web.config │ │ │ │ │ │ │ └── packages.config │ │ │ │ │ │ ├── ProductLaunch.sln │ │ │ │ │ │ └── build.ps1 │ │ │ │ │ ├── build.ps1 │ │ │ │ │ ├── docker/ │ │ │ │ │ │ ├── builder/ │ │ │ │ │ │ │ └── Dockerfile │ │ │ │ │ │ ├── save-prospect/ │ │ │ │ │ │ │ └── Dockerfile │ │ │ │ │ │ └── web/ │ │ │ │ │ │ ├── Dockerfile │ │ │ │ │ │ └── bootstrap.ps1 │ │ │ │ │ └── docker-compose.yml │ │ │ │ └── v3-src/ │ │ │ │ ├── ProductLaunch/ │ │ │ │ │ ├── ProductLaunch.Core/ │ │ │ │ │ │ ├── Env.cs │ │ │ │ │ │ ├── ProductLaunch.Core.csproj │ │ │ │ │ │ └── Properties/ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ ├── ProductLaunch.EndToEndTests/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── ProductLaunch.EndToEndTests.csproj │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── ProspectSignUp.feature │ │ │ │ │ │ ├── ProspectSignUp.feature.cs │ │ │ │ │ │ ├── ProspectSignUpSteps.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Entities/ │ │ │ │ │ │ ├── Country.cs │ │ │ │ │ │ ├── ProductLaunch.Entities.csproj │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── Prospect.cs │ │ │ │ │ │ └── Role.cs │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ ├── Documents/ │ │ │ │ │ │ │ └── Prospect.cs │ │ │ │ │ │ ├── Indexer/ │ │ │ │ │ │ │ └── Index.cs │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.IndexProspect.csproj │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── ProductLaunch.MessageHandlers.SaveProspect.csproj │ │ │ │ │ │ ├── Program.cs │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Messaging/ │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ ├── MessageHelper.cs │ │ │ │ │ │ ├── MessageQueue.cs │ │ │ │ │ │ ├── Messages/ │ │ │ │ │ │ │ ├── Events/ │ │ │ │ │ │ │ │ └── ProspectSignedUpEvent.cs │ │ │ │ │ │ │ └── Message.cs │ │ │ │ │ │ ├── ProductLaunch.Messaging.csproj │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Model/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ ├── Initializers/ │ │ │ │ │ │ │ └── StaticDataInitializer.cs │ │ │ │ │ │ ├── ProductLaunch.Model.csproj │ │ │ │ │ │ ├── ProductLaunchContext.cs │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Model.Tests/ │ │ │ │ │ │ ├── App.config │ │ │ │ │ │ ├── ProductLaunch.Model.Tests.csproj │ │ │ │ │ │ ├── ProductLaunchContextTest.cs │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.Web/ │ │ │ │ │ │ ├── About.aspx │ │ │ │ │ │ ├── About.aspx.cs │ │ │ │ │ │ ├── About.aspx.designer.cs │ │ │ │ │ │ ├── App_Start/ │ │ │ │ │ │ │ ├── BundleConfig.cs │ │ │ │ │ │ │ └── RouteConfig.cs │ │ │ │ │ │ ├── ApplicationInsights.config │ │ │ │ │ │ ├── Bundle.config │ │ │ │ │ │ ├── Config.cs │ │ │ │ │ │ ├── Contact.aspx │ │ │ │ │ │ ├── Contact.aspx.cs │ │ │ │ │ │ ├── Contact.aspx.designer.cs │ │ │ │ │ │ ├── Content/ │ │ │ │ │ │ │ ├── Site.css │ │ │ │ │ │ │ └── bootstrap.css │ │ │ │ │ │ ├── Default.aspx │ │ │ │ │ │ ├── Default.aspx.cs │ │ │ │ │ │ ├── Default.aspx.designer.cs │ │ │ │ │ │ ├── Global.asax │ │ │ │ │ │ ├── Global.asax.cs │ │ │ │ │ │ ├── ProductLaunch.Web.csproj │ │ │ │ │ │ ├── Project_Readme.html │ │ │ │ │ │ ├── Properties/ │ │ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ │ │ ├── Scripts/ │ │ │ │ │ │ │ ├── WebForms/ │ │ │ │ │ │ │ │ ├── DetailsView.js │ │ │ │ │ │ │ │ ├── Focus.js │ │ │ │ │ │ │ │ ├── GridView.js │ │ │ │ │ │ │ │ ├── MSAjax/ │ │ │ │ │ │ │ │ │ ├── MicrosoftAjax.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxApplicationServices.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxComponentModel.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxCore.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxGlobalization.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxHistory.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxNetwork.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxSerialization.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxTimer.js │ │ │ │ │ │ │ │ │ ├── MicrosoftAjaxWebForms.js │ │ │ │ │ │ │ │ │ └── MicrosoftAjaxWebServices.js │ │ │ │ │ │ │ │ ├── Menu.js │ │ │ │ │ │ │ │ ├── MenuStandards.js │ │ │ │ │ │ │ │ ├── SmartNav.js │ │ │ │ │ │ │ │ ├── TreeView.js │ │ │ │ │ │ │ │ ├── WebForms.js │ │ │ │ │ │ │ │ ├── WebParts.js │ │ │ │ │ │ │ │ └── WebUIValidation.js │ │ │ │ │ │ │ ├── _references.js │ │ │ │ │ │ │ ├── bootstrap.js │ │ │ │ │ │ │ ├── jquery-1.10.2.intellisense.js │ │ │ │ │ │ │ ├── jquery-1.10.2.js │ │ │ │ │ │ │ ├── modernizr-2.6.2.js │ │ │ │ │ │ │ └── respond.js │ │ │ │ │ │ ├── SignUp.aspx │ │ │ │ │ │ ├── SignUp.aspx.cs │ │ │ │ │ │ ├── SignUp.aspx.designer.cs │ │ │ │ │ │ ├── Site.Master │ │ │ │ │ │ ├── Site.Master.cs │ │ │ │ │ │ ├── Site.Master.designer.cs │ │ │ │ │ │ ├── Site.Mobile.Master │ │ │ │ │ │ ├── Site.Mobile.Master.cs │ │ │ │ │ │ ├── Site.Mobile.Master.designer.cs │ │ │ │ │ │ ├── ThankYou.aspx │ │ │ │ │ │ ├── ThankYou.aspx.cs │ │ │ │ │ │ ├── ThankYou.aspx.designer.cs │ │ │ │ │ │ ├── ViewSwitcher.ascx │ │ │ │ │ │ ├── ViewSwitcher.ascx.cs │ │ │ │ │ │ ├── ViewSwitcher.ascx.designer.cs │ │ │ │ │ │ ├── Web.Debug.config │ │ │ │ │ │ ├── Web.Release.config │ │ │ │ │ │ ├── Web.config │ │ │ │ │ │ └── packages.config │ │ │ │ │ ├── ProductLaunch.sln │ │ │ │ │ └── build.ps1 │ │ │ │ ├── build.ps1 │ │ │ │ ├── docker/ │ │ │ │ │ ├── builder/ │ │ │ │ │ │ └── Dockerfile │ │ │ │ │ ├── docker-compose.yml │ │ │ │ │ ├── homepage/ │ │ │ │ │ │ ├── Dockerfile │ │ │ │ │ │ └── index.html │ │ │ │ │ ├── save-prospect/ │ │ │ │ │ │ └── Dockerfile │ │ │ │ │ └── web/ │ │ │ │ │ ├── Dockerfile │ │ │ │ │ └── bootstrap.ps1 │ │ │ │ └── docker-compose.yml │ │ │ └── modernize-aspnet-ops/ │ │ │ ├── .gitignore │ │ │ ├── README.md │ │ │ ├── part-1.md │ │ │ ├── part-2.md │ │ │ ├── part-3.md │ │ │ ├── part-4.md │ │ │ ├── v1.0/ │ │ │ │ ├── Dockerfile │ │ │ │ └── build.ps1 │ │ │ ├── v1.1/ │ │ │ │ ├── Dockerfile │ │ │ │ └── build.ps1 │ │ │ └── v1.2/ │ │ │ ├── build.ps1 │ │ │ ├── docker/ │ │ │ │ ├── builder/ │ │ │ │ │ └── Dockerfile │ │ │ │ └── web/ │ │ │ │ ├── Dockerfile │ │ │ │ ├── EnableIisRemoteManagement.ps1 │ │ │ │ └── UpgradeSample.Web/ │ │ │ │ ├── Default.aspx │ │ │ │ ├── Global.asax │ │ │ │ └── Web.config │ │ │ └── src/ │ │ │ ├── UpgradeSample.Setup/ │ │ │ │ ├── Product.wxs │ │ │ │ └── UpgradeSample.Setup.wixproj │ │ │ ├── UpgradeSample.Web/ │ │ │ │ ├── Default.aspx │ │ │ │ ├── Global.asax │ │ │ │ ├── Global.asax.cs │ │ │ │ ├── Properties/ │ │ │ │ │ └── AssemblyInfo.cs │ │ │ │ ├── UpgradeSample.Web.csproj │ │ │ │ ├── Web.Debug.config │ │ │ │ ├── Web.Release.config │ │ │ │ └── Web.config │ │ │ ├── UpgradeSample.sln │ │ │ ├── build.ps1 │ │ │ └── package-msi.ps1 │ │ ├── readme.md │ │ ├── registry/ │ │ │ ├── Dockerfile │ │ │ ├── Dockerfile.builder │ │ │ ├── README.md │ │ │ ├── part-1.md │ │ │ ├── part-2.md │ │ │ ├── part-3.md │ │ │ └── part-4.md │ │ ├── sql-server/ │ │ │ ├── .dockerignore │ │ │ ├── .gitignore │ │ │ ├── Dockerfile.builder │ │ │ ├── Dockerfile.v1 │ │ │ ├── Dockerfile.v2 │ │ │ ├── Initialize-Database.ps1 │ │ │ ├── README.md │ │ │ ├── assets.sql │ │ │ ├── build.ps1 │ │ │ ├── part-1.md │ │ │ ├── part-2.md │ │ │ ├── part-3.md │ │ │ ├── part-4.md │ │ │ └── src/ │ │ │ ├── Assets.Database-v1/ │ │ │ │ ├── Assets.Database.refactorlog │ │ │ │ ├── Assets.Database.sln │ │ │ │ ├── Assets.Database.sqlproj │ │ │ │ ├── Schema Objects/ │ │ │ │ │ ├── AssetTypes.sql │ │ │ │ │ ├── Assets.sql │ │ │ │ │ └── Locations.sql │ │ │ │ └── Scripts/ │ │ │ │ ├── PostDeployment/ │ │ │ │ │ ├── InsertAssetTypes.sql │ │ │ │ │ └── InsertLocations.sql │ │ │ │ └── Script.PostDeployment.sql │ │ │ └── Assets.Database-v2/ │ │ │ ├── Assets.Database.refactorlog │ │ │ ├── Assets.Database.sln │ │ │ ├── Assets.Database.sqlproj │ │ │ ├── Schema Objects/ │ │ │ │ ├── AssetTypes.sql │ │ │ │ ├── Assets.sql │ │ │ │ ├── Locations.sql │ │ │ │ └── Users.sql │ │ │ └── Scripts/ │ │ │ ├── PostDeployment/ │ │ │ │ ├── InsertAssetTypes.sql │ │ │ │ └── InsertLocations.sql │ │ │ └── Script.PostDeployment.sql │ │ └── windows-containers/ │ │ ├── MultiContainerApp.md │ │ ├── README.md │ │ ├── Setup-AWS.md │ │ ├── Setup-Azure.md │ │ ├── Setup-Server2016.md │ │ ├── Setup-Win10.md │ │ ├── Setup.md │ │ └── WindowsContainers.md │ ├── kickstart/ │ │ ├── chapters/ │ │ │ ├── alpine.md │ │ │ ├── bridge-network.md │ │ │ ├── devops.md │ │ │ ├── docker-devpops.md │ │ │ ├── images-and-volumes.md │ │ │ ├── mongo-2.md │ │ │ ├── mongo.md │ │ │ ├── networking-basics.md │ │ │ ├── nextsteps.md │ │ │ ├── nodered.md │ │ │ ├── prometheus.md │ │ │ ├── secrets.md │ │ │ ├── setup.md │ │ │ ├── votingapp-compose.md │ │ │ ├── votingapp-swarm.md │ │ │ ├── webapps-part1.md │ │ │ └── webapps-part2.md │ │ ├── flask-app/ │ │ │ ├── Dockerfile │ │ │ ├── app.py │ │ │ ├── requirements.txt │ │ │ └── templates/ │ │ │ └── index.html │ │ ├── readme.md │ │ └── static-site/ │ │ ├── Dockerfile │ │ └── Hello_docker.html │ ├── networking/ │ │ ├── A1-network-basics.md │ │ ├── A2-bridge-networking.md │ │ ├── A3-overlay-networking.md │ │ ├── A4-HTTP Routing Mesh.md │ │ ├── README.md │ │ ├── concepts/ │ │ │ ├── 01-cnm.md │ │ │ ├── 02-drivers.md │ │ │ ├── 03-linux-networking.md │ │ │ ├── 04-docker-network-cp.md │ │ │ ├── 05-bridge-networks.md │ │ │ ├── 06-overlay-networks.md │ │ │ ├── 07-macvlan.md │ │ │ ├── 08-host-networking.md │ │ │ ├── 09-physical-networking.md │ │ │ ├── 10-load-balancing.md │ │ │ ├── 11-security.md │ │ │ ├── 12-ipaddress-management.md │ │ │ ├── 13-troubleshooting.md │ │ │ ├── 14-network-models.md │ │ │ └── README.md │ │ ├── scratch.md │ │ └── tutorials.md │ ├── registry/ │ │ ├── README.md │ │ ├── part-1.md │ │ ├── part-2.md │ │ └── part-3.md │ ├── security/ │ │ ├── README.md │ │ ├── apparmor/ │ │ │ ├── README.md │ │ │ └── wordpress/ │ │ │ ├── Dockerfile │ │ │ ├── docker-compose.yml │ │ │ ├── html/ │ │ │ │ ├── index.php │ │ │ │ ├── license.txt │ │ │ │ ├── readme.html │ │ │ │ ├── wp-activate.php │ │ │ │ ├── wp-admin/ │ │ │ │ │ ├── about.php │ │ │ │ │ ├── admin-ajax.php │ │ │ │ │ ├── admin-footer.php │ │ │ │ │ ├── admin-functions.php │ │ │ │ │ ├── admin-header.php │ │ │ │ │ ├── admin-post.php │ │ │ │ │ ├── admin.php │ │ │ │ │ ├── async-upload.php │ │ │ │ │ ├── comment.php │ │ │ │ │ ├── credits.php │ │ │ │ │ ├── css/ │ │ │ │ │ │ ├── about-rtl.css │ │ │ │ │ │ ├── about.css │ │ │ │ │ │ ├── admin-menu-rtl.css │ │ │ │ │ │ ├── admin-menu.css │ │ │ │ │ │ ├── color-picker-rtl.css │ │ │ │ │ │ ├── color-picker.css │ │ │ │ │ │ ├── colors/ │ │ │ │ │ │ │ ├── _admin.scss │ │ │ │ │ │ │ ├── _mixins.scss │ │ │ │ │ │ │ ├── _variables.scss │ │ │ │ │ │ │ ├── blue/ │ │ │ │ │ │ │ │ ├── colors-rtl.css │ │ │ │ │ │ │ │ ├── colors.css │ │ │ │ │ │ │ │ └── colors.scss │ │ │ │ │ │ │ ├── coffee/ │ │ │ │ │ │ │ │ ├── colors-rtl.css │ │ │ │ │ │ │ │ ├── colors.css │ │ │ │ │ │ │ │ └── colors.scss │ │ │ │ │ │ │ ├── ectoplasm/ │ │ │ │ │ │ │ │ ├── colors-rtl.css │ │ │ │ │ │ │ │ ├── colors.css │ │ │ │ │ │ │ │ └── colors.scss │ │ │ │ │ │ │ ├── light/ │ │ │ │ │ │ │ │ ├── colors-rtl.css │ │ │ │ │ │ │ │ ├── colors.css │ │ │ │ │ │ │ │ └── colors.scss │ │ │ │ │ │ │ ├── midnight/ │ │ │ │ │ │ │ │ ├── colors-rtl.css │ │ │ │ │ │ │ │ ├── colors.css │ │ │ │ │ │ │ │ └── colors.scss │ │ │ │ │ │ │ ├── ocean/ │ │ │ │ │ │ │ │ ├── colors-rtl.css │ │ │ │ │ │ │ │ ├── colors.css │ │ │ │ │ │ │ │ └── colors.scss │ │ │ │ │ │ │ └── sunrise/ │ │ │ │ │ │ │ ├── colors-rtl.css │ │ │ │ │ │ │ ├── colors.css │ │ │ │ │ │ │ └── colors.scss │ │ │ │ │ │ ├── common-rtl.css │ │ │ │ │ │ ├── common.css │ │ │ │ │ │ ├── customize-controls-rtl.css │ │ │ │ │ │ ├── customize-controls.css │ │ │ │ │ │ ├── customize-nav-menus-rtl.css │ │ │ │ │ │ ├── customize-nav-menus.css │ │ │ │ │ │ ├── customize-widgets-rtl.css │ │ │ │ │ │ ├── customize-widgets.css │ │ │ │ │ │ ├── dashboard-rtl.css │ │ │ │ │ │ ├── dashboard.css │ │ │ │ │ │ ├── deprecated-media-rtl.css │ │ │ │ │ │ ├── deprecated-media.css │ │ │ │ │ │ ├── edit-rtl.css │ │ │ │ │ │ ├── edit.css │ │ │ │ │ │ ├── farbtastic-rtl.css │ │ │ │ │ │ ├── farbtastic.css │ │ │ │ │ │ ├── forms-rtl.css │ │ │ │ │ │ ├── forms.css │ │ │ │ │ │ ├── ie-rtl.css │ │ │ │ │ │ ├── ie.css │ │ │ │ │ │ ├── install-rtl.css │ │ │ │ │ │ ├── install.css │ │ │ │ │ │ ├── l10n-rtl.css │ │ │ │ │ │ ├── l10n.css │ │ │ │ │ │ ├── list-tables-rtl.css │ │ │ │ │ │ ├── list-tables.css │ │ │ │ │ │ ├── login-rtl.css │ │ │ │ │ │ ├── login.css │ │ │ │ │ │ ├── media-rtl.css │ │ │ │ │ │ ├── media.css │ │ │ │ │ │ ├── nav-menus-rtl.css │ │ │ │ │ │ ├── nav-menus.css │ │ │ │ │ │ ├── press-this-editor-rtl.css │ │ │ │ │ │ ├── press-this-editor.css │ │ │ │ │ │ ├── press-this-rtl.css │ │ │ │ │ │ ├── press-this.css │ │ │ │ │ │ ├── revisions-rtl.css │ │ │ │ │ │ ├── revisions.css │ │ │ │ │ │ ├── site-icon-rtl.css │ │ │ │ │ │ ├── site-icon.css │ │ │ │ │ │ ├── themes-rtl.css │ │ │ │ │ │ ├── themes.css │ │ │ │ │ │ ├── widgets-rtl.css │ │ │ │ │ │ ├── widgets.css │ │ │ │ │ │ ├── wp-admin-rtl.css │ │ │ │ │ │ └── wp-admin.css │ │ │ │ │ ├── custom-background.php │ │ │ │ │ ├── custom-header.php │ │ │ │ │ ├── customize.php │ │ │ │ │ ├── edit-comments.php │ │ │ │ │ ├── edit-form-advanced.php │ │ │ │ │ ├── edit-form-comment.php │ │ │ │ │ ├── edit-link-form.php │ │ │ │ │ ├── edit-tag-form.php │ │ │ │ │ ├── edit-tags.php │ │ │ │ │ ├── edit.php │ │ │ │ │ ├── export.php │ │ │ │ │ ├── freedoms.php │ │ │ │ │ ├── import.php │ │ │ │ │ ├── includes/ │ │ │ │ │ │ ├── admin-filters.php │ │ │ │ │ │ ├── admin.php │ │ │ │ │ │ ├── ajax-actions.php │ │ │ │ │ │ ├── bookmark.php │ │ │ │ │ │ ├── class-ftp-pure.php │ │ │ │ │ │ ├── class-ftp-sockets.php │ │ │ │ │ │ ├── class-ftp.php │ │ │ │ │ │ ├── class-pclzip.php │ │ │ │ │ │ ├── class-walker-category-checklist.php │ │ │ │ │ │ ├── class-walker-nav-menu-checklist.php │ │ │ │ │ │ ├── class-walker-nav-menu-edit.php │ │ │ │ │ │ ├── class-wp-comments-list-table.php │ │ │ │ │ │ ├── class-wp-filesystem-base.php │ │ │ │ │ │ ├── class-wp-filesystem-direct.php │ │ │ │ │ │ ├── class-wp-filesystem-ftpext.php │ │ │ │ │ │ ├── class-wp-filesystem-ftpsockets.php │ │ │ │ │ │ ├── class-wp-filesystem-ssh2.php │ │ │ │ │ │ ├── class-wp-importer.php │ │ │ │ │ │ ├── class-wp-internal-pointers.php │ │ │ │ │ │ ├── class-wp-links-list-table.php │ │ │ │ │ │ ├── class-wp-list-table.php │ │ │ │ │ │ ├── class-wp-media-list-table.php │ │ │ │ │ │ ├── class-wp-ms-sites-list-table.php │ │ │ │ │ │ ├── class-wp-ms-themes-list-table.php │ │ │ │ │ │ ├── class-wp-ms-users-list-table.php │ │ │ │ │ │ ├── class-wp-plugin-install-list-table.php │ │ │ │ │ │ ├── class-wp-plugins-list-table.php │ │ │ │ │ │ ├── class-wp-post-comments-list-table.php │ │ │ │ │ │ ├── class-wp-posts-list-table.php │ │ │ │ │ │ ├── class-wp-press-this.php │ │ │ │ │ │ ├── class-wp-screen.php │ │ │ │ │ │ ├── class-wp-site-icon.php │ │ │ │ │ │ ├── class-wp-terms-list-table.php │ │ │ │ │ │ ├── class-wp-theme-install-list-table.php │ │ │ │ │ │ ├── class-wp-themes-list-table.php │ │ │ │ │ │ ├── class-wp-upgrader-skins.php │ │ │ │ │ │ ├── class-wp-upgrader.php │ │ │ │ │ │ ├── class-wp-users-list-table.php │ │ │ │ │ │ ├── comment.php │ │ │ │ │ │ ├── continents-cities.php │ │ │ │ │ │ ├── credits.php │ │ │ │ │ │ ├── dashboard.php │ │ │ │ │ │ ├── deprecated.php │ │ │ │ │ │ ├── edit-tag-messages.php │ │ │ │ │ │ ├── export.php │ │ │ │ │ │ ├── file.php │ │ │ │ │ │ ├── image-edit.php │ │ │ │ │ │ ├── image.php │ │ │ │ │ │ ├── import.php │ │ │ │ │ │ ├── list-table.php │ │ │ │ │ │ ├── media.php │ │ │ │ │ │ ├── menu.php │ │ │ │ │ │ ├── meta-boxes.php │ │ │ │ │ │ ├── misc.php │ │ │ │ │ │ ├── ms-admin-filters.php │ │ │ │ │ │ ├── ms-deprecated.php │ │ │ │ │ │ ├── ms.php │ │ │ │ │ │ ├── nav-menu.php │ │ │ │ │ │ ├── network.php │ │ │ │ │ │ ├── noop.php │ │ │ │ │ │ ├── options.php │ │ │ │ │ │ ├── plugin-install.php │ │ │ │ │ │ ├── plugin.php │ │ │ │ │ │ ├── post.php │ │ │ │ │ │ ├── revision.php │ │ │ │ │ │ ├── schema.php │ │ │ │ │ │ ├── screen.php │ │ │ │ │ │ ├── taxonomy.php │ │ │ │ │ │ ├── template.php │ │ │ │ │ │ ├── theme-install.php │ │ │ │ │ │ ├── theme.php │ │ │ │ │ │ ├── translation-install.php │ │ │ │ │ │ ├── update-core.php │ │ │ │ │ │ ├── update.php │ │ │ │ │ │ ├── upgrade.php │ │ │ │ │ │ ├── user.php │ │ │ │ │ │ └── widgets.php │ │ │ │ │ ├── index.php │ │ │ │ │ ├── install-helper.php │ │ │ │ │ ├── install.php │ │ │ │ │ ├── js/ │ │ │ │ │ │ ├── accordion.js │ │ │ │ │ │ ├── bookmarklet.js │ │ │ │ │ │ ├── color-picker.js │ │ │ │ │ │ ├── comment.js │ │ │ │ │ │ ├── common.js │ │ │ │ │ │ ├── custom-background.js │ │ │ │ │ │ ├── custom-header.js │ │ │ │ │ │ ├── customize-controls.js │ │ │ │ │ │ ├── customize-nav-menus.js │ │ │ │ │ │ ├── customize-widgets.js │ │ │ │ │ │ ├── dashboard.js │ │ │ │ │ │ ├── edit-comments.js │ │ │ │ │ │ ├── editor-expand.js │ │ │ │ │ │ ├── editor.js │ │ │ │ │ │ ├── farbtastic.js │ │ │ │ │ │ ├── gallery.js │ │ │ │ │ │ ├── image-edit.js │ │ │ │ │ │ ├── inline-edit-post.js │ │ │ │ │ │ ├── inline-edit-tax.js │ │ │ │ │ │ ├── language-chooser.js │ │ │ │ │ │ ├── link.js │ │ │ │ │ │ ├── media-gallery.js │ │ │ │ │ │ ├── media-upload.js │ │ │ │ │ │ ├── media.js │ │ │ │ │ │ ├── nav-menu.js │ │ │ │ │ │ ├── password-strength-meter.js │ │ │ │ │ │ ├── plugin-install.js │ │ │ │ │ │ ├── post.js │ │ │ │ │ │ ├── postbox.js │ │ │ │ │ │ ├── press-this.js │ │ │ │ │ │ ├── revisions.js │ │ │ │ │ │ ├── set-post-thumbnail.js │ │ │ │ │ │ ├── svg-painter.js │ │ │ │ │ │ ├── tags-box.js │ │ │ │ │ │ ├── tags.js │ │ │ │ │ │ ├── theme.js │ │ │ │ │ │ ├── updates.js │ │ │ │ │ │ ├── user-profile.js │ │ │ │ │ │ ├── user-suggest.js │ │ │ │ │ │ ├── widgets.js │ │ │ │ │ │ ├── word-count.js │ │ │ │ │ │ ├── wp-fullscreen-stub.js │ │ │ │ │ │ └── xfn.js │ │ │ │ │ ├── link-add.php │ │ │ │ │ ├── link-manager.php │ │ │ │ │ ├── link-parse-opml.php │ │ │ │ │ ├── link.php │ │ │ │ │ ├── load-scripts.php │ │ │ │ │ ├── load-styles.php │ │ │ │ │ ├── maint/ │ │ │ │ │ │ └── repair.php │ │ │ │ │ ├── media-new.php │ │ │ │ │ ├── media-upload.php │ │ │ │ │ ├── media.php │ │ │ │ │ ├── menu-header.php │ │ │ │ │ ├── menu.php │ │ │ │ │ ├── moderation.php │ │ │ │ │ ├── ms-admin.php │ │ │ │ │ ├── ms-delete-site.php │ │ │ │ │ ├── ms-edit.php │ │ │ │ │ ├── ms-options.php │ │ │ │ │ ├── ms-sites.php │ │ │ │ │ ├── ms-themes.php │ │ │ │ │ ├── ms-upgrade-network.php │ │ │ │ │ ├── ms-users.php │ │ │ │ │ ├── my-sites.php │ │ │ │ │ ├── nav-menus.php │ │ │ │ │ ├── network/ │ │ │ │ │ │ ├── about.php │ │ │ │ │ │ ├── admin.php │ │ │ │ │ │ ├── credits.php │ │ │ │ │ │ ├── edit.php │ │ │ │ │ │ ├── freedoms.php │ │ │ │ │ │ ├── index.php │ │ │ │ │ │ ├── menu.php │ │ │ │ │ │ ├── plugin-editor.php │ │ │ │ │ │ ├── plugin-install.php │ │ │ │ │ │ ├── plugins.php │ │ │ │ │ │ ├── profile.php │ │ │ │ │ │ ├── settings.php │ │ │ │ │ │ ├── setup.php │ │ │ │ │ │ ├── site-info.php │ │ │ │ │ │ ├── site-new.php │ │ │ │ │ │ ├── site-settings.php │ │ │ │ │ │ ├── site-themes.php │ │ │ │ │ │ ├── site-users.php │ │ │ │ │ │ ├── sites.php │ │ │ │ │ │ ├── theme-editor.php │ │ │ │ │ │ ├── theme-install.php │ │ │ │ │ │ ├── themes.php │ │ │ │ │ │ ├── update-core.php │ │ │ │ │ │ ├── update.php │ │ │ │ │ │ ├── upgrade.php │ │ │ │ │ │ ├── user-edit.php │ │ │ │ │ │ ├── user-new.php │ │ │ │ │ │ └── users.php │ │ │ │ │ ├── network.php │ │ │ │ │ ├── options-discussion.php │ │ │ │ │ ├── options-general.php │ │ │ │ │ ├── options-head.php │ │ │ │ │ ├── options-media.php │ │ │ │ │ ├── options-permalink.php │ │ │ │ │ ├── options-reading.php │ │ │ │ │ ├── options-writing.php │ │ │ │ │ ├── options.php │ │ │ │ │ ├── plugin-editor.php │ │ │ │ │ ├── plugin-install.php │ │ │ │ │ ├── plugins.php │ │ │ │ │ ├── post-new.php │ │ │ │ │ ├── post.php │ │ │ │ │ ├── press-this.php │ │ │ │ │ ├── profile.php │ │ │ │ │ ├── revision.php │ │ │ │ │ ├── setup-config.php │ │ │ │ │ ├── theme-editor.php │ │ │ │ │ ├── theme-install.php │ │ │ │ │ ├── themes.php │ │ │ │ │ ├── tools.php │ │ │ │ │ ├── update-core.php │ │ │ │ │ ├── update.php │ │ │ │ │ ├── upgrade-functions.php │ │ │ │ │ ├── upgrade.php │ │ │ │ │ ├── upload.php │ │ │ │ │ ├── user/ │ │ │ │ │ │ ├── about.php │ │ │ │ │ │ ├── admin.php │ │ │ │ │ │ ├── credits.php │ │ │ │ │ │ ├── freedoms.php │ │ │ │ │ │ ├── index.php │ │ │ │ │ │ ├── menu.php │ │ │ │ │ │ ├── profile.php │ │ │ │ │ │ └── user-edit.php │ │ │ │ │ ├── user-edit.php │ │ │ │ │ ├── user-new.php │ │ │ │ │ ├── users.php │ │ │ │ │ └── widgets.php │ │ │ │ ├── wp-blog-header.php │ │ │ │ ├── wp-comments-post.php │ │ │ │ ├── wp-config.php │ │ │ │ ├── wp-content/ │ │ │ │ │ ├── index.php │ │ │ │ │ ├── plugins/ │ │ │ │ │ │ ├── akismet/ │ │ │ │ │ │ │ ├── .htaccess │ │ │ │ │ │ │ ├── LICENSE.txt │ │ │ │ │ │ │ ├── _inc/ │ │ │ │ │ │ │ │ ├── akismet.css │ │ │ │ │ │ │ │ ├── akismet.js │ │ │ │ │ │ │ │ └── form.js │ │ │ │ │ │ │ ├── akismet.php │ │ │ │ │ │ │ ├── class.akismet-admin.php │ │ │ │ │ │ │ ├── class.akismet-widget.php │ │ │ │ │ │ │ ├── class.akismet.php │ │ │ │ │ │ │ ├── index.php │ │ │ │ │ │ │ ├── readme.txt │ │ │ │ │ │ │ ├── views/ │ │ │ │ │ │ │ │ ├── config.php │ │ │ │ │ │ │ │ ├── get.php │ │ │ │ │ │ │ │ ├── notice.php │ │ │ │ │ │ │ │ ├── start.php │ │ │ │ │ │ │ │ ├── stats.php │ │ │ │ │ │ │ │ └── strict.php │ │ │ │ │ │ │ └── wrapper.php │ │ │ │ │ │ ├── hello.php │ │ │ │ │ │ └── index.php │ │ │ │ │ └── themes/ │ │ │ │ │ ├── index.php │ │ │ │ │ ├── twentyfifteen/ │ │ │ │ │ │ ├── 404.php │ │ │ │ │ │ ├── archive.php │ │ │ │ │ │ ├── author-bio.php │ │ │ │ │ │ ├── comments.php │ │ │ │ │ │ ├── content-link.php │ │ │ │ │ │ ├── content-none.php │ │ │ │ │ │ ├── content-page.php │ │ │ │ │ │ ├── content-search.php │ │ │ │ │ │ ├── content.php │ │ │ │ │ │ ├── css/ │ │ │ │ │ │ │ ├── editor-style.css │ │ │ │ │ │ │ ├── ie.css │ │ │ │ │ │ │ └── ie7.css │ │ │ │ │ │ ├── footer.php │ │ │ │ │ │ ├── functions.php │ │ │ │ │ │ ├── genericons/ │ │ │ │ │ │ │ ├── COPYING.txt │ │ │ │ │ │ │ ├── LICENSE.txt │ │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ │ └── genericons.css │ │ │ │ │ │ ├── header.php │ │ │ │ │ │ ├── image.php │ │ │ │ │ │ ├── inc/ │ │ │ │ │ │ │ ├── back-compat.php │ │ │ │ │ │ │ ├── custom-header.php │ │ │ │ │ │ │ ├── customizer.php │ │ │ │ │ │ │ └── template-tags.php │ │ │ │ │ │ ├── index.php │ │ │ │ │ │ ├── js/ │ │ │ │ │ │ │ ├── color-scheme-control.js │ │ │ │ │ │ │ ├── customize-preview.js │ │ │ │ │ │ │ ├── functions.js │ │ │ │ │ │ │ ├── html5.js │ │ │ │ │ │ │ ├── keyboard-image-navigation.js │ │ │ │ │ │ │ └── skip-link-focus-fix.js │ │ │ │ │ │ ├── languages/ │ │ │ │ │ │ │ └── twentyfifteen.pot │ │ │ │ │ │ ├── page.php │ │ │ │ │ │ ├── readme.txt │ │ │ │ │ │ ├── rtl.css │ │ │ │ │ │ ├── search.php │ │ │ │ │ │ ├── sidebar.php │ │ │ │ │ │ ├── single.php │ │ │ │ │ │ └── style.css │ │ │ │ │ ├── twentyfourteen/ │ │ │ │ │ │ ├── 404.php │ │ │ │ │ │ ├── archive.php │ │ │ │ │ │ ├── author.php │ │ │ │ │ │ ├── category.php │ │ │ │ │ │ ├── comments.php │ │ │ │ │ │ ├── content-aside.php │ │ │ │ │ │ ├── content-audio.php │ │ │ │ │ │ ├── content-featured-post.php │ │ │ │ │ │ ├── content-gallery.php │ │ │ │ │ │ ├── content-image.php │ │ │ │ │ │ ├── content-link.php │ │ │ │ │ │ ├── content-none.php │ │ │ │ │ │ ├── content-page.php │ │ │ │ │ │ ├── content-quote.php │ │ │ │ │ │ ├── content-video.php │ │ │ │ │ │ ├── content.php │ │ │ │ │ │ ├── css/ │ │ │ │ │ │ │ ├── editor-style.css │ │ │ │ │ │ │ └── ie.css │ │ │ │ │ │ ├── featured-content.php │ │ │ │ │ │ ├── footer.php │ │ │ │ │ │ ├── functions.php │ │ │ │ │ │ ├── genericons/ │ │ │ │ │ │ │ ├── COPYING.txt │ │ │ │ │ │ │ ├── Genericons-Regular.otf │ │ │ │ │ │ │ ├── LICENSE.txt │ │ │ │ │ │ │ ├── README.txt │ │ │ │ │ │ │ └── genericons.css │ │ │ │ │ │ ├── header.php │ │ │ │ │ │ ├── image.php │ │ │ │ │ │ ├── inc/ │ │ │ │ │ │ │ ├── back-compat.php │ │ │ │ │ │ │ ├── custom-header.php │ │ │ │ │ │ │ ├── customizer.php │ │ │ │ │ │ │ ├── featured-content.php │ │ │ │ │ │ │ ├── template-tags.php │ │ │ │ │ │ │ └── widgets.php │ │ │ │ │ │ ├── index.php │ │ │ │ │ │ ├── js/ │ │ │ │ │ │ │ ├── customizer.js │ │ │ │ │ │ │ ├── featured-content-admin.js │ │ │ │ │ │ │ ├── functions.js │ │ │ │ │ │ │ ├── html5.js │ │ │ │ │ │ │ ├── keyboard-image-navigation.js │ │ │ │ │ │ │ └── slider.js │ │ │ │ │ │ ├── languages/ │ │ │ │ │ │ │ └── twentyfourteen.pot │ │ │ │ │ │ ├── page-templates/ │ │ │ │ │ │ │ ├── contributors.php │ │ │ │ │ │ │ └── full-width.php │ │ │ │ │ │ ├── page.php │ │ │ │ │ │ ├── readme.txt │ │ │ │ │ │ ├── rtl.css │ │ │ │ │ │ ├── search.php │ │ │ │ │ │ ├── sidebar-content.php │ │ │ │ │ │ ├── sidebar-footer.php │ │ │ │ │ │ ├── sidebar.php │ │ │ │ │ │ ├── single.php │ │ │ │ │ │ ├── style.css │ │ │ │ │ │ ├── tag.php │ │ │ │ │ │ └── taxonomy-post_format.php │ │ │ │ │ └── twentysixteen/ │ │ │ │ │ ├── 404.php │ │ │ │ │ ├── archive.php │ │ │ │ │ ├── comments.php │ │ │ │ │ ├── css/ │ │ │ │ │ │ ├── editor-style.css │ │ │ │ │ │ ├── ie.css │ │ │ │ │ │ ├── ie7.css │ │ │ │ │ │ └── ie8.css │ │ │ │ │ ├── footer.php │ │ │ │ │ ├── functions.php │ │ │ │ │ ├── genericons/ │ │ │ │ │ │ ├── COPYING.txt │ │ │ │ │ │ ├── LICENSE.txt │ │ │ │ │ │ ├── README.md │ │ │ │ │ │ └── genericons.css │ │ │ │ │ ├── header.php │ │ │ │ │ ├── image.php │ │ │ │ │ ├── inc/ │ │ │ │ │ │ ├── back-compat.php │ │ │ │ │ │ ├── customizer.php │ │ │ │ │ │ └── template-tags.php │ │ │ │ │ ├── index.php │ │ │ │ │ ├── js/ │ │ │ │ │ │ ├── color-scheme-control.js │ │ │ │ │ │ ├── customize-preview.js │ │ │ │ │ │ ├── functions.js │ │ │ │ │ │ ├── html5.js │ │ │ │ │ │ ├── keyboard-image-navigation.js │ │ │ │ │ │ └── skip-link-focus-fix.js │ │ │ │ │ ├── languages/ │ │ │ │ │ │ └── twentysixteen.pot │ │ │ │ │ ├── page.php │ │ │ │ │ ├── readme.txt │ │ │ │ │ ├── rtl.css │ │ │ │ │ ├── search.php │ │ │ │ │ ├── searchform.php │ │ │ │ │ ├── sidebar-content-bottom.php │ │ │ │ │ ├── sidebar.php │ │ │ │ │ ├── single.php │ │ │ │ │ ├── style.css │ │ │ │ │ └── template-parts/ │ │ │ │ │ ├── biography.php │ │ │ │ │ ├── content-none.php │ │ │ │ │ ├── content-page.php │ │ │ │ │ ├── content-search.php │ │ │ │ │ ├── content-single.php │ │ │ │ │ └── content.php │ │ │ │ ├── wp-cron.php │ │ │ │ ├── wp-includes/ │ │ │ │ │ ├── ID3/ │ │ │ │ │ │ ├── getid3.lib.php │ │ │ │ │ │ ├── getid3.php │ │ │ │ │ │ ├── license.commercial.txt │ │ │ │ │ │ ├── license.txt │ │ │ │ │ │ ├── module.audio-video.asf.php │ │ │ │ │ │ ├── module.audio-video.flv.php │ │ │ │ │ │ ├── module.audio-video.matroska.php │ │ │ │ │ │ ├── module.audio-video.quicktime.php │ │ │ │ │ │ ├── module.audio-video.riff.php │ │ │ │ │ │ ├── module.audio.ac3.php │ │ │ │ │ │ ├── module.audio.dts.php │ │ │ │ │ │ ├── module.audio.flac.php │ │ │ │ │ │ ├── module.audio.mp3.php │ │ │ │ │ │ ├── module.audio.ogg.php │ │ │ │ │ │ ├── module.tag.apetag.php │ │ │ │ │ │ ├── module.tag.id3v1.php │ │ │ │ │ │ ├── module.tag.id3v2.php │ │ │ │ │ │ ├── module.tag.lyrics3.php │ │ │ │ │ │ └── readme.txt │ │ │ │ │ ├── SimplePie/ │ │ │ │ │ │ ├── Author.php │ │ │ │ │ │ ├── Cache/ │ │ │ │ │ │ │ ├── Base.php │ │ │ │ │ │ │ ├── DB.php │ │ │ │ │ │ │ ├── File.php │ │ │ │ │ │ │ ├── Memcache.php │ │ │ │ │ │ │ └── MySQL.php │ │ │ │ │ │ ├── Cache.php │ │ │ │ │ │ ├── Caption.php │ │ │ │ │ │ ├── Category.php │ │ │ │ │ │ ├── Content/ │ │ │ │ │ │ │ └── Type/ │ │ │ │ │ │ │ └── Sniffer.php │ │ │ │ │ │ ├── Copyright.php │ │ │ │ │ │ ├── Core.php │ │ │ │ │ │ ├── Credit.php │ │ │ │ │ │ ├── Decode/ │ │ │ │ │ │ │ └── HTML/ │ │ │ │ │ │ │ └── Entities.php │ │ │ │ │ │ ├── Enclosure.php │ │ │ │ │ │ ├── Exception.php │ │ │ │ │ │ ├── File.php │ │ │ │ │ │ ├── HTTP/ │ │ │ │ │ │ │ └── Parser.php │ │ │ │ │ │ ├── IRI.php │ │ │ │ │ │ ├── Item.php │ │ │ │ │ │ ├── Locator.php │ │ │ │ │ │ ├── Misc.php │ │ │ │ │ │ ├── Net/ │ │ │ │ │ │ │ └── IPv6.php │ │ │ │ │ │ ├── Parse/ │ │ │ │ │ │ │ └── Date.php │ │ │ │ │ │ ├── Parser.php │ │ │ │ │ │ ├── Rating.php │ │ │ │ │ │ ├── Registry.php │ │ │ │ │ │ ├── Restriction.php │ │ │ │ │ │ ├── Sanitize.php │ │ │ │ │ │ ├── Source.php │ │ │ │ │ │ ├── XML/ │ │ │ │ │ │ │ └── Declaration/ │ │ │ │ │ │ │ └── Parser.php │ │ │ │ │ │ └── gzdecode.php │ │ │ │ │ ├── Text/ │ │ │ │ │ │ ├── Diff/ │ │ │ │ │ │ │ ├── Engine/ │ │ │ │ │ │ │ │ ├── native.php │ │ │ │ │ │ │ │ ├── shell.php │ │ │ │ │ │ │ │ ├── string.php │ │ │ │ │ │ │ │ └── xdiff.php │ │ │ │ │ │ │ ├── Renderer/ │ │ │ │ │ │ │ │ └── inline.php │ │ │ │ │ │ │ └── Renderer.php │ │ │ │ │ │ └── Diff.php │ │ │ │ │ ├── admin-bar.php │ │ │ │ │ ├── atomlib.php │ │ │ │ │ ├── author-template.php │ │ │ │ │ ├── bookmark-template.php │ │ │ │ │ ├── bookmark.php │ │ │ │ │ ├── cache.php │ │ │ │ │ ├── canonical.php │ │ │ │ │ ├── capabilities.php │ │ │ │ │ ├── category-template.php │ │ │ │ │ ├── category.php │ │ │ │ │ ├── certificates/ │ │ │ │ │ │ └── ca-bundle.crt │ │ │ │ │ ├── class-IXR.php │ │ │ │ │ ├── class-feed.php │ │ │ │ │ ├── class-http.php │ │ │ │ │ ├── class-json.php │ │ │ │ │ ├── class-oembed.php │ │ │ │ │ ├── class-phpass.php │ │ │ │ │ ├── class-phpmailer.php │ │ │ │ │ ├── class-pop3.php │ │ │ │ │ ├── class-simplepie.php │ │ │ │ │ ├── class-smtp.php │ │ │ │ │ ├── class-snoopy.php │ │ │ │ │ ├── class-walker-category-dropdown.php │ │ │ │ │ ├── class-walker-category.php │ │ │ │ │ ├── class-walker-comment.php │ │ │ │ │ ├── class-walker-page-dropdown.php │ │ │ │ │ ├── class-walker-page.php │ │ │ │ │ ├── class-wp-admin-bar.php │ │ │ │ │ ├── class-wp-ajax-response.php │ │ │ │ │ ├── class-wp-comment-query.php │ │ │ │ │ ├── class-wp-comment.php │ │ │ │ │ ├── class-wp-customize-control.php │ │ │ │ │ ├── class-wp-customize-manager.php │ │ │ │ │ ├── class-wp-customize-nav-menus.php │ │ │ │ │ ├── class-wp-customize-panel.php │ │ │ │ │ ├── class-wp-customize-section.php │ │ │ │ │ ├── class-wp-customize-setting.php │ │ │ │ │ ├── class-wp-customize-widgets.php │ │ │ │ │ ├── class-wp-editor.php │ │ │ │ │ ├── class-wp-embed.php │ │ │ │ │ ├── class-wp-error.php │ │ │ │ │ ├── class-wp-http-cookie.php │ │ │ │ │ ├── class-wp-http-curl.php │ │ │ │ │ ├── class-wp-http-encoding.php │ │ │ │ │ ├── class-wp-http-ixr-client.php │ │ │ │ │ ├── class-wp-http-proxy.php │ │ │ │ │ ├── class-wp-http-response.php │ │ │ │ │ ├── class-wp-http-streams.php │ │ │ │ │ ├── class-wp-image-editor-gd.php │ │ │ │ │ ├── class-wp-image-editor-imagick.php │ │ │ │ │ ├── class-wp-image-editor.php │ │ │ │ │ ├── class-wp-meta-query.php │ │ │ │ │ ├── class-wp-network.php │ │ │ │ │ ├── class-wp-oembed-controller.php │ │ │ │ │ ├── class-wp-post.php │ │ │ │ │ ├── class-wp-rewrite.php │ │ │ │ │ ├── class-wp-role.php │ │ │ │ │ ├── class-wp-roles.php │ │ │ │ │ ├── class-wp-tax-query.php │ │ │ │ │ ├── class-wp-term.php │ │ │ │ │ ├── class-wp-theme.php │ │ │ │ │ ├── class-wp-user-query.php │ │ │ │ │ ├── class-wp-user.php │ │ │ │ │ ├── class-wp-walker.php │ │ │ │ │ ├── class-wp-widget-factory.php │ │ │ │ │ ├── class-wp-widget.php │ │ │ │ │ ├── class-wp-xmlrpc-server.php │ │ │ │ │ ├── class-wp.php │ │ │ │ │ ├── class.wp-dependencies.php │ │ │ │ │ ├── class.wp-scripts.php │ │ │ │ │ ├── class.wp-styles.php │ │ │ │ │ ├── comment-template.php │ │ │ │ │ ├── comment.php │ │ │ │ │ ├── compat.php │ │ │ │ │ ├── cron.php │ │ │ │ │ ├── css/ │ │ │ │ │ │ ├── admin-bar-rtl.css │ │ │ │ │ │ ├── admin-bar.css │ │ │ │ │ │ ├── buttons-rtl.css │ │ │ │ │ │ ├── buttons.css │ │ │ │ │ │ ├── customize-preview.css │ │ │ │ │ │ ├── dashicons.css │ │ │ │ │ │ ├── editor-rtl.css │ │ │ │ │ │ ├── editor.css │ │ │ │ │ │ ├── jquery-ui-dialog-rtl.css │ │ │ │ │ │ ├── jquery-ui-dialog.css │ │ │ │ │ │ ├── media-views-rtl.css │ │ │ │ │ │ ├── media-views.css │ │ │ │ │ │ ├── wp-auth-check-rtl.css │ │ │ │ │ │ ├── wp-auth-check.css │ │ │ │ │ │ ├── wp-embed-template-ie.css │ │ │ │ │ │ ├── wp-embed-template.css │ │ │ │ │ │ ├── wp-pointer-rtl.css │ │ │ │ │ │ └── wp-pointer.css │ │ │ │ │ ├── customize/ │ │ │ │ │ │ ├── class-wp-customize-background-image-control.php │ │ │ │ │ │ ├── class-wp-customize-background-image-setting.php │ │ │ │ │ │ ├── class-wp-customize-color-control.php │ │ │ │ │ │ ├── class-wp-customize-cropped-image-control.php │ │ │ │ │ │ ├── class-wp-customize-filter-setting.php │ │ │ │ │ │ ├── class-wp-customize-header-image-control.php │ │ │ │ │ │ ├── class-wp-customize-header-image-setting.php │ │ │ │ │ │ ├── class-wp-customize-image-control.php │ │ │ │ │ │ ├── class-wp-customize-media-control.php │ │ │ │ │ │ ├── class-wp-customize-nav-menu-auto-add-control.php │ │ │ │ │ │ ├── class-wp-customize-nav-menu-control.php │ │ │ │ │ │ ├── class-wp-customize-nav-menu-item-control.php │ │ │ │ │ │ ├── class-wp-customize-nav-menu-item-setting.php │ │ │ │ │ │ ├── class-wp-customize-nav-menu-location-control.php │ │ │ │ │ │ ├── class-wp-customize-nav-menu-name-control.php │ │ │ │ │ │ ├── class-wp-customize-nav-menu-section.php │ │ │ │ │ │ ├── class-wp-customize-nav-menu-setting.php │ │ │ │ │ │ ├── class-wp-customize-nav-menus-panel.php │ │ │ │ │ │ ├── class-wp-customize-new-menu-control.php │ │ │ │ │ │ ├── class-wp-customize-new-menu-section.php │ │ │ │ │ │ ├── class-wp-customize-sidebar-section.php │ │ │ │ │ │ ├── class-wp-customize-site-icon-control.php │ │ │ │ │ │ ├── class-wp-customize-theme-control.php │ │ │ │ │ │ ├── class-wp-customize-themes-section.php │ │ │ │ │ │ ├── class-wp-customize-upload-control.php │ │ │ │ │ │ ├── class-wp-widget-area-customize-control.php │ │ │ │ │ │ └── class-wp-widget-form-customize-control.php │ │ │ │ │ ├── date.php │ │ │ │ │ ├── default-constants.php │ │ │ │ │ ├── default-filters.php │ │ │ │ │ ├── default-widgets.php │ │ │ │ │ ├── deprecated.php │ │ │ │ │ ├── embed-template.php │ │ │ │ │ ├── embed.php │ │ │ │ │ ├── feed-atom-comments.php │ │ │ │ │ ├── feed-atom.php │ │ │ │ │ ├── feed-rdf.php │ │ │ │ │ ├── feed-rss.php │ │ │ │ │ ├── feed-rss2-comments.php │ │ │ │ │ ├── feed-rss2.php │ │ │ │ │ ├── feed.php │ │ │ │ │ ├── formatting.php │ │ │ │ │ ├── functions.php │ │ │ │ │ ├── functions.wp-scripts.php │ │ │ │ │ ├── functions.wp-styles.php │ │ │ │ │ ├── general-template.php │ │ │ │ │ ├── http.php │ │ │ │ │ ├── images/ │ │ │ │ │ │ └── crystal/ │ │ │ │ │ │ └── license.txt │ │ │ │ │ ├── js/ │ │ │ │ │ │ ├── admin-bar.js │ │ │ │ │ │ ├── autosave.js │ │ │ │ │ │ ├── colorpicker.js │ │ │ │ │ │ ├── comment-reply.js │ │ │ │ │ │ ├── crop/ │ │ │ │ │ │ │ ├── cropper.css │ │ │ │ │ │ │ └── cropper.js │ │ │ │ │ │ ├── customize-base.js │ │ │ │ │ │ ├── customize-loader.js │ │ │ │ │ │ ├── customize-models.js │ │ │ │ │ │ ├── customize-preview-nav-menus.js │ │ │ │ │ │ ├── customize-preview-widgets.js │ │ │ │ │ │ ├── customize-preview.js │ │ │ │ │ │ ├── customize-views.js │ │ │ │ │ │ ├── heartbeat.js │ │ │ │ │ │ ├── hoverIntent.js │ │ │ │ │ │ ├── imgareaselect/ │ │ │ │ │ │ │ ├── imgareaselect.css │ │ │ │ │ │ │ └── jquery.imgareaselect.js │ │ │ │ │ │ ├── jquery/ │ │ │ │ │ │ │ ├── jquery-migrate.js │ │ │ │ │ │ │ ├── jquery.form.js │ │ │ │ │ │ │ ├── jquery.hotkeys.js │ │ │ │ │ │ │ ├── jquery.js │ │ │ │ │ │ │ ├── jquery.query.js │ │ │ │ │ │ │ ├── jquery.schedule.js │ │ │ │ │ │ │ ├── jquery.serialize-object.js │ │ │ │ │ │ │ ├── jquery.table-hotkeys.js │ │ │ │ │ │ │ ├── jquery.ui.touch-punch.js │ │ │ │ │ │ │ └── suggest.js │ │ │ │ │ │ ├── json2.js │ │ │ │ │ │ ├── mce-view.js │ │ │ │ │ │ ├── media-audiovideo.js │ │ │ │ │ │ ├── media-editor.js │ │ │ │ │ │ ├── media-grid.js │ │ │ │ │ │ ├── media-models.js │ │ │ │ │ │ ├── media-views.js │ │ │ │ │ │ ├── mediaelement/ │ │ │ │ │ │ │ ├── flashmediaelement.swf │ │ │ │ │ │ │ ├── silverlightmediaelement.xap │ │ │ │ │ │ │ ├── wp-mediaelement.css │ │ │ │ │ │ │ ├── wp-mediaelement.js │ │ │ │ │ │ │ └── wp-playlist.js │ │ │ │ │ │ ├── plupload/ │ │ │ │ │ │ │ ├── handlers.js │ │ │ │ │ │ │ ├── license.txt │ │ │ │ │ │ │ ├── plupload.flash.swf │ │ │ │ │ │ │ ├── plupload.silverlight.xap │ │ │ │ │ │ │ └── wp-plupload.js │ │ │ │ │ │ ├── quicktags.js │ │ │ │ │ │ ├── shortcode.js │ │ │ │ │ │ ├── swfobject.js │ │ │ │ │ │ ├── swfupload/ │ │ │ │ │ │ │ ├── handlers.js │ │ │ │ │ │ │ ├── license.txt │ │ │ │ │ │ │ ├── plugins/ │ │ │ │ │ │ │ │ ├── swfupload.cookies.js │ │ │ │ │ │ │ │ ├── swfupload.queue.js │ │ │ │ │ │ │ │ ├── swfupload.speed.js │ │ │ │ │ │ │ │ └── swfupload.swfobject.js │ │ │ │ │ │ │ ├── swfupload.js │ │ │ │ │ │ │ └── swfupload.swf │ │ │ │ │ │ ├── thickbox/ │ │ │ │ │ │ │ ├── thickbox.css │ │ │ │ │ │ │ └── thickbox.js │ │ │ │ │ │ ├── tinymce/ │ │ │ │ │ │ │ ├── langs/ │ │ │ │ │ │ │ │ └── wp-langs-en.js │ │ │ │ │ │ │ ├── license.txt │ │ │ │ │ │ │ ├── plugins/ │ │ │ │ │ │ │ │ ├── charmap/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── colorpicker/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── compat3x/ │ │ │ │ │ │ │ │ │ ├── css/ │ │ │ │ │ │ │ │ │ │ └── dialog.css │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── directionality/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── fullscreen/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── hr/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── image/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── lists/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── media/ │ │ │ │ │ │ │ │ │ ├── moxieplayer.swf │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── paste/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── tabfocus/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── textcolor/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wordpress/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wpautoresize/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wpdialogs/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wpeditimage/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wpembed/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wpemoji/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wpgallery/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wplink/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ ├── wptextpattern/ │ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ │ └── wpview/ │ │ │ │ │ │ │ │ └── plugin.js │ │ │ │ │ │ │ ├── skins/ │ │ │ │ │ │ │ │ ├── lightgray/ │ │ │ │ │ │ │ │ │ └── fonts/ │ │ │ │ │ │ │ │ │ └── readme.md │ │ │ │ │ │ │ │ └── wordpress/ │ │ │ │ │ │ │ │ └── wp-content.css │ │ │ │ │ │ │ ├── themes/ │ │ │ │ │ │ │ │ └── modern/ │ │ │ │ │ │ │ │ └── theme.js │ │ │ │ │ │ │ ├── tiny_mce_popup.js │ │ │ │ │ │ │ ├── utils/ │ │ │ │ │ │ │ │ ├── editable_selects.js │ │ │ │ │ │ │ │ ├── form_utils.js │ │ │ │ │ │ │ │ ├── mctabs.js │ │ │ │ │ │ │ │ └── validate.js │ │ │ │ │ │ │ └── wp-tinymce.php │ │ │ │ │ │ ├── tw-sack.js │ │ │ │ │ │ ├── twemoji.js │ │ │ │ │ │ ├── utils.js │ │ │ │ │ │ ├── wp-a11y.js │ │ │ │ │ │ ├── wp-ajax-response.js │ │ │ │ │ │ ├── wp-auth-check.js │ │ │ │ │ │ ├── wp-backbone.js │ │ │ │ │ │ ├── wp-embed-template.js │ │ │ │ │ │ ├── wp-embed.js │ │ │ │ │ │ ├── wp-emoji-loader.js │ │ │ │ │ │ ├── wp-emoji.js │ │ │ │ │ │ ├── wp-list-revisions.js │ │ │ │ │ │ ├── wp-lists.js │ │ │ │ │ │ ├── wp-pointer.js │ │ │ │ │ │ ├── wp-util.js │ │ │ │ │ │ ├── wpdialog.js │ │ │ │ │ │ ├── wplink.js │ │ │ │ │ │ └── zxcvbn-async.js │ │ │ │ │ ├── kses.php │ │ │ │ │ ├── l10n.php │ │ │ │ │ ├── link-template.php │ │ │ │ │ ├── load.php │ │ │ │ │ ├── locale.php │ │ │ │ │ ├── media-template.php │ │ │ │ │ ├── media.php │ │ │ │ │ ├── meta.php │ │ │ │ │ ├── ms-blogs.php │ │ │ │ │ ├── ms-default-constants.php │ │ │ │ │ ├── ms-default-filters.php │ │ │ │ │ ├── ms-deprecated.php │ │ │ │ │ ├── ms-files.php │ │ │ │ │ ├── ms-functions.php │ │ │ │ │ ├── ms-load.php │ │ │ │ │ ├── ms-settings.php │ │ │ │ │ ├── nav-menu-template.php │ │ │ │ │ ├── nav-menu.php │ │ │ │ │ ├── option.php │ │ │ │ │ ├── pluggable-deprecated.php │ │ │ │ │ ├── pluggable.php │ │ │ │ │ ├── plugin.php │ │ │ │ │ ├── pomo/ │ │ │ │ │ │ ├── entry.php │ │ │ │ │ │ ├── mo.php │ │ │ │ │ │ ├── po.php │ │ │ │ │ │ ├── streams.php │ │ │ │ │ │ └── translations.php │ │ │ │ │ ├── post-formats.php │ │ │ │ │ ├── post-template.php │ │ │ │ │ ├── post-thumbnail-template.php │ │ │ │ │ ├── post.php │ │ │ │ │ ├── query.php │ │ │ │ │ ├── random_compat/ │ │ │ │ │ │ ├── byte_safe_strings.php │ │ │ │ │ │ ├── cast_to_int.php │ │ │ │ │ │ ├── error_polyfill.php │ │ │ │ │ │ ├── random.php │ │ │ │ │ │ ├── random_bytes_com_dotnet.php │ │ │ │ │ │ ├── random_bytes_dev_urandom.php │ │ │ │ │ │ ├── random_bytes_libsodium.php │ │ │ │ │ │ ├── random_bytes_mcrypt.php │ │ │ │ │ │ ├── random_bytes_openssl.php │ │ │ │ │ │ └── random_int.php │ │ │ │ │ ├── registration-functions.php │ │ │ │ │ ├── registration.php │ │ │ │ │ ├── rest-api/ │ │ │ │ │ │ ├── class-wp-rest-request.php │ │ │ │ │ │ ├── class-wp-rest-response.php │ │ │ │ │ │ └── class-wp-rest-server.php │ │ │ │ │ ├── rest-api.php │ │ │ │ │ ├── revision.php │ │ │ │ │ ├── rewrite.php │ │ │ │ │ ├── rss-functions.php │ │ │ │ │ ├── rss.php │ │ │ │ │ ├── script-loader.php │ │ │ │ │ ├── session.php │ │ │ │ │ ├── shortcodes.php │ │ │ │ │ ├── taxonomy.php │ │ │ │ │ ├── template-loader.php │ │ │ │ │ ├── template.php │ │ │ │ │ ├── theme-compat/ │ │ │ │ │ │ ├── comments-popup.php │ │ │ │ │ │ ├── comments.php │ │ │ │ │ │ ├── footer.php │ │ │ │ │ │ ├── header.php │ │ │ │ │ │ └── sidebar.php │ │ │ │ │ ├── theme.php │ │ │ │ │ ├── update.php │ │ │ │ │ ├── user.php │ │ │ │ │ ├── vars.php │ │ │ │ │ ├── version.php │ │ │ │ │ ├── widgets/ │ │ │ │ │ │ ├── class-wp-nav-menu-widget.php │ │ │ │ │ │ ├── class-wp-widget-archives.php │ │ │ │ │ │ ├── class-wp-widget-calendar.php │ │ │ │ │ │ ├── class-wp-widget-categories.php │ │ │ │ │ │ ├── class-wp-widget-links.php │ │ │ │ │ │ ├── class-wp-widget-meta.php │ │ │ │ │ │ ├── class-wp-widget-pages.php │ │ │ │ │ │ ├── class-wp-widget-recent-comments.php │ │ │ │ │ │ ├── class-wp-widget-recent-posts.php │ │ │ │ │ │ ├── class-wp-widget-rss.php │ │ │ │ │ │ ├── class-wp-widget-search.php │ │ │ │ │ │ ├── class-wp-widget-tag-cloud.php │ │ │ │ │ │ └── class-wp-widget-text.php │ │ │ │ │ ├── widgets.php │ │ │ │ │ ├── wlwmanifest.xml │ │ │ │ │ ├── wp-db.php │ │ │ │ │ └── wp-diff.php │ │ │ │ ├── wp-links-opml.php │ │ │ │ ├── wp-load.php │ │ │ │ ├── wp-login.php │ │ │ │ ├── wp-mail.php │ │ │ │ ├── wp-settings.php │ │ │ │ ├── wp-signup.php │ │ │ │ ├── wp-trackback.php │ │ │ │ └── xmlrpc.php │ │ │ ├── php.ini │ │ │ ├── wparmor │ │ │ └── zues/ │ │ │ ├── LICENSE │ │ │ ├── archive.php │ │ │ ├── assets/ │ │ │ │ └── js/ │ │ │ │ ├── customizer.js │ │ │ │ └── scripts.js │ │ │ ├── comments.php │ │ │ ├── functions.php │ │ │ ├── index.php │ │ │ ├── page-templates/ │ │ │ │ └── full-width.php │ │ │ ├── readme.txt │ │ │ ├── rtl.css │ │ │ ├── search.php │ │ │ ├── singular.php │ │ │ ├── style.css │ │ │ ├── template-parts/ │ │ │ │ ├── footers/ │ │ │ │ │ └── footer-example.php │ │ │ │ ├── headers/ │ │ │ │ │ └── header-example.php │ │ │ │ └── sidebars/ │ │ │ │ └── sidebar.php │ │ │ └── zues-framework/ │ │ │ ├── assets/ │ │ │ │ ├── css/ │ │ │ │ │ ├── base.css │ │ │ │ │ ├── font-awesome.css │ │ │ │ │ ├── grid.css │ │ │ │ │ └── normalize.css │ │ │ │ ├── fonts/ │ │ │ │ │ └── FontAwesome.otf │ │ │ │ └── js/ │ │ │ │ ├── superfish.js │ │ │ │ └── tinynav.js │ │ │ ├── classes/ │ │ │ │ └── class-admin-notices.php │ │ │ ├── functions/ │ │ │ │ ├── attr.php │ │ │ │ ├── generate-css.php │ │ │ │ ├── helpers.php │ │ │ │ ├── template-tags.php │ │ │ │ ├── templates.php │ │ │ │ └── widget-areas.php │ │ │ ├── init.php │ │ │ ├── libraries/ │ │ │ │ ├── TGMPA/ │ │ │ │ │ └── class-tgm-plugin-activation.php │ │ │ │ └── customizer/ │ │ │ │ ├── README.md │ │ │ │ ├── custom-controls/ │ │ │ │ │ ├── content.php │ │ │ │ │ └── textarea.php │ │ │ │ ├── customizer-library.php │ │ │ │ ├── extensions/ │ │ │ │ │ ├── fonts.php │ │ │ │ │ ├── interface.php │ │ │ │ │ ├── preview.php │ │ │ │ │ ├── sanitization.php │ │ │ │ │ ├── style-builder.php │ │ │ │ │ └── utilities.php │ │ │ │ └── js/ │ │ │ │ └── customizer.js │ │ │ └── structure/ │ │ │ ├── comments.php │ │ │ ├── filters.php │ │ │ ├── footer.php │ │ │ ├── general.php │ │ │ ├── header.php │ │ │ ├── hooks.php │ │ │ ├── page.php │ │ │ ├── post.php │ │ │ ├── primary-nav.php │ │ │ ├── sidebar.php │ │ │ ├── template-parts/ │ │ │ │ ├── archive-header.php │ │ │ │ ├── comment.php │ │ │ │ ├── comments-nav.php │ │ │ │ ├── content-none.php │ │ │ │ ├── footer.php │ │ │ │ ├── head.php │ │ │ │ ├── header.php │ │ │ │ ├── primary-nav.php │ │ │ │ └── search-header.php │ │ │ └── wrapper.php │ │ ├── capabilities/ │ │ │ └── README.md │ │ ├── cgroups/ │ │ │ ├── README.md │ │ │ └── cpu-stress/ │ │ │ ├── Dockerfile │ │ │ └── docker-compose.yml │ │ ├── networking/ │ │ │ └── README.md │ │ ├── scanning/ │ │ │ └── README.md │ │ ├── seccomp/ │ │ │ ├── README.md │ │ │ └── seccomp-profiles/ │ │ │ ├── allow.json │ │ │ ├── default-no-chmod.json │ │ │ ├── default.json │ │ │ └── deny.json │ │ ├── secrets/ │ │ │ └── README.md │ │ ├── secrets-ddc/ │ │ │ └── README.md │ │ ├── swarm/ │ │ │ └── README.md │ │ ├── trust/ │ │ │ └── README.md │ │ ├── trust-basics/ │ │ │ └── README.md │ │ └── userns/ │ │ └── README.md │ └── swarm-mode/ │ ├── README.md │ └── beginner-tutorial/ │ ├── README.md │ ├── swarm-node-hyperv-setup.ps1 │ ├── swarm-node-hyperv-teardown.ps1 │ ├── swarm-node-vbox-setup.sh │ └── swarm-node-vbox-teardown.sh ├── DockerCon/ │ ├── logging/ │ │ ├── getting-started.md │ │ ├── log-drivers.md │ │ └── setup.md │ ├── monitoring/ │ │ ├── cadvisor.md │ │ ├── monitoring-stack.md │ │ └── stats.md │ ├── readme.md │ └── resources/ │ └── links.md ├── Kubernetes/ │ ├── README.md │ ├── additional-ressources/ │ │ ├── README.md │ │ └── kops-howto.md │ ├── helm/ │ │ └── quickstart-helm.md │ ├── jumpstart-downloadtools.md │ ├── kickstart/ │ │ └── README.md │ ├── minikube/ │ │ └── minikube-quickstart.md │ └── third-party-coscale/ │ └── quickstart-coscale.md ├── LICENSE ├── README.md ├── _config.yml ├── contribute.md └── istio-workshop/ ├── .gitignore ├── 1_envoy/ │ ├── 1_run_httpbin.sh │ ├── 2_curl_httpbin.sh │ ├── 3_envoyconfig.yaml │ ├── 3_run_envoy.sh │ ├── 4_run_envoy_retries.sh │ ├── 4_run_envoy_retries.yaml │ ├── 5_query_thru_envoy.sh │ ├── 6_fault_injection.sh │ └── 7_metrics.sh ├── 2_istio/ │ ├── 1_crds.sh │ ├── 1_crds.yaml │ ├── 2_gen_install_yaml.sh │ ├── 3_install_istio.sh │ ├── 4_open_addons.sh │ ├── 99_remove.sh │ ├── charts_1.0.2/ │ │ ├── Chart.yaml │ │ ├── README.md │ │ ├── charts/ │ │ │ ├── certmanager/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── crds.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── issuer.yaml │ │ │ │ ├── rbac.yaml │ │ │ │ └── serviceaccount.yaml │ │ │ ├── galley/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebinding.yaml │ │ │ │ ├── configmap.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── service.yaml │ │ │ │ ├── serviceaccount.yaml │ │ │ │ └── validatingwehookconfiguration.yaml.tpl │ │ │ ├── gateways/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── autoscale.yaml │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebindings.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── service.yaml │ │ │ │ └── serviceaccount.yaml │ │ │ ├── grafana/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── configmap.yaml │ │ │ │ ├── create-custom-resources-job.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── grafana-ports-mtls.yaml │ │ │ │ ├── pvc.yaml │ │ │ │ ├── secret.yaml │ │ │ │ └── service.yaml │ │ │ ├── ingress/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── autoscale.yaml │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebinding.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── service.yaml │ │ │ │ └── serviceaccount.yaml │ │ │ ├── kiali/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebinding.yaml │ │ │ │ ├── configmap.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── ingress.yaml │ │ │ │ ├── secrets.yaml │ │ │ │ ├── service.yaml │ │ │ │ └── serviceaccount.yaml │ │ │ ├── mixer/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── autoscale.yaml │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebinding.yaml │ │ │ │ ├── config.yaml │ │ │ │ ├── configmap.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── service.yaml │ │ │ │ ├── serviceaccount.yaml │ │ │ │ └── statsdtoprom.yaml │ │ │ ├── pilot/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── autoscale.yaml │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebinding.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── gateway.yaml │ │ │ │ ├── meshexpansion.yaml │ │ │ │ ├── service.yaml │ │ │ │ └── serviceaccount.yaml │ │ │ ├── prometheus/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebindings.yaml │ │ │ │ ├── configmap.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── service.yaml │ │ │ │ └── serviceaccount.yaml │ │ │ ├── security/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── cleanup-secrets.yaml │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebinding.yaml │ │ │ │ ├── configmap.yaml │ │ │ │ ├── create-custom-resources-job.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── enable-mesh-mtls.yaml │ │ │ │ ├── meshexpansion.yaml │ │ │ │ ├── service.yaml │ │ │ │ └── serviceaccount.yaml │ │ │ ├── servicegraph/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── deployment.yaml │ │ │ │ ├── ingress.yaml │ │ │ │ └── service.yaml │ │ │ ├── sidecarInjectorWebhook/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── clusterrole.yaml │ │ │ │ ├── clusterrolebinding.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── mutatingwebhook.yaml │ │ │ │ ├── service.yaml │ │ │ │ └── serviceaccount.yaml │ │ │ ├── telemetry-gateway/ │ │ │ │ ├── Chart.yaml │ │ │ │ └── templates/ │ │ │ │ └── gateway.yaml │ │ │ └── tracing/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── _helpers.tpl │ │ │ ├── deployment.yaml │ │ │ ├── ingress-jaeger.yaml │ │ │ ├── ingress.yaml │ │ │ ├── service-jaeger.yaml │ │ │ └── service.yaml │ │ ├── requirements.yaml │ │ ├── templates/ │ │ │ ├── _affinity.tpl │ │ │ ├── _helpers.tpl │ │ │ ├── configmap.yaml │ │ │ ├── crds.yaml │ │ │ ├── install-custom-resources.sh.tpl │ │ │ └── sidecar-injector-configmap.yaml │ │ ├── values-istio-auth-galley.yaml │ │ ├── values-istio-auth-multicluster.yaml │ │ ├── values-istio-auth.yaml │ │ ├── values-istio-demo-auth.yaml │ │ ├── values-istio-demo.yaml │ │ ├── values-istio-galley.yaml │ │ ├── values-istio-gateways.yaml │ │ ├── values-istio-multicluster.yaml │ │ ├── values-istio-one-namespace-auth.yaml │ │ ├── values-istio-one-namespace.yaml │ │ ├── values-istio.yaml │ │ └── values.yaml │ └── charts_1.0.4/ │ ├── Chart.yaml │ ├── README.md │ ├── charts/ │ │ ├── certmanager/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── _helpers.tpl │ │ │ ├── crds.yaml │ │ │ ├── deployment.yaml │ │ │ ├── issuer.yaml │ │ │ ├── rbac.yaml │ │ │ └── serviceaccount.yaml │ │ ├── galley/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── _helpers.tpl │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebinding.yaml │ │ │ ├── configmap.yaml │ │ │ ├── deployment.yaml │ │ │ ├── service.yaml │ │ │ ├── serviceaccount.yaml │ │ │ └── validatingwehookconfiguration.yaml.tpl │ │ ├── gateways/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── autoscale.yaml │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebindings.yaml │ │ │ ├── deployment.yaml │ │ │ ├── service.yaml │ │ │ └── serviceaccount.yaml │ │ ├── grafana/ │ │ │ ├── Chart.yaml │ │ │ ├── dashboards/ │ │ │ │ ├── galley-dashboard.json │ │ │ │ ├── istio-mesh-dashboard.json │ │ │ │ ├── istio-performance-dashboard.json │ │ │ │ ├── istio-service-dashboard.json │ │ │ │ ├── istio-workload-dashboard.json │ │ │ │ ├── mixer-dashboard.json │ │ │ │ └── pilot-dashboard.json │ │ │ ├── templates/ │ │ │ │ ├── _helpers.tpl │ │ │ │ ├── configmap-custom-resources.yaml │ │ │ │ ├── configmap-dashboards.yaml │ │ │ │ ├── configmap.yaml │ │ │ │ ├── create-custom-resources-job.yaml │ │ │ │ ├── deployment.yaml │ │ │ │ ├── grafana-ports-mtls.yaml │ │ │ │ ├── pvc.yaml │ │ │ │ ├── secret.yaml │ │ │ │ └── service.yaml │ │ │ └── values.yaml │ │ ├── ingress/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── autoscale.yaml │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebinding.yaml │ │ │ ├── deployment.yaml │ │ │ ├── service.yaml │ │ │ └── serviceaccount.yaml │ │ ├── kiali/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebinding.yaml │ │ │ ├── configmap.yaml │ │ │ ├── deployment.yaml │ │ │ ├── ingress.yaml │ │ │ ├── secrets.yaml │ │ │ ├── service.yaml │ │ │ └── serviceaccount.yaml │ │ ├── mixer/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── _helpers.tpl │ │ │ ├── autoscale.yaml │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebinding.yaml │ │ │ ├── config.yaml │ │ │ ├── configmap.yaml │ │ │ ├── deployment.yaml │ │ │ ├── service.yaml │ │ │ └── serviceaccount.yaml │ │ ├── pilot/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── autoscale.yaml │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebinding.yaml │ │ │ ├── deployment.yaml │ │ │ ├── gateway.yaml │ │ │ ├── meshexpansion.yaml │ │ │ ├── service.yaml │ │ │ └── serviceaccount.yaml │ │ ├── prometheus/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── _helpers.tpl │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebindings.yaml │ │ │ ├── configmap.yaml │ │ │ ├── deployment.yaml │ │ │ ├── service.yaml │ │ │ └── serviceaccount.yaml │ │ ├── security/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── _helpers.tpl │ │ │ ├── cleanup-secrets.yaml │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebinding.yaml │ │ │ ├── configmap.yaml │ │ │ ├── create-custom-resources-job.yaml │ │ │ ├── deployment.yaml │ │ │ ├── enable-mesh-mtls.yaml │ │ │ ├── enable-mesh-permissive.yaml │ │ │ ├── meshexpansion.yaml │ │ │ ├── service.yaml │ │ │ └── serviceaccount.yaml │ │ ├── servicegraph/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── _helpers.tpl │ │ │ ├── deployment.yaml │ │ │ ├── ingress.yaml │ │ │ └── service.yaml │ │ ├── sidecarInjectorWebhook/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ ├── _helpers.tpl │ │ │ ├── clusterrole.yaml │ │ │ ├── clusterrolebinding.yaml │ │ │ ├── deployment.yaml │ │ │ ├── mutatingwebhook.yaml │ │ │ ├── service.yaml │ │ │ └── serviceaccount.yaml │ │ ├── telemetry-gateway/ │ │ │ ├── Chart.yaml │ │ │ └── templates/ │ │ │ └── gateway.yaml │ │ └── tracing/ │ │ ├── Chart.yaml │ │ └── templates/ │ │ ├── _helpers.tpl │ │ ├── deployment.yaml │ │ ├── ingress-jaeger.yaml │ │ ├── ingress.yaml │ │ ├── service-jaeger.yaml │ │ └── service.yaml │ ├── requirements.yaml │ ├── templates/ │ │ ├── _affinity.tpl │ │ ├── _helpers.tpl │ │ ├── configmap.yaml │ │ ├── crds.yaml │ │ ├── install-custom-resources.sh.tpl │ │ └── sidecar-injector-configmap.yaml │ ├── values-istio-auth-galley.yaml │ ├── values-istio-auth-multicluster.yaml │ ├── values-istio-auth.yaml │ ├── values-istio-demo-auth.yaml │ ├── values-istio-demo.yaml │ ├── values-istio-galley.yaml │ ├── values-istio-gateways.yaml │ ├── values-istio-multicluster.yaml │ ├── values-istio-one-namespace-auth.yaml │ ├── values-istio-one-namespace.yaml │ ├── values-istio.yaml │ └── values.yaml ├── 3_application/ │ ├── 1_bookinfo-gateway.yaml │ ├── 1_bookinfo.yaml │ ├── 1_destination-rule-all-mtls.yaml │ ├── 1_install_bookinfo.sh │ └── 99_remove.sh ├── 4_traffic/ │ ├── 0_generate_traffic.sh │ ├── 1_traffic_to_v1.sh │ ├── 1_virtual-service-all-v1.yaml │ ├── 2_jason_uses_v2.sh │ ├── 2_virtual-service-reviews-test-v2.yaml │ ├── 3_default_to_v3.sh │ ├── 3_virtual-service-reviews-jason-v2-v3.yaml │ └── 99_remove.sh ├── 5_chaos/ │ ├── 1_fault-injection.sh │ ├── 1_virtual-service-ratings-test-delay.yaml │ ├── 2_gw.sh │ └── 3_proxy.sh ├── 6_webhook/ │ ├── 1_istio-sidecar-injector.sh │ ├── 2_busybox-injected.sh │ ├── busybox-injected.yaml │ ├── busybox.yaml │ └── inject-config.yaml ├── 7_network_policies/ │ ├── 1_setup.sh │ └── tcpdump.sh ├── 8_nodes/ │ ├── iptables.sh │ └── proxy_init.sh ├── README.md ├── cleanup.sh └── slides.md ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitmodules ================================================ ================================================ FILE: CNAME ================================================ training.56kcloud.io ================================================ FILE: Cloud/README.md ================================================ ================================================ FILE: DevOps/README.md ================================================ ================================================ FILE: DevOpsDays/readme.md ================================================ ## DevOpsDays Docker Training 56K.Cloud Logo Welcome to [56K.Cloud](https://www.56k.cloud) Docker Introduction Training. This Docker tutorial consists of the following sections: * [Docker Getting Started with Containers](https://training.play-with-docker.com/ops-s1-hello/) * [Docker Images](https://training.play-with-docker.com/ops-s1-images/) * [Docker Networking](https://training.play-with-docker.com/docker-networking-hol/) * [Docker Swarm](https://training.play-with-docker.com/ops-s1-swarm-intro/) ================================================ FILE: Docker/12factor/00_application.md ================================================ # Build the application To illustrate the 12 factors, we start by creating a simple Node.js application as a HTTP Rest API exposing CRUD verbs on a *message* model. There is a couple of prerequisite to build this application * [Node.js 4.4.5 (LTS)](https://nodejs.org/en/) * [mongo 3.2](https://docs.mongodb.org/manual/installation/) ## Routes exposed HTTP verb | URI | Action ----------| --- | ------ GET | /message | list all messages GET | /message/ID | get message with ID POST | /message | create a new message PUT | /message/ID | modify message with ID DELETE | /message/ID | delete message with ID ## Setup * Install Sails.js (it's to Node.js what RoR is to Ruby): `sudo npm install sails -g` * Create the application: `sails new messageApp && cd messageApp` * Launch the application: `sails lift` ## First tests Create new messages ``` curl -XPOST http://localhost:1337/message?text=hello curl -XPOST http://localhost:1337/message?text=hola ``` Get list of messages ``` curl http://localhost:1337/message [ { "text": "hello", "createdAt": "2015-11-08T13:15:15.363Z", "updatedAt": "2015-11-08T13:15:15.363Z", "id": "5638b363c5cd0825511690bd" }, { "text": "hola", "createdAt": "2015-11-08T13:15:45.774Z", "updatedAt": "2015-11-08T13:15:45.774Z", "id": "5638b381c5cd0825511690be" } ] ``` Modify a message ``` curl -XPUT http://localhost:1337/message/5638b363c5cd0825511690bd?text=hey ``` Delete a message ``` curl -XDELETE http://localhost:1337/message/5638b381c5cd0825511690be ``` Get updates list of messages ``` curl http://localhost:1337/message [ { "text": "hey", "createdAt": "2015-11-08T13:15:15.363Z", "updatedAt": "2015-11-08T13:19:40.179Z", "id": "5638b363c5cd0825511690bd" } ] ``` [Next](01_codebase.md) ================================================ FILE: Docker/12factor/01_codebase.md ================================================ # 1 - Codebase **one application <=> one codebase** If there are several codebase, it's not an application, it's a distributed system containing multiple applications. One codebase used for several deployments of the application * development * staging * production ## What does that mean for our application ? We will use Git versioning system (could have chosen subversion, ...) to handle our source code. * Create a repo on [Github](https://github.com) * Put the code under git ``` $ echo "# messageApp" >> README.md $ git init $ git add . $ git commit -m 'First commit' $ git remote add origin git@github.com:GITUSER/messageApp.git $ git push origin master ``` The update we've done is not linked with Docker, but we'll see in a next chapter that this will greatly help the integration of several components of the Docker ecosystem. [Previous](00_application.md) - [Next](02_dependencies.md) ================================================ FILE: Docker/12factor/02_dependencies.md ================================================ # 2 - Dependencies Application's dependencies must be declared and isolated ## What does that mean for our application ? Declaration are done in package.json file. Let's add sails-mongo (mongodb driver) as we'll need it very quicky `npm install sails-mongo --save` The package.json file should look like the following: ``` { "name": "messageApp", "private": true, "version": "0.0.0", "description": "a Sails application", "keywords": [], "dependencies": { "ejs": "2.3.4", "grunt": "0.4.5", "grunt-contrib-clean": "0.6.0", "grunt-contrib-coffee": "0.13.0", "grunt-contrib-concat": "0.5.1", "grunt-contrib-copy": "0.5.0", "grunt-contrib-cssmin": "0.9.0", "grunt-contrib-jst": "0.6.0", "grunt-contrib-less": "1.1.0", "grunt-contrib-uglify": "0.7.0", "grunt-contrib-watch": "0.5.3", "grunt-sails-linker": "~0.10.1", "grunt-sync": "0.2.4", "include-all": "~0.1.6", "rc": "1.0.1", "sails": "~0.12.3", "sails-disk": "~0.10.9", "sails-mongo": "^0.12.0" // Newly added dependency }, "scripts": { "debug": "node debug app.js", "start": "node app.js" }, "main": "app.js", "repository": { "type": "git", "url": "git://github.com/GITUSER/messageApp.git" }, "author": "AUTHOR", "license": "" } ``` Dependencies are isolated within _node-modules_ folder where all the [npm](https://npmjs.org) libraries are compiled and installed. ``` $ ls node_modules/ ejs grunt-contrib-coffee grunt-contrib-cssmin grunt-contrib-uglify grunt-sync sails grunt grunt-contrib-concat grunt-contrib-jst grunt-contrib-watch include-all sails-disk grunt-contrib-clean grunt-contrib-copy grunt-contrib-less grunt-sails-linker rc sails-mongo ``` [Previous](01_codebase.md) - [Next](03_configuration.md) ================================================ FILE: Docker/12factor/03_configuration.md ================================================ # 3 - Configuration Configuration (credentials, database connection string, ...) should be stored in the environment. ## What does that mean for our application ? In _config/connections.js_, we define the _mongo_ connection and use MONGO_URL environment variable to pass the mongo connection string. ```node module.exports.connections = { mongo: { adapter: 'sails-mongo', url: process.env.MONGO_URL } }; ``` In _config/model.js_, we make sure the _mongo_ connection defined above is the one used. ```node module.exports.models = { connection: 'mongo', migrate: 'safe' }; ``` Those changes enable to provide a different _MONGO_URL_ very easily as it's defined in the environment. [Previous](02_dependencies.md) - [Next ](04_external_services.md) ================================================ FILE: Docker/12factor/04_external_services.md ================================================ # 4 - External services Handle external services as external resources of the application. Examples: * database * log services * ... This ensure the application is loosely coupled with the services so it can easily switch provider or instance if needed ## What does that mean for our application ? At this point, the only external service the application is using is MongoDB database. The loose coupling is already done by the MONGO_URL used to pass the connection string. If something wrong happens with our instance of MongoDB (assuming a single instance is used, which is generally a bad idea...), we can easily switch to a new instance, providing a new MONGO_URL environment variable and restarting the application. [Previous](03_configuration.md) - [Next](05_build_release_run.md) ================================================ FILE: Docker/12factor/05_build_release_run.md ================================================ # 5 - Build / Release / Run Build / Release and Run phases must be kept separated ![Build/Release/Run](https://dl.dropboxusercontent.com/u/2330187/docker/labs/12factor/build_release_run.png) A release is deployed on the execution environment and must be immutable. ## What does that mean for our application ? We'll use Docker in the whole development pipeline. We will start by adding a Dockerfile that will help define the build phase (during which the dependencies are compiled in _node-modules_ folder) ``` FROM node:4.4.5 ENV LAST_UPDATED 20160617T185400 # Copy source code COPY . /app # Change working directory WORKDIR /app # Install dependencies RUN npm install # Expose API port to the outside ENV PORT 80 EXPOSE 80 # Launch application CMD ["npm","start"] ``` Let's build our application `$ docker build -t message-app:v0.1 .` And verify the resulting image is in the list of available images ``` $ docker images REPOSITORY TAG IMAGE ID CREATED SIZE message-app v0.1 f35464cf4b0b 2 seconds ago 769 MB ``` Now the image (build) is available, execution environment must be injected to create a release. There are several options to inject the configuration in the build, among them * create a new image based on the build * define a Compose file We'll go for the second option and define a docker-compose file where the MONGO_URL will be set with the value of the execution environment ``` version: '3' services: mongo: image: mongo:3.2 volumes: - mongo-data:/data/db expose: - "27017" app: image: message-app:v0.1 ports: - "8000:80" links: - mongo depends_on: - mongo environment: - MONGO_URL=mongodb://mongo/messageApp volumes: mongo-data: ``` This file defines a release as it considers a given build and inject the execution environment. The run phase can be done manually with Compose CLI or through an orchestrator (Docker Cloud). Compose CLI enables to run the global application as simple as `docker-compose up -d` [Previous](04_external_services.md) - [Next](06_processes.md) ================================================ FILE: Docker/12factor/06_processes.md ================================================ # 6 - Processes An application is made up of several processes. Each process must be stateless and must not have local storage (sessions, ...). This is required * for scalability * fault tolerance (crashes, ...) The data that need to be persisted, must be saved in a stateful resources (Database, shared filesystem, ...) Eg: sessions can easily be saved in a Redis kv store Note: Sticky session violate 12 factor. ## What does that mean for our application ? In _config/sessions.js_, we need to modify the adapter to store session in a distributed Redis kv store (MongoDB is another possible option). ``` module.exports.session = { ... adapter: 'redis', host: process.env.REDIS_HOST || 'localhost', ... }; ``` Once done, the app needs to be rebuilt `docker build -t message-app:v0.2 .` **REDIS_HOST** needs to be added to the docker-compose file as the new release will run against this kv store. ``` version: '3' services: mongo: image: mongo:3.2 volumes: - mongo-data:/data/db expose: - "27017" kv: image: redis:alpine volumes: - redis-data:/data expose: - "6379" app: image: message-app:v0.2 # New version taking into account REDIS_URL ports: - "8000:80" links: - mongo depends_on: - mongo environment: - MONGO_URL=mongodb://mongo/messageApp - REDIS_URL=redis volumes: mongo-data: redis-data: ``` [Previous](05_build_release_run.md) - [Next](07_port_binding.md) ================================================ FILE: Docker/12factor/07_port_binding.md ================================================ # 7 - Port binding This factor is related to the exposition of the application to the outside. To be compliant with 12 factor, an app must use specialized dependencies (such as http server, ...) and exposes its service through a port. The host has the responsibility to route the request to the correct application through port mapping. ## What does that mean for our application ? Docker already handles that for us, as we can see in the docker-compose file. The **app** container exposes port 80 internally and the host maps it against its port 8000. ``` version: '3' services: mongo: image: mongo:3.2 volumes: - mongo-data:/data/db expose: - "27017" kv: image: redis:alpine volumes: - redis-data:/data expose: - "6379" app: image: message-app:v0.2 # New version taking into account REDIS_URL ports: - "8000:80" // app service is exposed on the port 8000 of the host links: - mongo depends_on: - mongo environment: - MONGO_URL=mongodb://mongo/messageApp - REDIS_URL=redis volumes: mongo-data: redis-data: ``` If several instances of the app services needs to be deployed, the configuration above cannot be used as a given port on the host cannot map several ports in the containers. In this case, we can use a load balancer to which the host will map a port. The load balancer will then be in charge to balance the traffic on the different instances of the services. [Previous](06_processes.md) - [Next](08_concurrency.md) ================================================ FILE: Docker/12factor/08_concurrency.md ================================================ # 8 - Concurrency Horizontal scalability with the processes model. The app can be seen as a set of processes of different types * web server * worker * cron Each process needs to be able to scale horizontally, it can have its own internal multiplexing. ## What does that mean for our application ? The messageApp only have one type of process (http server), it's doing the multiplexing using Node.js http server. This process can be easily scalable (stateless process). [Previous](07_port_binding.md) - [Next](09_disposability.md) ================================================ FILE: Docker/12factor/09_disposability.md ================================================ # 9 - Disposability Each process of an application must be disposable. * it must have a quick startup * ease the horizontal scalability * it must ensure a clean shutdown * stop listening on the port * finish to handle the current request * usage of a queueing system for long lasting (worker type) process ## What does that mean for our application ? Our application exposes HTTP endPoints that are easy and quick to handle. If we were to have some long lasting worker processes, the usage of a queueing system, like Apache Kafka, would be a great choice. Kafka stores indexes of events processed by each worker. When a worker is restared, it can provide an index indicating at which point in time it needs to restart the event handling. Doing so no events are lost. [Docker Store](https://store.docker.com) offers several image of Kafka ([Spotify](https://store.docker.com/community/images/spotify/kafka), [Wurstmeister](https://store.docker.com/community/images/wurstmeister/kafka), ...) that can easily be integrated in the docker-compose file of the application. Below is an example of how Kafka (and zookeeper) could be added to our docker-compose file. Of course, this means the application has been slightly changed to be able to write and read to/from Kafka. ``` # Kafka message broker zookeeper: image: wurstmeister/zookeeper ports: - "2181:2181" kafka: image: wurstmeister/kafka ports: - "9092:9092" links: - zookeeper:zk environment: KAFKA_ADVERTISED_HOST_NAME: 192.168.99.100 KAFKA_CREATE_TOPICS: "DATA:1:1" volumes: - /var/run/docker.sock:/var/run/docker.sock ``` [Previous](08_concurrency.md) - [Next](10_dev_prod_parity.md) ================================================ FILE: Docker/12factor/10_dev_prod_parity.md ================================================ # 10 - Dev / Prod parity The different environments must be as close as possible. Docker is very good at reducing the gap as the same services can be deployed on the developer machine as they could on any Docker Hosts. A lot of external services are available on the Docker Store and can be used in an existing application. Using those components enables a developer to use Postgres in development instead of SQLite or other lighter alternative. This reduces the risk of small differences that could show up later, when the app is on production. This factor shows an orientation toward continuous deployment, where development can go from dev to production in a very short timeframe, thus avoiding the big bang effect at each release. ## What does that mean for our application ? The docker-compose file we built so far can be ran on the local machine or on any Docker Host. So Docker really shines at this level as it handles everything for us. The exact same application can run on each environment. [Previous](09_disposability.md) - [Next](11_logs.md) ================================================ FILE: Docker/12factor/11_logs.md ================================================ # 11 - Logs Logs need to be handle as a timeseries of textual events The application should not handle or save logs locally but must write them in stdout / stderr. A lot of services offer a centralized log management ([Elastic Stack / ELK](https://www.elastic.co/products) , [Splunk](http://splunk.com), [Logentries](https://logentries.com), ...), and most of them are very easily integrated with Docker. Example of Logentries dashboard: ![Logentries](https://dl.dropboxusercontent.com/u/2330187/docker/labs/12factor/logentries.png) ## What does that mean for our application ? In order to centralize the logs, we can add a **log** service in our docker-compose file. The API token (provided by logentries) needs to be added to the service. As we can see in the volume section, the Docker socket needs to be mounted so logentries container can retrieve each logs emitted by the running containers and send them to logentries external service. ``` log: command: '-t XXXXXX-XXXXX-XXXXX-XXXXX' image: 'logentries/docker-logentries’ restart: always volumes: - '/var/run/docker.sock:/var/run/docker.sock' ``` [Previous](10_dev_prod_parity.md) - [Next](12_admin_processes.md) ================================================ FILE: Docker/12factor/12_admin_processes.md ================================================ # 12 - Admin processes Admin process should be seen as a one-off process (opposed to long running processes that make up an application). Usually used for maintenance task, though a REPL, admin process must be executed on the same release (codebase + configuration) than the application. ## What does that mean for our application ? In the docker-compose file we could define an admin service that is ran at the same time as the application and in which we could jump (`docker exec -ti ADMIN_CONTAINER_ID bash`) to execute some admin tasks. The container is able to access all the other containers of the application (provided it belongs to the same networks) [Previous](11_logs.md) ================================================ FILE: Docker/12factor/README.md ================================================ # 12 Factor Application Today, a lot of applications are services deployed in the cloud, on infrastructure of cloud providers such as Amazon AWS, Google Compute Engine, DigitalOcean, Rackspace, OVH, ... Heroku is PaaS (Platform as a Service) that relies on Amazon AWS and which makes the deployment of applications as easy as `git push heroku master` (ran from the root of your application). With the huge number of applications deployed on Heroku, engineers of the company acquired a great knowledge of what should be done to get cloud native application. 12 factor methodology is the result of their observations. As the name states, it presents 12 principles that will help application to be cloud ready, horizontally scalable, and portable. # Organisation of this lab In this lab, we will start by building a simple Node.js application as an HTTP Rest API exposing CRUD (Create / Read / Update / Delete) verbs on a *message* model. HTTP verb | URI | Action ----------| --- | ------ GET | /message | list all messages GET | /message/ID | get message with ID POST | /message | create a message user PUT | /message/ID | modify message with ID DELETE | /message/ID | delete message with ID We will then follow each one of the 12 factor and see how this can leverage our application. At the same time, we will see that Docker is a really great fit for several of those factors. # Let's get started ! [Build the application](00_application.md) [1 - Codebase](01_codebase.md) [2 - Dependencies](02_dependencies.md) [3 - Configuration](03_configuration.md) [4 - External services](04_external_services.md) [5 - Build / Release / Run](05_build_release_run.md) [6 - Processes](06_processes.md) [7 - Port binding](07_port_binding.md) [8 - Concurrency](08_concurrency.md) [9 - Disposability](09_disposability.md) [10 - Dev / Prod parity](10_dev_prod_parity.md) [11 - Logs](11_logs.md) [12 - Admin processes](12_admin_processes.md) Do not hesitate to provide comments / feedback you may have in order to improve this lab. ================================================ FILE: Docker/Docker-Orchestration/readme.md ================================================ ## Advanced Docker Orchestration by Jérôme Petazzoni - [Slides](https://jpetazzo.github.io/orchestration-workshop) - [Orchestration Workshop](https://github.com/docker/orchestration-workshop) ## Workshop Outline - Pre-requirements - VM environment - Our sample application - Running the application - Container port mapping - Identifying bottlenecks - Scaling HTTP on a single node - Put a load balancer on it - Connecting to containers on other hosts - Abstracting remote services with ambassadors - Various considerations about ambassadors - Docker for ops - Backups - Starting more containers from your container - Docker events stream - Attaching labels - Logs - Storing container logs in an ELK stack - Security upgrades - Network traffic analysis - Dynamic orchestration - Hands-on Swarm - Deploying Swarm - Cluster discovery - Resource allocation - Connecting containers with ambassadors - Setting up Consul and overlay networks - Multi-host networking - Building images with Swarm - Deploying a local registry - Scaling workers - Distributing Machine credentials - Highly available Swarm managers - Highly available containers - Conclusions ================================================ FILE: Docker/README.md ================================================ # Container, Cloud & DevOps Tutorials and Labs 56K.Cloud Logo This repo contains [Docker](https://docker.com) labs and tutorials authored both by Docker and by members of the community. We welcome contributions and want to grow the repo. #### Docker Tutorials: - [Docker Kickstart](kickstart/readme.md) - [Docker Training DevOpsDays](DevOpsDays/readme.md) - [Docker Swarm Mode](swarm-mode/README.md) - [Docker Security](security/README.md) - [Docker Networking](networking/) #### Additional Docker Labs Be sure to check out the additional Docker resources section aimed at Developers. - [Docker Additional Resources](additional-ressources/) #### Contributing We want to see this repo grow, so if you have a tutorial to submit or contributions to existing tutorials, please see this guide: [Guide to submitting your tutorial](./../contribute.md) ================================================ FILE: Docker/additional-ressources/README.md ================================================ # Additional Docker Ressources This repo contains [Docker](https://docker.com) labs and tutorials, useful links, newsletters, and general Docker ressources. We welcome contributions and want to grow the repo. #### Useful Links * [Awesome Docker](http://veggiemonk.github.io/awesome-docker/) * [Docker Documentation](http://docs.docker.com) * [Docker Labs](https://github.com/docker/labs) * [Play-with-Docker](https://labs.play-with-docker.com) * [More Hands-On Docker Training](http://training.play-with-docker.com/alacart/) #### Newsletters * [Docker Newsletter](http://email.docker.com/ZJI6a09YT0000w0vp30KLFC) * [5 for Friday](http://brianchristner.us3.list-manage.com/track/click?u=fc0e7be4fb674995b89251efb&id=7205e15ac9&e=f62a500248) * [The New Stack](https://thenewstack.io) * [Sysdig](https://sysdig.com/blog) * [] #### Useful Projects * [Brian Christner](www.github.com/vegasbrianc/prometheus) * [Cloud Native Foundation](https://www.cncf.io) * [Jess Frazzle](https://github.com/jessfraz/dockerfiles) * [Prometheus](prometheus.io) * [Traefik Proxy](https://traefik.io) * #### Docker Tutorials: * [Configuring developer tools and programming languages](developer-tools/README.md) * Java * [Live Debugging Java with Docker](developer-tools/java-debugging) * [Docker for Java Developers](developer-tools/java/) * Node.js * [Live Debugging a Node.js application in Docker](developer-tools/nodejs-debugging) * [Dockerizing a Node.js application](developer-tools/nodejs/porting/) * [Docker for ASP.NET and Windows containers](windows/readme.md) * [Building a 12 Factor app with Docker](12factor/README.md) * [Hands-on Labs from DockerCon US 2017](dockercon-us-2017/) ================================================ FILE: Docker/additional-ressources/developer-tools/README.md ================================================ # Developer Tools Tutorials This directory contains tutorials on how to set-up and use common developer tools and programming languages with Docker. We encourage you to [contribute](../contribute.md) your own tutorials here. ## IDEs With the introduction of [Docker for Mac](https://www.docker.com/products/docker#/mac) and [Docker for Windows](https://www.docker.com/products/docker#/windows), developers on those platforms got to use a feature that developers on [Docker for Linux](https://www.docker.com/products/docker#linux) had all along: in-container development. With improvements in volume management, Docker is able to detect when code in a volume changes, and update the code in the container. That means you get features like live debugging in a running container, without having to rebuild the container. You can also have all your dependencies in a container. All you need is Docker and something to edit your source files on your machine, and you're good to go. That means you can, for instance, debug Node.js in your container without having Node.js on your local machine. In order to take advantage of this feature in an IDE, there is some set-up required as there is for any project. The following sections describe how to configure different languages and IDEs to do in-container development. ### [Java Developer Tools](https://github.com/docker/labs/tree/master/developer-tools/java-debugging) including: + Eclipse + IntelliJ + Netbeans ### [Node.js Developer Tools](https://github.com/docker/labs/blob/master/developer-tools/nodejs-debugging/README.md) including: + Visual Studio Code ## Programming languages This is a more comprehensive section detailing how to set-up and optimize your experience using Docker with particular programming languages. + [Java](java/) + [Node.js](nodejs/porting/) ================================================ FILE: Docker/additional-ressources/developer-tools/README_es.md ================================================ # Tutoriales de Herramientas de Desarrollo Este directorio contiene tutoriales sobre como configurar y usar herramientas de desarrollo comunes con docker. Te animamos a [contribuir](../contribute.md) con tus propios tutoriales aquí. ## IDEs Con la introducción de [Docker for Mac](https://www.docker.com/products/docker#/mac) y [Docker for Windows](https://www.docker.com/products/docker#/windows), los desarrolladores pueden ahora desarrollar dentro del contenedor de la misma manera que lo hacen los usuarios que utilizan [Docker for Linux](https://www.docker.com/products/docker#linux). Con mejoras en la administración de volúmenes, Docker permite detectar cuando el código en los volúmenes cambia, y actualizar el código en el contenedor. Esto significa que ahora es posible depurar un contenedor en vivo que se encuentra en ejecución, sin tener que reconstruir el contenedor. ### [Herramientas de Desarrollo Java](https://github.com/docker/labs/tree/master/developer-tools/java-debugging) incluye: + Eclipse + IntelliJ + Netbeans ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/appa-common-commands.adoc ================================================ [appendix] [[Common_Docker_Commands]] == Common Docker Commands Here is the list of commonly used Docker commands: [width="100%", options="header"] |================== | Purpose| Command 2+^s| Image | Build an image| `docker image build --rm=true .` | Install an image | `docker image pull ${IMAGE}` | List of installed images | `docker image ls` | List of installed images (detailed listing) | `docker image ls --no-trunc` | Remove an image | `docker image rm ${IMAGE_ID}` | Remove unused images | `docker image prune` | Remove all images | `docker image rm $(docker image ls -aq)` 2+^s| Containers | Run a container | `docker container run` | List of running containers | `docker container ls` | List of all containers | `docker container ls -a` | Stop a container | `docker container stop ${CID}` | Stop all running containers | `docker container stop $(docker container ls -q)` | List all exited containers with status 1 | `docker container ls -a --filter "exited=1"` | Remove a container | `docker container rm ${CID}` | Remove container by a regular expression | `docker container ls -a \| grep wildfly \| awk '{print $1}' \| xargs docker container rm -f` | Remove all exited containers | `docker container rm -f $(docker container ls -a \| grep Exit \| awk '{ print $1 }')` | Remove all containers | `docker container rm $(docker container ls -aq)` | Find IP address of the container | `docker container inspect --format '{{ .NetworkSettings.IPAddress }}' ${CID}` | Attach to a container | `docker container attach ${CID}` | Open a shell in to a container | `docker container exec -it ${CID} bash` | Get container id for an image by a regular expression | `docker container ls \| grep wildfly \| awk '{print $1}'` |================== === Exit code status The exit code from `docker run` gives information about why the container failed to run or why it exited. The complete list of code is listed: https://docs.docker.com/engine/reference/run/#exit-status All other codes are the exit code of the command running in the container. ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/appb-troubleshooting.adoc ================================================ [appendix] [[Troubleshooting]] == Troubleshooting Docker === Network Timed Out Depending upon the network speed and restrictions, you may not be able to download Docker images from Docker Store. The error message may look like: ```console $ docker pull arungupta/wildfly-mysql-javaee7 Using default tag: latest Pulling repository docker.io/arungupta/wildfly-mysql-javaee7 Network timed out while trying to connect to https://index.docker.io/v1/repositories/arungupta/wildfly-mysql-javaee7/images. You may want to check your internet connection or if you are behind a proxy. ``` This section provide a couple of alternatives to solve this. ==== Restart Docker Machine It seems like Docker Machine gets into a strange state and restarting it fixes that. ```console docker-machine restart eval $(docker-machine env ) ``` === Cannot create Docker Machine on Windows Are you not able to create Docker Machine on Windows? Try starting a `cmd` with Administrator privileges and then give the command again. === Docker machine creation fails with an error about dial tcp: i/o timeout If you get the following error when creating a docker machine [source, text] ---- Error creating machine: Error in driver during machine creation: Get https://api.github.com/repos/boot2docker/boot2docker/releases: dial tcp: i/o timeout ---- Then you need to go to the boot2docker releases page on https://github.com/boot2docker/boot2docker/releases And download the latest .iso After that you can move that iso to the docker cache directory. This is located in `~/.docker/machine/cache` on Mac & Linux and `/Users/yourUserName/.docker/machine/cache` on Windows. Issue: https://github.com/docker/machine/issues/2186 is raised so that the docker-machine team can hopefully find a way around this. === "`You may be getting rate limited by Github`" error message Credits: https://github.com/docker/machine/blob/master/README.md#troubleshooting In order to `create` or `upgrade` virtual machines running Docker, Docker Machine will check the Github API for the latest release of the [boot2docker operating system](https://github.com/boot2docker/boot2docker). The Github API allows for a small number of unauthenticated requests from a given client, but if you share an IP address with many other users (e.g. in an office), you may get rate limited by their API, and Docker Machine will error out with messages indicating this. In order to work around this issue, you can https://help.github.com/articles/creating-an-access-token-for-command-line-use/[generate a token] and pass it to Docker Machine using the global `--github-api-token` flag: ```console $ docker-machine --github-api-token=token create -d virtualbox newbox ``` This should eliminate any issues you've been experiencing with rate limiting. === Docker Machine Troubleshooting https://github.com/docker/machine/blob/master/README.md#troubleshooting[Docker Machine Troubleshooting] section has good tips on what can possibly go wrong with Docker Machine. Look there if your issue is not explained here. ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/appc-references.adoc ================================================ [appendix] [[References]] == References . Docker Docs: http://docs.docker.com . Latest lab content: https://github.com/docker/labs/tree/master/developer-tools/java ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch01-setup.adoc ================================================ :toc: :imagesdir: images = Setup Environments This section describes the hardware and software needed for this workshop, and how to configure them. This workshop is designed for a BYOL (Brying Your Own Laptop) style hands-on-lab. == Hardware & Software . Memory: At least 4 GB+, strongly preferred 8 GB . Operating System: Mac OS X (10.10.3+), Windows 10 Pro+ 64-bit, Ubuntu 12+, CentOS 7+. + NOTE: An older version of the operating system may be used. The installation instructions would differ slightly in that case and are explained in the next section. . Amazon Web Services credentials with the https://docs.docker.com/docker-for-aws/iam-permissions/[following permissions]. This is only needed for some parts of the workshop. == Install Docker Docker runs natively on Mac, Windows and Linux. This lab will use https://www.docker.com/community-edition[Docker Community Edition (CE)]. Download the Docker CE edition for your machine from the https://store.docker.com/search?type=edition&offering=community[Docker Store]. NOTE: Docker CE requires a fairly recent operating system version. If your machine does not meet the requirements, then you need to install https://www.docker.com/products/docker-toolbox[Docker Toolbox]. This workshop is tested with Docker Community Edition `17.09.0-ce-rc2, build 363a3e7` on Mac OS X `10.12.5`. == Download Images This tutorial uses a few Docker images and software. Let's download them before we start the tutorial. Download the file from https://raw.githubusercontent.com/docker/labs/master/developer-tools/java/scripts/docker-compose-pull-images.yml and use the following command to pull the required images: docker-compose -f docker-compose-pull-images.yml pull --parallel NOTE: For Linux, `docker-compose` and `docker` commands need `sudo` access. So prefix all commands with `sudo`. == Other Software The software in this section is specific to certain parts of the workshop. Install them only if you plan to attempt them. . Install https://git-scm.com//[git]. . Install Docker Cloud CLI following the https://docs.docker.com/docker-cloud/installing-cli/[instructions]. . Download Java IDE based upon your choice and install. .. https://netbeans.org/downloads/[NetBeans 8.2] (`"Java SE"` version) .. https://www.jetbrains.com/idea/download/[IntelliJ IDEA Community or Ultimate] .. http://www.eclipse.org/downloads/eclipse-packages/[Eclipse IDE for Java EE Developers] . Download https://maven.apache.org/download.cgi[Maven] and install. . Download the OpenJDK build of http://download.java.net/java/GA/jdk9/9/binaries/openjdk-9_linux-x64_bin.tar.gz[JDK 9 for Linux x64]. (See also the http://jdk.java.net/9/[OpenJDK JDK 9 download page].) . Download the early-access Open JDK build of http://jdk.java.net/9/ea[JDK 9 for Alpine Linux]. ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch02-basic-concepts.adoc ================================================ :toc: :imagesdir: images [[Docker_Basics]] = Docker Basic Concepts *PURPOSE*: This chapter introduces the basic terminology of Docker. [quote, docs.docker.com/] Docker is a platform for developers and sysadmins to build, ship, and run applications. Docker lets you quickly assemble applications from components and eliminates the friction that can come when shipping code. Docker lets you test and deploy your code into production as fast as possible. Docker simplifies software delivery by making it easy to build and share images that contain your application’s entire environment, or _application operating system_. **What does it mean by an application operating system ?** Your application typically requires specific versions for your operating system, application server, JDK, and database server, may require to tune the configuration files, and similarly multiple other dependencies. The application may need binding to specific ports and certain amount of memory. The components and configuration together required to run your application is what is referred to as application operating system. You can certainly provide an installation script that will download and install these components. Docker simplifies this process by allowing to create an image that contains your application and infrastructure together, managed as one component. These images are then used to create Docker containers which run on the container virtualization platform, provided by Docker. == Main Components Docker has three main components: . __Images__ are the *build component* of Docker and are the read-only templates defining an application operating system. . __Containers__ are the *run component* of Docker and created from images. Containers can be run, started, stopped, moved, and deleted. . Images are stored, shared, and managed in a __registry__ and are the *distribution component* of Docker. Docker Store is a publicly available registry and is available at http://store.docker.com. In order for these three components to work together, the *Docker Daemon* (or Docker Engine) runs on a host machine and does the heavy lifting of building, running, and distributing Docker containers. In addition, the *Client* is a Docker binary which accepts commands from the user and communicates back and forth with the Engine. .Docker architecture image::docker-architecture.png[] The Client communicates with the Engine that is either co-located on the same host or on a different host. Client uses the `pull` command to request the Engine to pull an image from the registry. The Engine then downloads the image from Docker Store, or whichever registry is configured. Multiple images can be downloaded from the registry and installed on the Engine. Client uses the `run` run the container. == Docker Image We've already seen that Docker images are read-only templates from which Docker containers are launched. Each image consists of a series of layers. Docker makes use of union file systems to combine these layers into a single image. Union file systems allow files and directories of separate file systems, known as branches, to be transparently overlaid, forming a single coherent file system. One of the reasons Docker is so lightweight is because of these layers. When you change a Docker image—for example, update an application to a new version— a new layer gets built. Thus, rather than replacing the whole image or entirely rebuilding, as you may do with a virtual machine, only that layer is added or updated. Now you don't need to distribute a whole new image, just the update, making distributing Docker images faster and simpler. Every image starts from a base image, for example `ubuntu`, a base Ubuntu image, or `fedora`, a base Fedora image. You can also use images of your own as the basis for a new image, for example if you have a base Apache image you could use this as the base of all your web application images. NOTE: By default, Docker obtains these base images from Docker Store. Docker images are then built from these base images using a simple, descriptive set of steps we call instructions. Each instruction creates a new layer in our image. Instructions include actions like: . Run a command . Add a file or directory . Create an environment variable . Run a process when launching a container These instructions are stored in a file called a Dockerfile. Docker reads this Dockerfile when you request a build of an image, executes the instructions, and returns a final image. == Docker Container A container consists of an operating system, user-added files, and meta-data. As we've seen, each container is built from an image. That image tells Docker what the container holds, what process to run when the container is launched, and a variety of other configuration data. The Docker image is read-only. When Docker runs a container from an image, it adds a read-write layer on top of the image (using a union file system as we saw earlier) in which your application can then run. == Docker Engine Docker Host is created as part of installing Docker on your machine. Once your Docker host has been created, it then allows you to manage images and containers. For example, the image can be downloaded and containers can be started, stopped and restarted. == Docker Client The client communicates with the Docker Host and let's you work with images and containers. Check if your client is working using the following command: docker -v It shows the output: Docker version 17.09.0-ce-rc3, build 2357fb2 NOTE: The exact version may differ based upon how recently the installation was performed. The exact version of Client and Server can be seen using `docker version` command. This shows the output as: ``` Client: Version: 17.09.0-ce-rc3 API version: 1.32 Go version: go1.8.3 Git commit: 2357fb2 Built: Thu Sep 21 02:31:18 2017 OS/Arch: darwin/amd64 Server: Version: 17.09.0-ce-rc3 API version: 1.32 (minimum version 1.12) Go version: go1.8.3 Git commit: 2357fb2 Built: Thu Sep 21 02:36:52 2017 OS/Arch: linux/amd64 Experimental: true ``` The complete set of commands can be seen using `docker --help`. ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch03-build-image-java-9.adoc ================================================ :toc: :imagesdir: images = Build a Docker Image with JDK 9 *PURPOSE*: This chapter explains how to create a Docker image with JDK 9. The link:ch03-build-image.adoc[prior chapter] explained how, in general, to build a Docker image with Java. This chapter expands on this topic and focuses on JDK 9 features. == Create a Docker Image using JDK 9 Create a new directory, for example `docker-jdk9`. In that directory, create a new text file `jdk-9-debian-slim.Dockerfile`. Use the following contents: [source, text] ---- # A JDK 9 with Debian slim FROM debian:stable-slim # Download from http://jdk.java.net/9/ # ADD http://download.java.net/java/GA/jdk9/9/binaries/openjdk-9_linux-x64_bin.tar.gz /opt ADD openjdk-9_linux-x64_bin.tar.gz /opt # Set up env variables ENV JAVA_HOME=/opt/jdk-9 ENV PATH=$PATH:$JAVA_HOME/bin CMD ["jshell", "-J-XX:+UnlockExperimentalVMOptions", \ "-J-XX:+UseCGroupMemoryLimitForHeap", \ "-R-XX:+UnlockExperimentalVMOptions", \ "-R-XX:+UseCGroupMemoryLimitForHeap"] ---- This image uses `debian` slim as the base image and installs the OpenJDK build of JDK for linux x64 (see the link:ch01-setup.adoc[setup section] for how to download this into the current directory). The image is configured by default to run `jshell` the Java REPL. Read more JShell at link:https://docs.oracle.com/javase/9/jshell/introduction-jshell.htm[Introduction to JShell]. The experimental flag `-XX:+UseCGroupMemoryLimitForHeap` is passed to the REPL process (the frontend Java process managing user input and the backend Java process managing compilation). This option will ensure container memory constraints are honored. Build the image using the command: docker image build -t jdk-9-debian-slim -f jdk-9-debian-slim.Dockerfile . List the images available using `docker image ls`: [source, text] ---- REPOSITORY TAG IMAGE ID CREATED SIZE jdk-9-debian-slim latest 023f6999d94a 4 hours ago 400MB debian stable-slim d30525fb4ed2 4 days ago 55.3MB ---- Other images may be shown as well but we are interested in these two images for now. The large difference in size is attributed to JDK 9, which is larger in size than JDK 8 because it also explicitly provides Java modules that we shall see more of later on in this chapter. Run the container using the command: docker container run -m=200M -it --rm jdk-9-debian-slim to see the output: [source, text] ---- INFO: Created user preferences directory. | Welcome to JShell -- Version 9 | For an introduction type: /help intro jshell> ---- Query the available memory of the Java process by typing the following expression into the Java REPL: Runtime.getRuntime().maxMemory() / (1 << 20) to see the output: [source, text] ---- jshell> Runtime.getRuntime().maxMemory() / (1 << 20) $1 ==> 100 ---- Notice that the Java process is honoring memory constraints (see the `--memory` of `docker container run`) and will not allocate memory beyond that specified for the container. In a future release of the JDK it will no longer be necessary to specify an experimental flag (`-XX:+UnlockExperimentalVMOptions`) once the mechanism by which memory constraints are efficiently detected is stable. JDK 9 supports the set CPUs constraint (see the `--cpuset-cpus` of `docker container run`) but does not currently support other CPU constraints such as CPU shares. This is ongoing work http://openjdk.java.net/jeps/8182070[tracked] in the OpenJDK project. Note: the support for CPU sets and memory constraints have also been backported to JDK 8 release 8u131 and above. Type `Ctrl` + `D` to exit out of `jshell`. To list all the Java modules distributed with JDK 9 run the following command: docker container run -m=200M -it --rm jdk-9-debian-slim java --list-modules This will show an output: [source, text] ---- java.activation@9 java.base@9 java.compiler@9 java.corba@9 java.datatransfer@9 java.desktop@9 java.instrument@9 java.logging@9 java.management@9 java.management.rmi@9 java.naming@9 java.prefs@9 java.rmi@9 java.scripting@9 java.se@9 java.se.ee@9 java.security.jgss@9 java.security.sasl@9 java.smartcardio@9 java.sql@9 java.sql.rowset@9 java.transaction@9 java.xml@9 java.xml.bind@9 java.xml.crypto@9 java.xml.ws@9 java.xml.ws.annotation@9 jdk.accessibility@9 jdk.aot@9 jdk.attach@9 jdk.charsets@9 jdk.compiler@9 jdk.crypto.cryptoki@9 jdk.crypto.ec@9 jdk.dynalink@9 jdk.editpad@9 jdk.hotspot.agent@9 jdk.httpserver@9 jdk.incubator.httpclient@9 jdk.internal.ed@9 jdk.internal.jvmstat@9 jdk.internal.le@9 jdk.internal.opt@9 jdk.internal.vm.ci@9 jdk.internal.vm.compiler@9 jdk.jartool@9 jdk.javadoc@9 jdk.jcmd@9 jdk.jconsole@9 jdk.jdeps@9 jdk.jdi@9 jdk.jdwp.agent@9 jdk.jlink@9 jdk.jshell@9 jdk.jsobject@9 jdk.jstatd@9 jdk.localedata@9 jdk.management@9 jdk.management.agent@9 jdk.naming.dns@9 jdk.naming.rmi@9 jdk.net@9 jdk.pack@9 jdk.policytool@9 jdk.rmic@9 jdk.scripting.nashorn@9 jdk.scripting.nashorn.shell@9 jdk.sctp@9 jdk.security.auth@9 jdk.security.jgss@9 jdk.unsupported@9 jdk.xml.bind@9 jdk.xml.dom@9 jdk.xml.ws@9 jdk.zipfs@9 ---- In total there should be 75 modules: [source, text] ---- $ docker container run -m=200M -it --rm jdk-9-debian-slim java --list-modules | wc -l 75 ---- == Create a Docker Image using JDK 9 and Alpine Linux Instead of `debian` as the base image it is possible to use Alpine Linux with an early access build of JDK 9 that is compatible with the muslc library shipped with Alpine Linux. Create a new text file `jdk-9-alpine.Dockerfile`. Use the following contents: [source, text] ---- # A JDK 9 with Alpine Linux FROM alpine:3.6 # Add the musl-based JDK 9 distribution RUN mkdir /opt # Download from http://jdk.java.net/9/ # ADD http://download.java.net/java/jdk9-alpine/archive/181/binaries/jdk-9-ea+181_linux-x64-musl_bin.tar.gz ADD jdk-9-ea+181_linux-x64-musl_bin.tar.gz /opt # Set up env variables ENV JAVA_HOME=/opt/jdk-9 ENV PATH=$PATH:$JAVA_HOME/bin CMD ["jshell", "-J-XX:+UnlockExperimentalVMOptions", \ "-J-XX:+UseCGroupMemoryLimitForHeap", \ "-R-XX:+UnlockExperimentalVMOptions", \ "-R-XX:+UseCGroupMemoryLimitForHeap"] ---- This image uses `alpine` 3.6 as the base image and installs the OpenJDK build of JDK for Alpine Linux x64 (see the link:ch01-setup.adoc[Setup Environments] chapter for how to download this into the current directory). The image is configured in the same manner as for the `debian`-based image. Build the image using the command: docker image build -t jdk-9-alpine -f jdk-9-alpine.Dockerfile . List the images available using `docker image ls`: [source, text] ---- REPOSITORY TAG IMAGE ID CREATED SIZE jdk-9-debian-slim latest 023f6999d94a 4 hours ago 400MB jdk-9-alpine latest f5a57382f240 4 hours ago 356MB debian stable-slim d30525fb4ed2 4 days ago 55.3MB alpine 3.6 7328f6f8b418 3 months ago 3.97MB ---- Notice the difference in image sizes. Alpine Linux by design has been carefully crafted to produce a minimal running OS image. A cost of such a design is an alternative standard library https://www.musl-libc.org/[musl libc] that is not compatible with the C standard library (libc). As a result the JDK requires modifications to run on Alpine Linux. Such modifications have been proposed by the OpenJDK http://openjdk.java.net/projects/portola/[Portola Project]. == Create a Docker Image using JDK 9 and a Java application Clone the GitHib project https://github.com/PaulSandoz/helloworld-java-9 that contains a simple Java 9-based project: git clone https://github.com/PaulSandoz/helloworld-java-9.git (If you have a github account you may wish to fork it and then clone the fork so you can make modifications.) Enter the directory `helloworld-java-9` and build the project from within a running Docker container with JDK 9 installed: docker container run --volume $PWD:/helloworld-java-9 --workdir /helloworld-java-9 \ -it --rm openjdk:9-jdk-slim \ ./mvnw package (If you have JDK 9 installed locally on the host system you can build directly with `./mvnw package`.) In this case we are using the `openjdk:9-jdk-slim` on Docker hub that has been configured to work with SSL certificates so that the maven wrapper tool can successfully download the maven tool. This image is not produced or in anyway endorsed by the OpenJDK project (unlike the JDK 9 distributions that were previously required). It is anticipated that future releases of the JDK from the OpenJDK project will have root CA certificates (see issue https://bugs.openjdk.java.net/browse/JDK-8189131[JDK-8189131]) To build Docker image for this application use the file `helloworld-jdk-9.Dockerfile` from the checked out repo to build your image. The contents of the file are shown below: [source, text] ---- # Hello world application with JDK 9 and Debian slim FROM jdk-9-debian-slim COPY target/helloworld-1.0-SNAPSHOT.jar /opt/helloworld/helloworld-1.0-SNAPSHOT.jar # Set up env variables CMD java -XX:+UnlockExperimentalVMOptions -XX:+UseCGroupMemoryLimitForHeap \ -cp /opt/helloworld/helloworld-1.0-SNAPSHOT.jar org.examples.java.App ---- Build a Docker image containing the simple Java application based of the Docker image `jdk-9-debian-slim`: docker image build -t helloworld-jdk-9 -f helloworld-jdk-9.Dockerfile . List the images available using `docker image ls`: [source, text] ---- REPOSITORY TAG IMAGE ID CREATED SIZE helloworld-jdk-9 latest eb0539e9529a 19 seconds ago 400MB jdk-9-debian-slim latest 023f6999d94a 5 hours ago 400MB jdk-9-alpine latest f5a57382f240 5 hours ago 356MB openjdk 9-jdk-slim 6dca67f4790e 3 days ago 372MB debian stable-slim d30525fb4ed2 4 days ago 55.3MB alpine 3.6 7328f6f8b418 3 months ago 3.97MB ---- Notice how large the application image `helloworld-jdk-9`. Run the `jdeps` tool to see what modules the application depends on: docker container run -it --rm helloworld-jdk-9 jdeps --list-deps /opt/helloworld/helloworld-1.0-SNAPSHOT.jar and observe that the application only depends on the `java.base` module. == Reduce the size of a Docker Image using JDK 9 and a Java application The Java application is extremely simple and as a result uses very little of the functionality shipped with JDK 9 distribution, specifically the application only depends on functionality present in the `java.base` module. We can create a custom Java runtime that only contains the `java.base` module and include that in application Docker image. Create a custom Java runtime that is small and only contains the `java.base` module: docker container run --rm \ --volume $PWD:/out \ jdk-9-debian-slim \ jlink --module-path /opt/jdk-9/jmods \ --verbose \ --add-modules java.base \ --compress 2 \ --no-header-files \ --output /out/target/openjdk-9-base_linux-x64 This command exists as `create-minimal-java-runtime.sh` script in the repo earlier checked out from link:https://github.com/PaulSandoz/helloworld-java-9[helloworld-java-9]. The JDK 9 tool `jlink` is used to create the custom Java runtime. Read more jlink in the https://docs.oracle.com/javase/9/tools/jlink.htm[Tools Reference]. The tool is executed from with the container containing JDK 9 and directory where the modules reside, `/opt/jdk-9/jmods`, is declared in the module path. Only the `java.base` module is selected. The custom runtime is output to the `target` directory: [source, text] ---- $ du -k target/openjdk-9-base_linux-x64/ 24 target/openjdk-9-base_linux-x64//bin 12 target/openjdk-9-base_linux-x64//conf/security/policy/limited 8 target/openjdk-9-base_linux-x64//conf/security/policy/unlimited 24 target/openjdk-9-base_linux-x64//conf/security/policy 68 target/openjdk-9-base_linux-x64//conf/security 76 target/openjdk-9-base_linux-x64//conf 44 target/openjdk-9-base_linux-x64//legal/java.base 44 target/openjdk-9-base_linux-x64//legal 72 target/openjdk-9-base_linux-x64//lib/jli 16 target/openjdk-9-base_linux-x64//lib/security 19824 target/openjdk-9-base_linux-x64//lib/server 31656 target/openjdk-9-base_linux-x64//lib 31804 target/openjdk-9-base_linux-x64/ ---- To build Docker image for this application use the file `helloworld-jdk-9-base.Dockerfile` from the checked out repo. The contents of the file are shown below: [source, text] ---- # Hello world application with custom Java runtime with just the base module and Debian slim FROM debian:stable-slim COPY target/openjdk-9-base_linux-x64 /opt/jdk-9 COPY target/helloworld-1.0-SNAPSHOT.jar /opt/helloworld/helloworld-1.0-SNAPSHOT.jar # Set up env variables ENV JAVA_HOME=/opt/jdk-9 ENV PATH=$PATH:$JAVA_HOME/bin CMD java -XX:+UnlockExperimentalVMOptions -XX:+UseCGroupMemoryLimitForHeap \ -cp /opt/helloworld/helloworld-1.0-SNAPSHOT.jar org.examples.java.App ---- Build a Docker image containing the simple Java application based of the Docker image `debian:stable-slim`: docker image build -t helloworld-jdk-9-base -f helloworld-jdk-9-base.Dockerfile . List the images available using `docker image ls`: [source, text] ---- REPOSITORY TAG IMAGE ID CREATED SIZE helloworld-jdk-9-base latest 7052483fdb77 24 seconds ago 87.7MB helloworld-jdk9 latest eb0539e9529a 17 minutes ago 400MB jdk-9-debian-slim latest 023f6999d94a 5 hours ago 400MB jdk-9-alpine latest f5a57382f240 5 hours ago 356MB openjdk 9-jdk-slim 6dca67f4790e 3 days ago 372MB debian stable-slim d30525fb4ed2 4 days ago 55.3MB alpine 3.6 7328f6f8b418 3 months ago 3.97MB [source, text] ---- The `helloworld-jdk-9-base` is much smaller and could be reduced further if Alpine Linux was used instead of Debian Slim. A realistic application will depend on more JDK modules but it's still possible to significantly reduce the Java runtime to only the required modules (for example many applications will not require Corba or RMI nor the compiler tools). ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch03-build-image.adoc ================================================ :toc: :imagesdir: images = Build a Docker Image *PURPOSE*: This chapter explains how to create a Docker image. == Dockerfile Docker build images by reading instructions from a _Dockerfile_. A _Dockerfile_ is a text document that contains all the commands a user could call on the command line to assemble an image. `docker image build` command uses this file and executes all the commands in succession to create an image. `build` command is also passed a context that is used during image creation. This context can be a path on your local filesystem or a URL to a Git repository. _Dockerfile_ is usually called _Dockerfile_. The complete list of commands that can be specified in this file are explained at https://docs.docker.com/reference/builder/. The common commands are listed below: .Common commands for Dockerfile [width="100%", options="header", cols="1,4,4"] |================== | Command | Purpose | Example | FROM | First non-comment instruction in _Dockerfile_ | `FROM ubuntu` | COPY | Copies mulitple source files from the context to the file system of the container at the specified path | `COPY .bash_profile /home` | ENV | Sets the environment variable | `ENV HOSTNAME=test` | RUN | Executes a command | `RUN apt-get update` | CMD | Defaults for an executing container | `CMD ["/bin/echo", "hello world"]` | EXPOSE | Informs the network ports that the container will listen on | `EXPOSE 8093` |================== == Create your first image Create a new directory `hellodocker`. In that directory, create a new text file `Dockerfile`. Use the following contents: [source, text] ---- FROM ubuntu:latest CMD ["/bin/echo", "hello world"] ---- This image uses `ubuntu` as the base image. `CMD` command defines the command that needs to run. It provides a different entry point of `/bin/echo` and gives the argument "`hello world`". Build the image using the command: [source, text] ---- docker image build . -t helloworld ---- `.` in this command is the context for the command `docker image build`. `-t` adds a tag to the image. The following output is shown: [source, text] ---- Sending build context to Docker daemon 2.048kB Step 1/2 : FROM ubuntu:latest latest: Pulling from library/ubuntu 9fb6c798fa41: Pull complete 3b61febd4aef: Pull complete 9d99b9777eb0: Pull complete d010c8cf75d7: Pull complete 7fac07fb303e: Pull complete Digest: sha256:31371c117d65387be2640b8254464102c36c4e23d2abe1f6f4667e47716483f1 Status: Downloaded newer image for ubuntu:latest ---> 2d696327ab2e Step 2/2 : CMD /bin/echo hello world ---> Running in 9356a508590c ---> e61f88f3a0f7 Removing intermediate container 9356a508590c Successfully built e61f88f3a0f7 Successfully tagged helloworld:latest ---- List the images available using `docker image ls`: [source, text] ---- REPOSITORY TAG IMAGE ID CREATED SIZE helloworld latest e61f88f3a0f7 3 minutes ago 122MB ubuntu latest 2d696327ab2e 4 days ago 122MB ---- Other images may be shown as well but we are interested in these two images for now. Run the container using the command: docker container run helloworld to see the output: hello world If you do not see the expected output, check your Dockerfile that the content exactly matches as shown above. Build the image again and now run it. Change the base image from `ubuntu` to `busybox` in `Dockerfile`. Build the image again: docker image build -t helloworld:2 . and view the images using `docker image ls` command: [source, text] ---- REPOSITORY TAG IMAGE ID CREATED SIZE helloworld 2 7fbedda27c66 3 seconds ago 1.13MB helloworld latest e61f88f3a0f7 5 minutes ago 122MB ubuntu latest 2d696327ab2e 4 days ago 122MB busybox latest 54511612f1c4 9 days ago 1.13MB ---- `helloworld:2` is the format that allows to specify the image name and assign a tag/version to it separated by `:`. == Create your first image using Java === Create a simple Java application [NOTE] ==== If you are running OpenJDK 9, `mvn package` may fail with [source, text] ---- [ERROR] Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.1:compile (default-compile) on project helloworld: Compilation failure: Compilation failure: [ERROR] Source option 1.5 is no longer supported. Use 1.6 or later. [ERROR] Target option 1.5 is no longer supported. Use 1.6 or later. ---- because support for Java 5 http://openjdk.java.net/jeps/182[was dropped in JDK9]. You can add [source, xml] ---- 1.6 1.6 ---- to the generated `pom.xml` to target 1.6 instead. See also the link:chapters/ch03-build-image-java-9.adoc[Build a Docker Image for Java 9] chapter. ==== Create a new Java project: [source, text] ---- mvn archetype:generate -DgroupId=org.examples.java -DartifactId=helloworld -DinteractiveMode=false ---- Build the project: [source, text] ---- cd helloworld mvn package ---- Run the Java class: [source, text] ---- java -cp target/helloworld-1.0-SNAPSHOT.jar org.examples.java.App ---- This shows the output: [source, text] ---- Hello World! ---- Let's package this application as a Docker image. ==== Java Docker image Run the OpenJDK container in an interactive manner: docker container run -it openjdk This will open a terminal in the container. Check the version of Java: [source, text] ---- root@8d0af9da5258:/# java -version openjdk version "1.8.0_141" OpenJDK Runtime Environment (build 1.8.0_141-8u141-b15-1~deb9u1-b15) OpenJDK 64-Bit Server VM (build 25.141-b15, mixed mode) ---- A different JDK version may be shown in your case. Exit out of the container by typing `exit` in the container shell. === Package and run Java application as Docker image Create a new Dockerfile in `helloworld` directory and use the following content: [source, text] ---- FROM openjdk:latest COPY target/helloworld-1.0-SNAPSHOT.jar /usr/src/helloworld-1.0-SNAPSHOT.jar CMD java -cp /usr/src/helloworld-1.0-SNAPSHOT.jar org.examples.java.App ---- Build the image: docker image build -t hello-java:latest . Run the image: docker container run hello-java:latest This displays the output: Hello World! This shows the exactly same output that was printed when the Java class was invoked using Java CLI. === Package and run Java Application using Docker Maven Plugin https://github.com/fabric8io/docker-maven-plugin[Docker Maven Plugin] allows you to manage Docker images and containers using Maven. It comes with predefined goals: [options="header"] |==== |Goal | Description | `docker:build` | Build images | `docker:start` | Create and start containers | `docker:stop` | Stop and destroy containers | `docker:push` | Push images to a registry | `docker:remove` | Remove images from local docker host | `docker:logs` | Show container logs |==== Complete set of goals are listed at https://github.com/fabric8io/docker-maven-plugin. Clone the sample code from https://github.com/arun-gupta/docker-java-sample/. Create the Docker image: mvn -f docker-java-sample/pom.xml package -Pdocker This will show an output like: [source, text] ---- [INFO] Copying files to /Users/argu/workspaces/docker-java-sample/target/docker/hellojava/build/maven [INFO] Building tar: /Users/argu/workspaces/docker-java-sample/target/docker/hellojava/tmp/docker-build.tar [INFO] DOCKER> [hellojava:latest]: Created docker-build.tar in 87 milliseconds [INFO] DOCKER> [hellojava:latest]: Built image sha256:6f815 [INFO] ------------------------------------------------------------------------ [INFO] BUILD SUCCESS [INFO] ------------------------------------------------------------------------ ---- The list of images can be checked using the command `docker image ls | grep hello-java`: [source, text] ---- hello-java latest ea64a9f5011e 5 seconds ago 643 MB ---- Run the Docker container: mvn -f docker-java-sample/pom.xml install -Pdocker This will show an output like: [source, text] ---- [INFO] DOCKER> [hellojava:latest]: Start container 30a08791eedb 30a087> Hello World! [INFO] DOCKER> [hellojava:latest]: Waited on log out 'Hello World!' 510 ms ---- This is similar output when running the Java application using `java` CLI or the Docker container using `docker container run` command. The container is running in the foreground. Use `Ctrl` + `C` to interrupt the container and return back to terminal. Only one change was required in the project to enable Docker packaging and running. A Maven profile is added in `pom.xml`: [source, text] ---- docker io.fabric8 docker-maven-plugin 0.22.1 hello-java openjdk:latest artifact java -cp maven/${project.name}-${project.version}.jar org.examples.java.App Hello World! docker:build package build docker:start install start logs ---- == Dockerfile Command Design Patterns === Difference between CMD and ENTRYPOINT *TL;DR* `CMD` will work for most of the cases. Default entry point for a container is `/bin/sh`, the default shell. Running a container as `docker container run -it ubuntu` uses that command and starts the default shell. The output is shown as: ```console > docker container run -it ubuntu root@88976ddee107:/# ``` `ENTRYPOINT` allows to override the entry point to some other command, and even customize it. For example, a container can be started as: ```console > docker container run -it --entrypoint=/bin/cat ubuntu /etc/passwd root:x:0:0:root:/root:/bin/bash daemon:x:1:1:daemon:/usr/sbin:/usr/sbin/nologin bin:x:2:2:bin:/bin:/usr/sbin/nologin sys:x:3:3:sys:/dev:/usr/sbin/nologin . . . ``` This command overrides the entry point to the container to `/bin/cat`. The argument(s) passed to the CLI are used by the entry point. === Difference between ADD and COPY *TL;DR* `COPY` will work for most of the cases. `ADD` has all capabilities of `COPY` and has the following additional features: . Allows tar file auto-extraction in the image, for example, `ADD app.tar.gz /opt/var/myapp`. . Allows files to be downloaded from a remote URL. However, the downloaded files will become part of the image. This causes the image size to bloat. So its recommended to use `curl` or `wget` to download the archive explicitly, extract, and remove the archive. === Import and export images Docker images can be saved using `image save` command to a `.tar` file: docker image save helloworld > helloworld.tar These tar files can then be imported using `load` command: docker image load -i helloworld.tar ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch04-run-container.adoc ================================================ :toc: :imagesdir: images = Run a Docker Container The first step in running an application using Docker is to run a container. If you can think of an open source software, there is a very high likelihood that there will be a Docker image available for it at https://store.docker.com[Docker Store]. Docker client can simply run the container by giving the image name. The client will check if the image already exists on Docker Host. If it exists then it'll run the container, otherwise the host will first download the image. == Pull Image Let's check if any images are available: [source, text] ---- docker image ls ---- At first, this list is empty. If you've already downloaded the images as specified in the setup chapter, then all the images will be shown here. List of images can be seen again using the `docker image ls` command. This will show the following output: [source, text] ---- REPOSITORY TAG IMAGE ID CREATED SIZE hellojava latest 8d76bf5691c4 32 minutes ago 740MB hello-java latest 93b1180c5d91 36 minutes ago 740MB helloworld 2 7fbedda27c66 41 minutes ago 1.13MB helloworld latest e61f88f3a0f7 About an hour ago 122MB mysql latest b4e78b89bcf3 3 days ago 412MB ubuntu latest 2d696327ab2e 4 days ago 122MB jboss/wildfly latest 9adbdb00cded 8 days ago 592MB openjdk latest 6077adce18ea 8 days ago 740MB busybox latest 54511612f1c4 9 days ago 1.13MB tailtarget/hadoop 2.7.2 ee6b539c886e 6 months ago 1.15GB tailtarget/jenkins 2.32.3 71a7d9bcfe2b 6 months ago 859MB arungupta/couchbase travel 7929a80707db 7 months ago 583MB arungupta/couchbase-javaee travel 2bb52abaad5f 7 months ago 595MB arungupta/javaee7-hol latest da5c9d4f85ca 2 years ago 582MB ---- More details about the image can be obtained using `docker image history jboss/wildfly` command: [source, text] ---- IMAGE CREATED CREATED BY SIZE COMMENT 9adbdb00cded 8 days ago /bin/sh -c #(nop) CMD ["/opt/jboss/wildfl... 0B 8 days ago /bin/sh -c #(nop) EXPOSE 8080/tcp 0B 8 days ago /bin/sh -c #(nop) USER [jboss] 0B 8 days ago /bin/sh -c #(nop) ENV LAUNCH_JBOSS_IN_BAC... 0B 8 days ago /bin/sh -c cd $HOME && curl -O https:/... 163MB 8 days ago /bin/sh -c #(nop) USER [root] 0B 8 days ago /bin/sh -c #(nop) ENV JBOSS_HOME=/opt/jbo... 0B 8 days ago /bin/sh -c #(nop) ENV WILDFLY_SHA1=9ee3c0... 0B 8 days ago /bin/sh -c #(nop) ENV WILDFLY_VERSION=10.... 0B 8 days ago /bin/sh -c #(nop) ENV JAVA_HOME=/usr/lib/... 0B 8 days ago /bin/sh -c #(nop) USER [jboss] 0B 8 days ago /bin/sh -c yum -y install java-1.8.0-openj... 204MB 8 days ago /bin/sh -c #(nop) USER [root] 0B 8 days ago /bin/sh -c #(nop) MAINTAINER Marek Goldma... 0B 8 days ago /bin/sh -c #(nop) USER [jboss] 0B 8 days ago /bin/sh -c #(nop) WORKDIR /opt/jboss 0B 8 days ago /bin/sh -c groupadd -r jboss -g 1000 && us... 296kB 8 days ago /bin/sh -c yum update -y && yum -y install... 28.7MB 8 days ago /bin/sh -c #(nop) MAINTAINER Marek Goldma... 0B 8 days ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0B 8 days ago /bin/sh -c #(nop) LABEL name=CentOS Base ... 0B 8 days ago /bin/sh -c #(nop) ADD file:1ed4d1a29d09a63... 197MB ---- == Run Container === Interactively Run WildFly container in an interactive mode. [source, text] ---- docker container run -it jboss/wildfly ---- This will show the output as: [source, text] ---- ========================================================================= JBoss Bootstrap Environment JBOSS_HOME: /opt/jboss/wildfly JAVA: /usr/lib/jvm/java/bin/java . . . 00:26:27,455 INFO [org.jboss.as] (Controller Boot Thread) WFLYSRV0060: Http management interface listening on http://127.0.0.1:9990/management 00:26:27,456 INFO [org.jboss.as] (Controller Boot Thread) WFLYSRV0051: Admin console listening on http://127.0.0.1:9990 00:26:27,457 INFO [org.jboss.as] (Controller Boot Thread) WFLYSRV0025: WildFly Full 10.1.0.Final (WildFly Core 2.2.0.Final) started in 3796ms - Started 331 of 577 services (393 services are lazy, passive or on-demand) ---- This shows that the server started correctly, congratulations! By default, Docker runs in the foreground. `-i` allows to interact with the STDIN and `-t` attach a TTY to the process. Switches can be combined together and used as `-it`. Hit Ctrl+C to stop the container. === Detached container Restart the container in detached mode: [source, text] ---- docker container run -d jboss/wildfly 254418caddb1e260e8489f872f51af4422bc4801d17746967d9777f565714600 ---- `-d`, instead of `-it`, runs the container in detached mode. The output is the unique id assigned to the container. Logs of the container can be seen using the command `docker container logs `, where `` is the id of the container. Status of the container can be checked using the `docker container ls` command: [source, text] ---- CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 254418caddb1 jboss/wildfly "/opt/jboss/wildfl..." 2 minutes ago Up 2 minutes 8080/tcp gifted_haibt ---- Also try `docker container ls -a` to see all the containers on this machine. === With default port If you want the container to accept incoming connections, you will need to provide special options when invoking `docker run`. The container, we just started, can't be accessed by our browser. We need to stop it again and restart with different options. [source, text] ---- docker container stop `docker container ps | grep wildfly | awk '{print $1}'` ---- Restart the container as: [source, text] ---- docker container run -d -P --name wildfly jboss/wildfly ---- `-P` map any exposed ports inside the image to a random port on Docker host. In addition, `--name` option is used to give this container a name. This name can then later be used to get more details about the container or stop it. This can be verified using `docker container ls` command: [source, text] ---- CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 89fbfbceeb56 jboss/wildfly "/opt/jboss/wildfl..." 9 seconds ago Up 8 seconds 0.0.0.0:32768->8080/tcp wildfly ---- The port mapping is shown in the `PORTS` column. Access WildFly server at http://localhost:32768. Make sure to use the correct port number as shown in your case. NOTE: Exact port number may be different in your case. The page would look like: image::wildfly-first-run-default-page.png[] === With specified port Stop and remove the previously running container as: [source, text] ---- docker container stop wildfly docker container rm wildfly ---- Alternatively, `docker container rm -f wildfly` can be used to stop and remove the container in one command. Be careful with this command because `-f` uses `SIGKILL` to kill the container. Restart the container as: [source, text] ---- docker container run -d -p 8080:8080 --name wildfly jboss/wildfly ---- The format is `-p hostPort:containerPort`. This option maps a port on the host to a port in the container. This allows us to access the container on the specified port on the host. Now we're ready to test http://localhost:8080. This works with the exposed port, as expected. Let's stop and remove the container as: [source, text] ---- docker container stop wildfly docker container rm wildfly ---- === Deploy a WAR file to application server Now that your application server is running, lets see how to deploy a WAR file to it. Create a new directory `hellojavaee`. Create a new text file and name it `Dockerfile`. Use the following contents: [source, text] ---- FROM jboss/wildfly:latest RUN curl -L https://github.com/javaee-samples/javaee7-simple-sample/releases/download/v1.10/javaee7-simple-sample-1.10.war -o /opt/jboss/wildfly/standalone/deployments/javaee-simple-sample.war ---- Create an image: [source, text] ---- docker image build -t javaee-sample . ---- Start the container: [source, text] ---- docker container run -d -p 8080:8080 --name wildfly javaee-sample ---- Access the endpoint: [source, text] ---- curl http://localhost:8080/javaee-simple-sample/resources/persons ---- See the output: [source, text] ---- Penny Leonard Sheldon Amy Howard Bernadette Raj Priya ---- Optional: `brew install XML-Coreutils` will install XML formatting utility on Mac. This output can then be piped to `xml-fmt` to display a formatted result. == Stop container Stop a specific container by id or name: [source, text] ---- docker container stop docker container stop ---- Stop all running containers: [source, text] ---- docker container stop $(docker container ps -q) ---- Stop only the exited containers: [source, text] ---- docker container ps -a -f "exited=-1" ---- == Remove container Remove a specific container by id or name: [source, text] ---- docker container rm docker container rm ---- Remove containers meeting a regular expression [source, text] ---- docker container ps -a | grep wildfly | awk '{print $1}' | xargs docker container rm ---- Remove all containers, without any criteria [source, text] ---- docker container rm $(docker container ps -aq) ---- == Additional ways to find port mapping The exact mapped port can also be found using `docker port` command: [source, text] ---- docker container port or ---- This shows the output as: [source, text] ---- 8080/tcp -> 0.0.0.0:8080 ---- Port mapping can be also be found using `docker inspect` command: [source, text] ---- docker container inspect --format='{{(index (index .NetworkSettings.Ports "8080/tcp") 0).HostPort}}' ---- ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch05-compose.adoc ================================================ :toc: :imagesdir: images [[Docker_Compose]] = Multi-container application using Docker Compose == What is Docker Compose [quote, github.com/docker/compose] Docker Compose is a tool for defining and running complex applications with Docker. With Compose, you define a multi-container application in a single file, then spin your application up in a single command which does everything that needs to be done to get it running. An application using Docker containers will typically consist of multiple containers. With Docker Compose, there is no need to write shell scripts to start your containers. All the containers are defined in a configuration file using _services_, and then `docker-compose` script is used to start, stop, and restart the application and all the services in that application, and all the containers within that service. The complete list of commands is: [options="header"] |==== | Command | Purpose | `build` | Build or rebuild services | `help` | Get help on a command | `kill` | Kill containers | `logs` | View output from containers | `port` | Print the public port for a port binding | `ps` | List containers | `pull` | Pulls service images | `restart` | Restart services | `rm` | Remove stopped containers | `run` | Run a one-off command | `scale` | Set number of containers for a service | `start` | Start services | `stop` | Stop services | `up` | Create and start containers | `migrate-to-labels Recreate containers to add labels |==== The application used in this section is a Java EE application talking to a database. The application publishes a REST endpoint that can be invoked using `curl. It is deployed using http://wildfly-swarm.io/[WildFly Swarm] that communicates to MySQL database. WildFly Swarm and MySQL will be running in two separate containers, and thus making this a multi-container application. == Configuration file Th entry point to Docker Compose is a Compose file, usually called `docker-compose.yml`. Create a new directory `javaee`. In that directory, create a new file `docker-compose.yml` in it. Use the following contents: ``` version: '3.3' services: db: container_name: db image: mysql:8 environment: MYSQL_DATABASE: employees MYSQL_USER: mysql MYSQL_PASSWORD: mysql MYSQL_ROOT_PASSWORD: supersecret ports: - 3306:3306 web: image: arungupta/docker-javaee:dockerconeu17 ports: - 8080:8080 - 9990:9990 depends_on: - db ``` In this Compose file: . Two services in this Compose are defined by the name `db` and `web` attributes . Image name for each service defined using `image` attribute . The `mysql:8` image starts the MySQL server. . `environment` attribute defines environment variables to initialize MySQL server. .. `MYSQL_DATABASE` allows you to specify the name of a database to be created on image startup. .. `MYSQL_USER` and `MYSQL_PASSWORD` are used in conjunction to create a new user and to set that user's password. This user will be granted superuser permissions for the database specified by the `MYSQL_DATABASE` variable. .. `MYSQL_ROOT_PASSWORD` is mandatory and specifies the password that will be set for the MySQL root superuser account. . Java EE application uses the `db` service as specified in the `connection-url` as specified at https://github.com/arun-gupta/docker-javaee/blob/master/employees/src/main/resources/project-defaults.yml/. . The `arungupta/docker-javaee:dockerconeu17` image starts WildFly Swarm application server. It consists of the Java EE application built from https://github.com/arun-gupta/docker-javaee. Clone that project if you want to build your own image. . Port forwarding is achieved using `ports` attribute. . `depends_on` attribute allows to express dependency between services. In this case, MySQL will be started before WildFly. Application-level health check are still user's responsibility. == Start application All services in the application can be started, in detached mode, by giving the command: ``` docker-compose up -d ``` An alternate Compose file name can be specified using `-f` option. An alternate directory where the compose file exists can be specified using `-p` option. This shows the output as: ``` docker-compose up -d Creating network "javaee_default" with the default driver Creating db ... Creating db ... done Creating javaee_web_1 ... Creating javaee_web_1 ... done ``` The output may differ slightly if the images are downloaded as well. Started services can be verified using the command `docker-compose ps`: ``` Name Command State Ports ------------------------------------------------------------------------------------------------------ db docker-entrypoint.sh mysqld Up 0.0.0.0:3306->3306/tcp javaee_web_1 /bin/sh -c java -jar /opt/ ... Up 0.0.0.0:8080->8080/tcp, 0.0.0.0:9990->9990/tcp ``` This provides a consolidated view of all the services, and containers within each of them. Alternatively, the containers in this application, and any additional containers running on this Docker host can be verified by using the usual `docker container ls` command: ``` Name Command State Ports ------------------------------------------------------------------------------------------------------ db docker-entrypoint.sh mysqld Up 0.0.0.0:3306->3306/tcp javaee_web_1 /bin/sh -c java -jar /opt/ ... Up 0.0.0.0:8080->8080/tcp, 0.0.0.0:9990->9990/tcp javaee $ docker container ls CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES e862a5eb9484 arungupta/docker-javaee:dockerconeu17 "/bin/sh -c 'java ..." 38 seconds ago Up 36 seconds 0.0.0.0:8080->8080/tcp, 0.0.0.0:9990->9990/tcp javaee_web_1 08792c20c066 mysql:8 "docker-entrypoint..." 39 seconds ago Up 37 seconds 0.0.0.0:3306->3306/tcp db ``` Service logs can be seen using `docker-compose logs` command, and looks like: [source, text] ---- Attaching to dockerjavaee_web_1, db web_1 | 23:54:21,584 INFO [org.jboss.msc] (main) JBoss MSC version 1.2.6.Final web_1 | 23:54:21,688 INFO [org.jboss.as] (MSC service thread 1-8) WFLYSRV0049: WildFly Core 2.0.10.Final "Kenny" starting web_1 | 2017-10-06 23:54:22,687 INFO [org.wildfly.extension.io] (ServerService Thread Pool -- 20) WFLYIO001: Worker 'default' has auto-configured to 8 core threads with 64 task threads based on your 4 available processors . . . web_1 | 2017-10-06 23:54:23,259 INFO [org.jboss.as.connector.subsystems.datasources] (MSC service thread 1-3) WFLYJCA0001: Bound data source [java:jboss/datasources/ExampleDS] web_1 | 2017-10-06 23:54:24,962 INFO [org.jboss.as] (Controller Boot Thread) WFLYSRV0025: WildFly Core 2.0.10.Final "Kenny" started in 3406ms - Started 112 of 124 services (21 services are lazy, passive or on-demand) web_1 | 2017-10-06 23:54:25,020 INFO [org.wildfly.extension.undertow] (MSC service thread 1-4) WFLYUT0006: Undertow HTTP listener default listening on 0.0.0.0:8080 web_1 | 2017-10-06 23:54:26,146 INFO [org.wildfly.swarm.runtime.deployer] (main) deploying docker-javaee.war web_1 | 2017-10-06 23:54:26,169 INFO [org.jboss.as.server.deployment] (MSC service thread 1-3) WFLYSRV0027: Starting deployment of "docker-javaee.war" (runtime-name: "docker-javaee.war") web_1 | 2017-10-06 23:54:27,748 INFO [org.jboss.as.jpa] (MSC service thread 1-2) WFLYJPA0002: Read persistence.xml for MyPU web_1 | 2017-10-06 23:54:27,887 WARN [org.jboss.as.dependency.private] (MSC service thread 1-7) WFLYSRV0018: Deployment "deployment.docker-javaee.war" is using a private module ("org.jboss.jts:main") which may be changed or removed in future versions without notice. . . . web_1 | 2017-10-06 23:54:29,128 INFO [stdout] (ServerService Thread Pool -- 4) Hibernate: create table EMPLOYEE_SCHEMA (id integer not null, name varchar(40), primary key (id)) web_1 | 2017-10-06 23:54:29,132 INFO [stdout] (ServerService Thread Pool -- 4) Hibernate: INSERT INTO EMPLOYEE_SCHEMA(ID, NAME) VALUES (1, 'Penny') web_1 | 2017-10-06 23:54:29,133 INFO [stdout] (ServerService Thread Pool -- 4) Hibernate: INSERT INTO EMPLOYEE_SCHEMA(ID, NAME) VALUES (2, 'Sheldon') web_1 | 2017-10-06 23:54:29,133 INFO [stdout] (ServerService Thread Pool -- 4) Hibernate: INSERT INTO EMPLOYEE_SCHEMA(ID, NAME) VALUES (3, 'Amy') web_1 | 2017-10-06 23:54:29,133 INFO [stdout] (ServerService Thread Pool -- 4) Hibernate: INSERT INTO EMPLOYEE_SCHEMA(ID, NAME) VALUES (4, 'Leonard') . . . web_1 | 2017-10-06 23:54:30,050 INFO [org.wildfly.extension.undertow] (ServerService Thread Pool -- 4) WFLYUT0021: Registered web context: / web_1 | 2017-10-06 23:54:30,518 INFO [org.jboss.as.server] (main) WFLYSRV0010: Deployed "docker-javaee.war" (runtime-name : "docker-javaee.war") web_1 | 2017-10-06 23:56:01,766 INFO [stdout] (default task-1) Hibernate: select employee0_.id as id1_0_, employee0_.name as name2_0_ from EMPLOYEE_SCHEMA employee0_ db | Initializing database . . . db | db | db | MySQL init process done. Ready for start up. db | . . . db | 2017-10-06T23:54:29.434423Z 0 [Note] /usr/sbin/mysqld: ready for connections. Version: '8.0.3-rc-log' socket: '/var/run/mysqld/mysqld.sock' port: 3306 MySQL Community Server (GPL) db | 2017-10-06T23:54:30.281973Z 0 [Note] InnoDB: Buffer pool(s) load completed at 171006 23:54:30 ---- `depends_on` attribute in the Compose definition file ensures the container start up order. But application-level start up needs to be ensured by the applications running inside container. In our case, this can be achieved by WildFly Swarm using `swarm.datasources.data-sources.KEY.stale-connection-checker-class-name` as defined at https://reference.wildfly-swarm.io/fractions/datasources.html. == Verify application Now that the WildFly Swarm and MySQL have been configured, let's access the application. You need to specify IP address of the host where WildFly is running (`localhost` in our case). The endpoint can be accessed in this case as: curl -v http://localhost:8080/resources/employees The output is shown as: ``` curl -v http://localhost:8080/resources/employees * Trying ::1... * TCP_NODELAY set * Connected to localhost (::1) port 8080 (#0) > GET /resources/employees HTTP/1.1 > Host: localhost:8080 > User-Agent: curl/7.51.0 > Accept: */* > < HTTP/1.1 200 OK < Connection: keep-alive < Content-Type: application/xml < Content-Length: 478 < Date: Sat, 07 Oct 2017 00:05:41 GMT < * Curl_http_done: called premature == 0 * Connection #0 to host localhost left intact 1Penny2Sheldon3Amy4Leonard5Bernadette6Raj7Howard8Priya ``` This shows the result from querying the database. A single resource can be obtained: curl -v http://localhost:8080/resources/employees/1 It shows the output: ``` curl -v http://localhost:8080/resources/employees/1 * Trying ::1... * TCP_NODELAY set * Connected to localhost (::1) port 8080 (#0) > GET /resources/employees/1 HTTP/1.1 > Host: localhost:8080 > User-Agent: curl/7.51.0 > Accept: */* > < HTTP/1.1 200 OK < Connection: keep-alive < Content-Type: application/xml < Content-Length: 104 < Date: Sat, 07 Oct 2017 00:06:33 GMT < * Curl_http_done: called premature == 0 * Connection #0 to host localhost left intact 1Penny ``` == Shutdown application Shutdown the application using `docker-compose down`: ``` Stopping javaee_web_1 ... done Stopping db ... done Removing javaee_web_1 ... done Removing db ... done Removing network javaee_default ``` This stops the container in each service and removes all the services. It also deletes any networks that were created as part of this application. ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch06-swarm.adoc ================================================ :toc: :imagesdir: images [[Swarm_Mode]] = Deploy application using Swarm mode Docker Engine includes swarm mode for natively managing a cluster of Docker Engines. The Docker CLI can be used to create a swarm, deploy application services to a swarm, and manage swarm behavior. Complete details are available at: https://docs.docker.com/engine/swarm/. It's important to understand the https://docs.docker.com/engine/swarm/key-concepts/[Swarm mode key concepts] before starting with this chapter. Swarm is typically a cluster of multiple Docker Engines. But for simplicity we'll run a single node Swarm. This section will deploy an application that will provide a CRUD/REST interface on a data bucket in https://www.mysql.com/[MySQL]. This is achieved by using a Java EE application deployed on http://wildfly.org[WildFly] to access the database. == Initialize Swarm Initialize Swarm mode using the following command: docker swarm init This starts a Swarm Manager. By default, a manager node is also a worker but can be configured to be a manager-only. Find some information about this one-node cluster using the command `docker info` ``` Containers: 0 Running: 0 Paused: 0 Stopped: 0 Images: 17 Server Version: 17.09.0-ce Storage Driver: overlay2 Backing Filesystem: extfs Supports d_type: true Native Overlay Diff: true Logging Driver: json-file Cgroup Driver: cgroupfs Plugins: Volume: local Network: bridge host ipvlan macvlan null overlay Log: awslogs fluentd gcplogs gelf journald json-file logentries splunk syslog Swarm: active NodeID: p9a1tqcjh58ro9ucgtqxa2wgq Is Manager: true ClusterID: r3xdxly8zv82e4kg38krd0vog Managers: 1 Nodes: 1 Orchestration: Task History Retention Limit: 5 Raft: Snapshot Interval: 10000 Number of Old Snapshots to Retain: 0 Heartbeat Tick: 1 Election Tick: 3 Dispatcher: Heartbeat Period: 5 seconds CA Configuration: Expiry Duration: 3 months Force Rotate: 0 Autolock Managers: false Root Rotation In Progress: false Node Address: 192.168.65.2 Manager Addresses: 192.168.65.2:2377 Runtimes: runc Default Runtime: runc Init Binary: docker-init containerd version: 06b9cb35161009dcb7123345749fef02f7cea8e0 runc version: 3f2f8b84a77f73d38244dd690525642a72156c64 init version: 949e6fa Security Options: seccomp Profile: default Kernel Version: 4.9.49-moby Operating System: Alpine Linux v3.5 OSType: linux Architecture: x86_64 CPUs: 4 Total Memory: 1.952GiB Name: moby ID: TJSZ:O44Y:PWGZ:ZWZM:SA73:2UHI:VVKV:KLAH:5NPO:AXQZ:XWZD:6IRJ Docker Root Dir: /var/lib/docker Debug Mode (client): false Debug Mode (server): true File Descriptors: 35 Goroutines: 142 System Time: 2017-10-05T20:57:14.037442426Z EventsListeners: 1 Registry: https://index.docker.io/v1/ Experimental: true Insecure Registries: 127.0.0.0/8 Live Restore Enabled: false ``` This cluster has 1 node, and that is a manager. By default, the manager node is also a worker node. This means the containers can run on this node. == Multi-container application This section describes how to deploy a multi-container application using Docker Compose to Swarm mode use Docker CLI. Create a new directory and `cd` to it: mkdir webapp cd webapp Create a new Compose definition `docker-compose.yml` using this link:ch05-compose.adoc#configuration-file[ configuration file]. This application can be started as: docker stack deploy --compose-file=docker-compose.yml webapp This shows the output as: ``` Ignoring deprecated options: container_name: Setting the container name is not supported. Creating network webapp_default Creating service webapp_db Creating service webapp_web ``` WildFly Swarm and MySQL services are started on this node. Each service has a single container. If the Swarm mode is enabled on multiple nodes then the containers will be distributed across them. A new overlay network is created. This can be verified using the command `docker network ls`. This network allows multiple containers on different hosts to communicate with each other. == Verify service and containers in application Verify that the WildFly and MySQL services are running using `docker service ls`: ``` ID NAME MODE REPLICAS IMAGE PORTS j21lwelj529f webapp_db replicated 1/1 mysql:8 *:3306->3306/tcp m0m44axt35cg webapp_web replicated 1/1 arungupta/docker-javaee:dockerconeu17 *:8080->8080/tcp,*:9990->9990/tcp ``` More details about the service can be obtained using `docker service inspect webapp_web`: [source, yml] ---- [ { "ID": "m0m44axt35cgjetcjwzls7u9r", "Version": { "Index": 22 }, "CreatedAt": "2017-10-07T00:17:44.038961419Z", "UpdatedAt": "2017-10-07T00:17:44.040746062Z", "Spec": { "Name": "webapp_web", "Labels": { "com.docker.stack.image": "arungupta/docker-javaee:dockerconeu17", "com.docker.stack.namespace": "webapp" }, "TaskTemplate": { "ContainerSpec": { "Image": "arungupta/docker-javaee:dockerconeu17@sha256:6a403c35d2ab4442f029849207068eadd8180c67e2166478bc3294adbf578251", "Labels": { "com.docker.stack.namespace": "webapp" }, "Privileges": { "CredentialSpec": null, "SELinuxContext": null }, "StopGracePeriod": 10000000000, "DNSConfig": {} }, "Resources": {}, "RestartPolicy": { "Condition": "any", "Delay": 5000000000, "MaxAttempts": 0 }, "Placement": { "Platforms": [ { "Architecture": "amd64", "OS": "linux" } ] }, "Networks": [ { "Target": "bwnp1nvkkga68dirhp1ue7qey", "Aliases": [ "web" ] } ], "ForceUpdate": 0, "Runtime": "container" }, "Mode": { "Replicated": { "Replicas": 1 } }, "UpdateConfig": { "Parallelism": 1, "FailureAction": "pause", "Monitor": 5000000000, "MaxFailureRatio": 0, "Order": "stop-first" }, "RollbackConfig": { "Parallelism": 1, "FailureAction": "pause", "Monitor": 5000000000, "MaxFailureRatio": 0, "Order": "stop-first" }, "EndpointSpec": { "Mode": "vip", "Ports": [ { "Protocol": "tcp", "TargetPort": 8080, "PublishedPort": 8080, "PublishMode": "ingress" }, { "Protocol": "tcp", "TargetPort": 9990, "PublishedPort": 9990, "PublishMode": "ingress" } ] } }, "Endpoint": { "Spec": { "Mode": "vip", "Ports": [ { "Protocol": "tcp", "TargetPort": 8080, "PublishedPort": 8080, "PublishMode": "ingress" }, { "Protocol": "tcp", "TargetPort": 9990, "PublishedPort": 9990, "PublishMode": "ingress" } ] }, "Ports": [ { "Protocol": "tcp", "TargetPort": 8080, "PublishedPort": 8080, "PublishMode": "ingress" }, { "Protocol": "tcp", "TargetPort": 9990, "PublishedPort": 9990, "PublishMode": "ingress" } ], "VirtualIPs": [ { "NetworkID": "vysfza7wgjepdlutuwuigbws1", "Addr": "10.255.0.5/16" }, { "NetworkID": "bwnp1nvkkga68dirhp1ue7qey", "Addr": "10.0.0.4/24" } ] } } ] ---- Logs for the service can be seen using `docker service logs -f webapp_web`: ``` webapp_web.1.lf3y5k7pkpt9@moby | 00:17:47,296 INFO [org.jboss.msc] (main) JBoss MSC version 1.2.6.Final webapp_web.1.lf3y5k7pkpt9@moby | 00:17:47,404 INFO [org.jboss.as] (MSC service thread 1-8) WFLYSRV0049: WildFly Core 2.0.10.Final "Kenny" starting webapp_web.1.lf3y5k7pkpt9@moby | 2017-10-07 00:17:48,636 INFO [org.wildfly.extension.io] (ServerService Thread Pool -- 20) WFLYIO001: Worker 'default' has auto-configured to 8 core threads with 64 task threads based on your 4 available processors . . . webapp_web.1.lf3y5k7pkpt9@moby | 2017-10-07 00:17:56,619 INFO [org.jboss.resteasy.resteasy_jaxrs.i18n] (ServerService Thread Pool -- 12) RESTEASY002225: Deploying javax.ws.rs.core.Application: class org.javaee.samples.employees.MyApplication webapp_web.1.lf3y5k7pkpt9@moby | 2017-10-07 00:17:56,621 WARN [org.jboss.as.weld] (ServerService Thread Pool -- 12) WFLYWELD0052: Using deployment classloader to load proxy classes for module com.fasterxml.jackson.jaxrs.jackson-jaxrs-json-provider:main. Package-private access will not work. To fix this the module should declare dependencies on [org.jboss.weld.core, org.jboss.weld.spi] webapp_web.1.lf3y5k7pkpt9@moby | 2017-10-07 00:17:56,682 INFO [org.wildfly.extension.undertow] (ServerService Thread Pool -- 12) WFLYUT0021: Registered web context: / webapp_web.1.lf3y5k7pkpt9@moby | 2017-10-07 00:17:57,094 INFO [org.jboss.as.server] (main) WFLYSRV0010: Deployed "docker-javaee.war" (runtime-name : "docker-javaee.war") ``` Make sure to wait for the last log statement to show. == Access application Now that the WildFly and MySQL servers have been configured, let's access the application. You need to specify IP address of the host where WildFly is running (`localhost` in our case). The endpoint can be accessed in this case as: curl -v http://localhost:8080/resources/employees The output is shown as: ``` * Trying ::1... * TCP_NODELAY set * Connected to localhost (::1) port 8080 (#0) > GET /resources/employees HTTP/1.1 > Host: localhost:8080 > User-Agent: curl/7.51.0 > Accept: */* > < HTTP/1.1 200 OK < Connection: keep-alive < Content-Type: application/xml < Content-Length: 478 < Date: Sat, 07 Oct 2017 00:22:59 GMT < * Curl_http_done: called premature == 0 * Connection #0 to host localhost left intact 1Penny2Sheldon3Amy4Leonard5Bernadette6Raj7Howard8Priya ``` This shows all employees stored in the database. == Stop application If you only want to stop the application temporarily while keeping any networks that were created as part of this application, the recommended way is to set the amount of service replicas to 0. docker service scale webapp_db=0 webapp_web=0 It shows the output: ``` webapp_db scaled to 0 webapp_web scaled to 0 Since --detach=false was not specified, tasks will be scaled in the background. In a future release, --detach=false will become the default. ``` This is especially useful if the stack contains volumes and you want to keep the data. It allows you to simply start the stack again with setting the replicas to a number higher than 0. == Remove application completely Shutdown the application using `docker stack rm webapp`: ``` Removing service webapp_db Removing service webapp_web Removing network webapp_default ``` This stops the container in each service and removes the services. It also deletes any networks that were created as part of this application. ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch07-eclipse.adoc ================================================ :toc: :imagesdir: images [[Docker_Eclipse]] == Docker and Eclipse This chapter will show you basic Docker tooling with Eclipse: - Pull/Push/Build Docker images - Run/Start/Stop/Kill Docker containers - Customize views Watch a quick video explaining the key steps in https://www.youtube.com/watch?v=XmhEZiS26os. === Install Docker Tooling in Eclipse Download http://www.eclipse.org/downloads/eclipse-packages/[Eclipse IDE for Java EE Developers] and install. Go to "`Help`" menu, "`Install New Software...`". Select Eclipse update site for the release, search for Docker, select "`Docker Tooling`". image::docker-eclipse-update-site-selection.png[] Click on "`Next>`", "`Next>`", accept the license agreement, click on "`Finish`" to start the installation. Restart Eclipse for the installation to complete. === Docker Perspective and View Go to "`Window`", "`Perspective`", "`Open Perspective`", "`Other...`", "`Docker Tooling`". image::docker-eclipse-docker-perspective.png[] Click on "`OK`" to see the perspective. image::docker-eclipse-docker-perspective-default-look.png[] This has three views: - *Docker Explorer*: a tree view listing all connected Docker instances, with image and containers. - *Docker Images*: a table view listing containers for selected Docker connection. - *Docker Containers*: a table view listing containers for selected Docker connection Click on the text in Docker Explorer to create a new connection. If you are on Mac/Windows, you are likely using Docker for Mac/Windows or Docker Toolbox to setup Docker Host. Eclipse allows to configure Docker Engine using both Docker for Mac/Windows and Docker Toolbox. If you are using Docker for Mac/Windows, then the default values are shown: image::docker-eclipse-docker-connection.png[] Click on "`Test Connection`" to test the connection. image::docker-eclipse-docker-connection-test.png[] If you are using Toolbox, enter the values as shown: image::docker-eclipse-docker-connection-toolbox.png[] The exact value of TCP Connection can be found using `docker-machine ls` command. The path for authentication is the directory name where certificates for your Docker Machine, `couchbase` in this case, are stored. Click on "`Test Connection`" to make sure the connection is successfully configured. image::docker-eclipse-docker-connection-test-toolbox.png[] In either case, the configuration can be completed once the connection is tested. Click on "`Finish`" to complete the configuration. Docker Explorer is updated to show the connection. Containers and Images configured for the Docker Machine are shown in tabs. They can be expanded to see the list in Explorer itself. === Pull an Image Expand the connection to see "`Containers`" and "`Images`". Right-click on "`Images`" and select "`Pull...`". Type the image name and click on "`Finish`". image::docker-eclipse-pull-image.png[] This image is now shown in Explorer and Docker Images tab. image::docker-eclipse-pulled-image.png[] Any existing images on the Docker Host will be shown here. === Run a Container Select an image, right-click on it, and click on "`Run...`". It shows the options that can be configured for running the container. Some of them are: - Publish ports on Docker host interface (`-P` or `-p` in `docker run` command) - Keep STDIN open and allocate pseudo-TTY (`-it` on CLI) - Remove container after it exits (`--rm` on CLI) - Volume mapping (`-v` on CLI) - Environment variables (`-e` on CLI) Uncheck "`Publish all exposed ports`" box to map to corresponding ports. image::docker-eclipse-run-container-config.png[] Click on "`Finish`" to run the container. Right-click on the started container, select "`Display Log`" to show the log. image::docker-eclipse-container-display-log.png[] The container can be paused, stopped and killed from here as well. To see more details about the container, right-click on the container, select "`Show In`", "`Properties`". image::docker-eclipse-container-properties.png[] === Build an Image In Docker Images tab, click on the hammer icon on top right. Give the image name, specify an empty directory, click on "`Edit Dockerfile`" to edit the contents of Dockerfile image::docker-eclipse-build-image.png[] Click on "`Save`" and "`Finish`" to create the image. ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch07-intellij.adoc ================================================ :toc: :imagesdir: images [[Docker_IntelliJ]] == Docker and IntelliJ IDEA This chapter will show you basic Docker tooling with IntelliJ IDEA: - Pull Docker images - Run, stop, delete a Container - Build an Image === Install Docker Plugin in IDEA Go to "`Preferences`", "`Plugins`", "`Install JetBrains plugin...`", search on "`docker`" and click on "`Install`" image::docker-intellij-plugin-install.png[] Restart IntelliJ IDEA to active plugin. Click on "`Create New Project`", select "`Java`", "`Web Application`" image::docker-intellij-create-java-project.png[] Click on "`Next`", give the project a name "`dockercon`", click on "`Finish`". This will open up the project in IntelliJ window. Go to "`Preferences`", "`Clouds`", add a new deployment by clicking on "`+`". Click on "`Import credentials from Docker Machine`", "`Detect`", and see a successful connection. You may have to check the IP address of your Docker Machine. Find the IP address of your Docker Machine as `docker-machine ip ` and specify the correct IP address here. image::docker-intellij-cloud-connection.png[] Go to "`View`", "`Tool Windows`", "`Docker Tooling Window`". Click on "`Connect`"" to connect with Docker Machine. Make sure Docker Machine is running. WARNING: IDEA does not work with "`Docker for Mac`" at this time. (ADD BUG #) image::docker-intellij-tool-window.png[] === Pull an Image Select top-level node with the name "`Docker`", click on "`Pull image`" image::docker-intellij-pull-image.png[] Type an image name, such as `arungupta/couchbase`, and "`OK`" image::docker-intellij-repository-name.png[] Expand "`Containers`" and "`Images`" to see existing running containers and images. The specified image is now downloaded and shown as well. === Run a Container Select the downloaded image, click on "`Create container`" Select "`After launch`" and enter the URL as `http://192.168.99.100:8091`. Make sure to match the IP address of your Docker Machine. image::docker-intellij-deployment-after-launch.png[] In "`Container`" tab, add "`Port bindings`" for `8091:8091` image::docker-intellij-container-ports.png[] Click on "`Run`" to run the container. This will bring up the browser window and display the page http://192.168.99.100:8091 and looks like: image::docker-intellij-run-container-browser.png[] This image uses http://developer.couchbase.com/documentation/server/current/rest-api/rest-endpoints-all.html[Couchbase REST API] to configure the Couchbase server. Right-click on the running container, select "`Inspect`" to see more details about the container. image::docker-intellij-container-inspect.png[] Click on "`Stop container`" to stop the container and "`Delete container`" to delete the container. === Build an Image . Refer to the instructions https://www.jetbrains.com/help/idea/2016.1/docker.html . Right-click on the project, create a new directory `docker-dir` . Artifact .. Click on top-right for "`Project Structure`" .. select "`Artifacts`" .. change "`Type:`" to "`Web Application: Archive`" .. change the name to `dockercon` .. change `Output directory` to `docker-dir` . Create "`Dockerfile`" in this directory. Use the contents + ``` FROM jboss/wildfly ADD dockercon.war /opt/jboss/wildfly/standalone/deployments/ ``` + . "`Run`", "`Edit Configurations`", add new "`Docker Deployment`" .. "`Deployment`" tab ... Change the name to `dockercon` ... Select "`After launch`", change the URL to "`http://192.168.99.100:18080/dockercon/index.jsp`" ... In "`Before launch`", add "`Build Artifacts`" and select the artifact .. "`Container`" tab ... Add "`Port bindings`" for "`8080:18080`" . View, Tool Windows, Docker, connect to it . Run the project ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch07-netbeans.adoc ================================================ :toc: :imagesdir: images [[Docker_NetBeans]] == Docker and NetBeans This chapter will show you basic Docker tooling with NetBeans: - Pull/Build Docker images - Run/Start/Stop Docker containers NOTE: NetBeans only supports configuring Docker Engine running using Docker Toolbox. This means that if you are running Docker for Mac or Docker for Windows then NetBeans cannot be used. === Configure Docker Host In "`Services`" window, right-click on "`Docker`", click on "`Add Docker...`" image::docker-netbeans-add-docker.png[] Specify Docker Machine coordinates, click on "`Test Connection`" to validate the connection: image::docker-netbeans-add-docker-instance.png[] NOTE: No support for Docker for Mac/Windows, filed as https://netbeans.org/bugzilla/show_bug.cgi?id=262398[#262398]. Click on "`Finish`" to see: image::docker-netbeans-added-docker-instance.png[] Expand the connection to see "`Images`" and "`Containers`". === Pull an Image Right-click on Docker node and select "`Pull...`". image::docker-netbeans-pull-image.png[] Type the image name to narrow down the search from Docker Store: image::docker-netbeans-search-image.png[] Click on "`Pull`" to pull the image. Log is updated in the Output window: image::docker-netbeans-pull-image-output.png[] This image is now shown in Services tab image::docker-netbeans-pulled-image.png[] Any existing images on the Docker Host will be shown here as well. === Run a Container Select an image, right-click on it, and click on "`Run...`". image::docker-netbeans-run-container.png[] This brings up a dialog that allows the options that can be configured for running the container. Some of them are: - Container name - Override the command - Keep STDIN open and allocate pseudo-TTY (`-it` on CLI) - Publish ports on Docker host interface (`-P` or `-p` in `docker run` command) image::docker-netbeans-run-container-option1.png[] Click on "`Next>`" to see the options to configure exposed ports. Click on "`Add`" to explicitly map host port "`8091`" to container port "`8091`". image::docker-netbeans-run-container-option2.png[] Click on "`Finish`" to run the container. "`Services`" window is updated as: image::docker-netbeans-run-container-services.png[] Log is shown in the "`Output`" window: image::docker-netbeans-run-container-log.png[] Right-click on the container, select "`Show Log`" to show the log generated by the container. The container can be paused and stopped from here as well. === Build an Image On the configured Docker Host, right-click and select "`Build...`" to build a new image: image::docker-netbeans-build-image.png[] Specify a directory where `Dockerfile` exists, give the image name: image::docker-netbeans-build-image-option1.png[] Click on "`Next>`", choose the options that matter: image::docker-netbeans-build-image-option2.png[] Click on "`Finish`" to build the image. The image is shown in the "`Services`" window: image::docker-netbeans-build-image-services.png[] ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch08-aws.adoc ================================================ :toc: :imagesdir: images = Docker for AWS https://docs.docker.com/docker-for-aws/[Docker for AWS] is a CloudFormation template that configures Docker in swarm-mode, running on EC2 instances backed by custom AMIs. This allows to create a cluster of Docker Engine in swarm-mode with a single click. This workshop will take the https://github.com/docker/labs/blob/master/developer-tools/java/chapters/ch06-swarm.adoc#multi-container-application[multi-container application] and deploy it on multiple hosts. == Requirements What is required for creating this CloudFormation template? . https://docs.docker.com/docker-for-aws/iam-permissions/[Permissions] . SSH key in AWS in the region where you want to deploy (required to access the completed Docker install). http://docs.aws.amazon.com/AWSEC2/latest/UserGuide/ec2-key-pairs.html[Amazon EC2 Key Pair] explains how to add SSH key to your account . AWS account that support EC2-VPC == Create cluster https://console.aws.amazon.com/cloudformation/home#/stacks/new?stackName=Docker&templateURL=https://editions-us-east-1.s3.amazonaws.com/aws/stable/Docker.tmpl[Launch Stack] to create the CloudFormation template. .Select template image::docker-aws-1.png[] Click on `Next` .Swarm size image::docker-aws-2.png[] Select the number of Swarm manager (3) and worker (5) nodes. This wll create a 8 node cluster. Each node will initialize a new EC2 instance. Feel free to alter the number of master and worker nodes. For example, a more reasonable number for testing may be 1 master and 3 worker nodes. Select the SSH key that will be used to access the cluster. By default, the template is configured to redirect all log statements to CloudWatch. Until https://github.com/moby/moby/issues/30691[#30691] is fixed, the logs will only be available using CloudWatch. Alternatively, you may select to not redirect logs to CloudWatch. In this case, the usual command to get the logs will work. Scroll down to select manager and worker properties. .Swarm manager/worker properties image::docker-aws-3.png[] `m4.large` (2 vCPU and 8 GB memory) is a good start for manager. `m4.xlarge` (4 vCPU and 16 GB memory) is a good start for worker node. Feel free to choose `m3.medium` (1 vCPU and 3.75 GB memory) for manager and `m3.large` (2 vCPU and 7.5 GB memory) for a smaller cluster. Make sure the EC2 instance size is chosen to accommodate the processing and memory needs of containers that will run there. Click on `Next` .Swarm options image::docker-aws-4.png[] Take default for all the options and click on `Next`. .Swarm review image::docker-aws-5.png[] .Swarm IAM accept image::docker-aws-6.png[] Accept the checkbox for CloudFormation to create IAM resources. Click on `Create` to create the Swarm cluster. It will take a few minutes for the CloudFormation template to complete. The output will look like: .Swarm CloudFormation complete image::docker-aws-7.png[] https://console.aws.amazon.com/ec2/v2/home?#Instances:search=docker;sort=instanceState[EC2 Console] will show the EC2 instances for manager and worker. .EC2 console image::docker-aws-8.png[] Select one of the manager nodes, copy the public IP address: [[Swarm_manager]] .Swarm manager image::docker-aws-9.png[] Create a SSH tunnel using the command: ssh -i ~/.ssh/arun-us-east1.pem -o StrictHostKeyChecking=no -NL localhost:2374:/var/run/docker.sock docker@ec2-34-200-216-30.compute-1.amazonaws.com & Get more details about the cluster using the command `docker -H localhost:2374 info`. This shows the output: ``` Containers: 5 Running: 4 Paused: 0 Stopped: 1 Images: 5 Server Version: 17.09.0-ce Storage Driver: overlay2 Backing Filesystem: extfs Supports d_type: true Native Overlay Diff: true Logging Driver: awslogs Cgroup Driver: cgroupfs Plugins: Volume: local Network: bridge host ipvlan macvlan null overlay Log: awslogs fluentd gcplogs gelf journald json-file logentries splunk syslog Swarm: active NodeID: rb6rju2eln0bn80z7lqocjkuy Is Manager: true ClusterID: t38bbbex5w3bpfmnogalxn5k1 Managers: 3 Nodes: 8 Orchestration: Task History Retention Limit: 5 Raft: Snapshot Interval: 10000 Number of Old Snapshots to Retain: 0 Heartbeat Tick: 1 Election Tick: 3 Dispatcher: Heartbeat Period: 5 seconds CA Configuration: Expiry Duration: 3 months Force Rotate: 0 Autolock Managers: false Root Rotation In Progress: false Node Address: 172.31.46.94 Manager Addresses: 172.31.26.163:2377 172.31.46.94:2377 172.31.8.136:2377 Runtimes: runc Default Runtime: runc Init Binary: docker-init containerd version: 06b9cb35161009dcb7123345749fef02f7cea8e0 runc version: 3f2f8b84a77f73d38244dd690525642a72156c64 init version: 949e6fa Security Options: seccomp Profile: default Kernel Version: 4.9.49-moby Operating System: Alpine Linux v3.5 OSType: linux Architecture: x86_64 CPUs: 2 Total Memory: 7.785GiB Name: ip-172-31-46-94.ec2.internal ID: F65G:UTHH:7YEM:XPEZ:NBIZ:XN25:ONG6:QN5R:7MGJ:I3RS:BAX3:UO7A Docker Root Dir: /var/lib/docker Debug Mode (client): false Debug Mode (server): true File Descriptors: 299 Goroutines: 399 System Time: 2017-10-07T01:04:00.971903882Z EventsListeners: 0 Registry: https://index.docker.io/v1/ Labels: os=linux region=us-east-1 availability_zone=us-east-1c instance_type=m4.large node_type=manager Experimental: true Insecure Registries: 127.0.0.0/8 Live Restore Enabled: false ``` List of nodes in the cluster can be seen using `docker -H localhost:2374 node ls`: ``` ID HOSTNAME STATUS AVAILABILITY MANAGER STATUS xdhwdiglfs5wsvkcl0j65wl04 ip-172-31-4-89.ec2.internal Ready Active xbrejk2g7mk9v15hg9xzu3syq ip-172-31-8-136.ec2.internal Ready Active Leader bhwc67r78cfqtquri82qdwtnk ip-172-31-13-38.ec2.internal Ready Active ygxdfloly3x203x9p5wbpk34d ip-172-31-17-74.ec2.internal Ready Active toyfec889wuqdix6z618mlj85 ip-172-31-26-163.ec2.internal Ready Active Reachable 37lzvgrtlnnq0lnr3cip0fwhw ip-172-31-28-204.ec2.internal Ready Active k2aprr08b3q28nvze9uv26821 ip-172-31-39-252.ec2.internal Ready Active rb6rju2eln0bn80z7lqocjkuy * ip-172-31-46-94.ec2.internal Ready Active Reachable ``` == Multi-container application to multi-host Use the link:ch05-compose.adoc#configuration-file[Compose file] to deploy a multi-container application to this Docker cluster. This will deploy a multi-container application to multiple hosts. Create a new directory and `cd` to it: mkdir webapp cd webapp Create a new Compose definition `docker-compose.yml` using the configuration file from https://github.com/docker/labs/blob/master/developer-tools/java/chapters/ch05-compose.adoc#configuration-file. The command is: ``` docker -H localhost:2374 stack deploy --compose-file=docker-compose.yml webapp ``` The output is: ``` Ignoring deprecated options: container_name: Setting the container name is not supported. Creating network webapp_default Creating service webapp_web Creating service webapp_db ``` WildFly Swarm and MySQL services are started on this cluster. Each service has a single container. A new overlay network is created. This allows multiple containers on different hosts to communicate with each other. == Verify service and containers in application Verify that the WildFly and Couchbase services are running using `docker -H localhost:2374 service ls`: ``` ID NAME MODE REPLICAS IMAGE PORTS q4d578ime45e webapp_db replicated 1/1 mysql:8 *:3306->3306/tcp qt5qrzp1jpyq webapp_web replicated 1/1 arungupta/docker-javaee:dockerconeu17 *:8080->8080/tcp,*:9990->9990/tcp ``` `REPLICAS` colum shows that one of one replica for the container is running for each service. It might take a few minutes for the service to be running as the image needs to be downloaded on the host where the container is started. Let's find out which node the services are running. Do this for the web application first: ``` docker -H localhost:2374 service ps webapp_web ID NAME IMAGE NODE DESIRED STATE CURRENT STATE ERROR PORTS npmunk4ll9f4 webapp_web.1 arungupta/docker-javaee:dockerconeu17 ip-172-31-39-252.ec2.internal Running Running 2 hours ago ``` The `NODE` column shows the internal IP address of the node where this service is running. Now, do this for the database: ``` docker -H localhost:2374 service ps webapp_db ID NAME IMAGE NODE DESIRED STATE CURRENT STATE ERROR PORTS vzaji4xdi2qh webapp_db.1 mysql:8 ip-172-31-17-74.ec2.internal Running Running 2 hours ago ``` The `NODE` column for this service shows that the service is running on a different node. More details about the service can be obtained using `docker -H localhost:2374 service inspect webapp_web`: ``` [ { "ID": "qt5qrzp1jpyq1ur7qhg55ijf1", "Version": { "Index": 58 }, "CreatedAt": "2017-10-07T01:09:32.519975146Z", "UpdatedAt": "2017-10-07T01:09:32.535587602Z", "Spec": { "Name": "webapp_web", "Labels": { "com.docker.stack.image": "arungupta/docker-javaee:dockerconeu17", "com.docker.stack.namespace": "webapp" }, "TaskTemplate": { "ContainerSpec": { "Image": "arungupta/docker-javaee:dockerconeu17@sha256:6a403c35d2ab4442f029849207068eadd8180c67e2166478bc3294adbf578251", "Labels": { "com.docker.stack.namespace": "webapp" }, "Privileges": { "CredentialSpec": null, "SELinuxContext": null }, "StopGracePeriod": 10000000000, "DNSConfig": {} }, "Resources": {}, "RestartPolicy": { "Condition": "any", "Delay": 5000000000, "MaxAttempts": 0 }, "Placement": { "Platforms": [ { "Architecture": "amd64", "OS": "linux" } ] }, "Networks": [ { "Target": "b0ig9m1qsjax95tp9m1i2m4yo", "Aliases": [ "web" ] } ], "ForceUpdate": 0, "Runtime": "container" }, "Mode": { "Replicated": { "Replicas": 1 } }, "UpdateConfig": { "Parallelism": 1, "FailureAction": "pause", "Monitor": 5000000000, "MaxFailureRatio": 0, "Order": "stop-first" }, "RollbackConfig": { "Parallelism": 1, "FailureAction": "pause", "Monitor": 5000000000, "MaxFailureRatio": 0, "Order": "stop-first" }, "EndpointSpec": { "Mode": "vip", "Ports": [ { "Protocol": "tcp", "TargetPort": 8080, "PublishedPort": 8080, "PublishMode": "ingress" }, { "Protocol": "tcp", "TargetPort": 9990, "PublishedPort": 9990, "PublishMode": "ingress" } ] } }, "Endpoint": { "Spec": { "Mode": "vip", "Ports": [ { "Protocol": "tcp", "TargetPort": 8080, "PublishedPort": 8080, "PublishMode": "ingress" }, { "Protocol": "tcp", "TargetPort": 9990, "PublishedPort": 9990, "PublishMode": "ingress" } ] }, "Ports": [ { "Protocol": "tcp", "TargetPort": 8080, "PublishedPort": 8080, "PublishMode": "ingress" }, { "Protocol": "tcp", "TargetPort": 9990, "PublishedPort": 9990, "PublishMode": "ingress" } ], "VirtualIPs": [ { "NetworkID": "i41xh4kmuwl5vc47h536l3mxs", "Addr": "10.255.0.10/16" }, { "NetworkID": "b0ig9m1qsjax95tp9m1i2m4yo", "Addr": "10.0.0.2/24" } ] } } ] ``` Logs for the service are redirected to CloudWatch and thus cannot be seen using `docker service logs`. This will be fixed with https://github.com/moby/moby/issues/30691[#30691]. Let's view the logs using using https://console.aws.amazon.com/cloudwatch/home?#logs:prefix=Docker[CloudWatch Logs]. .CloudWatch log group image::docker-aws-10.png[] Select the log group: .CloudWatch log stream image::docker-aws-11.png[] Pick `webapp_web.xxx` log stream to see the log statements from WildFly Swarm: .CloudWatch application log stream image::docker-aws-12.png[] == Access application Application is accessed using manager's IP address and on port 8080. By default, the port 8080 is not open. In https://console.aws.amazon.com/ec2/v2/home?#Instances:search=docker;sort=instanceState[EC2 Console], select an EC2 instance with name `Docker-Manager`, click on `Docker-Managerxxx` in `Security groups`. Click on `Inbound`, `Edit`, `Add Rule`, and create a rule to enable TCP traffic on port 8080. .Open port 8080 in Docker manager image::docker-aws-13.png[] Click on `Save` to save the rules. Now, the application is accessible using the command `curl -v http://ec2-34-200-216-30.compute-1.amazonaws.com:8080/resources/employees` and shows output: ``` * Trying 34.200.216.30... * TCP_NODELAY set * Connected to ec2-34-200-216-30.compute-1.amazonaws.com (34.200.216.30) port 8080 (#0) > GET /resources/employees HTTP/1.1 > Host: ec2-34-200-216-30.compute-1.amazonaws.com:8080 > User-Agent: curl/7.51.0 > Accept: */* > < HTTP/1.1 200 OK < Connection: keep-alive < Content-Type: application/xml < Content-Length: 478 < Date: Sat, 07 Oct 2017 02:53:11 GMT < * Curl_http_done: called premature == 0 * Connection #0 to host ec2-34-200-216-30.compute-1.amazonaws.com left intact 1Penny2Sheldon3Amy4Leonard5Bernadette6Raj7Howard8Priya ``` == Shutdown application Shutdown the application using the command `docker -H localhost:2374 stack rm webapp`: ``` Removing service webapp_db Removing service webapp_web Removing network webapp_default ``` This stops the container in each service and removes the services. It also deletes any networks that were created as part of this application. == Shutdown cluster Docker cluster can be shutdown by deleting the stack created by CloudFormation: .Delete CloudFormation template image::docker-aws-14.png[] ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch08-azure.adoc ================================================ :toc: :imagesdir: images = Docker for Azure ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch08-cloud.adoc ================================================ :toc: :imagesdir: images = Docker Cloud == Key Concepts Docker Cloud is a SaaS that allows you to build, deploy and manage Docker containers in physical servers, virtual machine or cloud providers. The main concepts of Docker Cloud are: - *Nodes* are individual Linux hosts/VMs used to deploy and run your applications. New nodes can be provisioned to increase the capacity. Docker Cloud does not provide hosting services. Nodes are provisioned using physical servers, virtual machine or cloud providers. - *Node Clusters* are logical groups of nodes of the same type. Node Clusters allow to scale the infrastructure easily by provisioning more nodes. - *Services* are logical groups of containers from the same image. Services make it simple to scale your application across different nodes. This chapter will show how to use TomEE Docker image and deploy it using Docker Cloud CLI. === Docker Cloud CLI Install Docker Cloud CLI following the https://docs.docker.com/docker-cloud/installing-cli/[instructions]. == Create new Docker Cloud Node Create a new node cluster: [source, text] ---- docker-cloud nodecluster create -t 1 --tag wildfly wildfly-node aws us-west-1 m3.large ---- This node cluster has a single node (`-t 1`) and uses the tag "`wildfly`" (`--tag wildfly`). Last four parameters are nodecluster name (`couchbase-node`), provider (`aws`), region (`us-west-1`) and node type (`m3.large`). Each node in this node cluster will be given the assigned tag. This will be used later to assign services to a specific node or node cluster. Deploying a node can take a few minutes. Current status can also be seen https://cloud.docker.com/app/arungupta/nodecluster/list/1?page_size=10[Docker Cloud dashboard]: image::docker-cloud-nodecluster.png[] == Create a new Docker Cloud Service Create a Docker Cloud Service: [source, text] ---- docker-cloud service create --name wildfly --tag wildfly -p 8080:8080 jboss/wildfly 124aa470-4e44-4f19-b0f0-d0c2616510a7 ---- https://cloud.docker.com/app/arungupta/service/list/1?name__icontains=wildfly&page=1&page_size=10[Docker Cloud dashboard] will look like: image::docker-cloud-services.png[] Start the Service: [source, text] ---- docker-cloud service start 124aa470-4e44-4f19-b0f0-d0c2616510a7 ---- Check the service logs: [source, text] ---- docker-cloud service logs 124aa470-4e44-4f19-b0f0-d0c2616510a7 ---- It shows the output as: [source, text] ---- wildfly-1 | 2017-02-04T00:00:22.752881989Z ========================================================================= wildfly-1 | 2017-02-04T00:00:22.752982683Z wildfly-1 | 2017-02-04T00:00:22.753058247Z JBoss Bootstrap Environment wildfly-1 | 2017-02-04T00:00:22.753149954Z wildfly-1 | 2017-02-04T00:00:22.753228180Z JBOSS_HOME: /opt/jboss/wildfly wildfly-1 | 2017-02-04T00:00:22.753313935Z wildfly-1 | 2017-02-04T00:00:22.753385039Z JAVA: /usr/lib/jvm/java/bin/java wildfly-1 | 2017-02-04T00:00:22.753537123Z wildfly-1 | 2017-02-04T00:00:22.753926931Z JAVA_OPTS: -server -Xms64m -Xmx512m -XX:MetaspaceSize=96M -XX:MaxMetaspaceSize=256m -Djava.net.preferIPv4Stack=true -Djboss.modules.system.pkgs=org.jboss.byteman -Djava.awt.headless=true . . . wildfly-1 | 2017-02-04T00:00:28.062486850Z 00:00:28,062 INFO [org.jboss.ws.common.management] (MSC service thread 1-2) JBWS022052: Starting JBossWS 5.1.5.Final (Apache CXF 3.1.6) wildfly-1 | 2017-02-04T00:00:28.360806943Z 00:00:28,359 INFO [org.jboss.as] (Controller Boot Thread) WFLYSRV0060: Http management interface listening on http://127.0.0.1:9990/management wildfly-1 | 2017-02-04T00:00:28.361466490Z 00:00:28,360 INFO [org.jboss.as] (Controller Boot Thread) WFLYSRV0051: Admin console listening on http://127.0.0.1:9990 wildfly-1 | 2017-02-04T00:00:28.362342136Z 00:00:28,361 INFO [org.jboss.as] (Controller Boot Thread) WFLYSRV0025: WildFly Full 10.1.0.Final (WildFly Core 2.2.0.Final) started in 5505ms - Started 331 of 577 services (393 services are lazy, passive or on-demand) ---- == Access WildFly Server in Docker Cloud Inspect the Docker Cloud service for the exposed container ports: ``` docker-cloud service inspect 124aa470-4e44-4f19-b0f0-d0c2616510a7 | jq ".container_ports" ``` This shows the output as: ``` [ { "protocol": "tcp", "outer_port": 8080, "inner_port": 8080, "port_name": "http-alt", "published": true, "endpoint_uri": "http://wildfly.124aa470.svc.dockerapp.io:8080/" } ] ``` Access the main page of TomEE at http://wildfly.124aa470.svc.dockerapp.io:8080/ to see: image::docker-cloud-wildfly.png[] == Terminate the Docker Cloud Service and Node Check the list of Docker Cloud services running using the command `docker-cloud service ps`: ``` NAME UUID STATUS #CONTAINERS IMAGE DEPLOYED PUBLIC DNS STACK wildfly 124aa470 ▶ Running 1 jboss/wildfly:latest 7 minutes ago wildfly.124aa470.svc.dockerapp.io ``` Use the UUID to terminate the service: [source, text] ---- docker-cloud service terminate 124aa470 ---- Check the list of nodes using `docker-cloud node ls` command: ``` UUID FQDN LASTSEEN STATUS CLUSTER DOCKER_VER 0240951d 0240951d-27b6-4295-8ff8-ea443d668765.node.dockerapp.io 28 seconds ago ▶ Deployed wildfly-node 1.11.2-cs5 ``` Terminate the node as: ``` docker-cloud node rm 0240951d ``` Check the list of nodecluster using `docker-cloud nodecluster ls` command: ``` NAME UUID REGION TYPE DEPLOYED STATUS CURRENT#NODES TARGET#NODES wildfly-node fb2f6292 us-west-1 m3.large 23 minutes ago Empty cluster 0 0 ``` Remove the nodecluster as: ``` docker-cloud nodecluster rm wildfly-node ``` ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch09-cicd.adoc ================================================ :toc: :imagesdir: images = CI/CD using Docker *PURPOSE*: This chapter explains how to use Jenkins and Docker to run continuous integration and continuous delivery. There are several possible approaches to run Docker builds with Jenkins: . Install Jenkins on your Docker host machine. Run Docker commands from your build, either using one of the several Jenkins Docker plugins, or by running Docker commands from a build step. . Install Jenkins on your host machine and have a Jenkins slave machine with Docker installed to run your Docker builds . Run Jenkins on Docker and use the underlying Docker installed on the host to run Docker commands. NOTE: Another option is running Jenkins on Docker and do a complete Docker installation inside the Jenkins Docker container. This technique is called Docker in Docker and it is usually a bad idea. There are several discussions about the problems with this approach, like this one: http://jpetazzo.github.io/2015/09/03/do-not-use-docker-in-docker-for-ci/ . A better approach is using Docker outside of Docker, as explained here: http://container-solutions.com/running-docker-in-jenkins-in-docker/ == Run Jenkins on Docker In this example, we will run Jenkins on Docker and use the underlying Docker installed on the host to run Docker commands. This technique is known as Docker outside of Docker. First, clone the project: git clone https://github.com/fabianenardon/jenkins-docker-demo Then, in the project folder, run: docker-compose up NOTE: if running on Windows, run `dos2unix plugins.txt` before running `docker-compose up`, to avoid possible errors if your file is in the Windows format. Wait for jenkins to start and then go to the browser and open `http://localhost:8081`. Jenkins should be running. The Jenkins installation on this lab comes pre-configured. To login use the username `jenkins` and the password `jenkins`. == Running integration tests Jenkins For this Continuous Integration demo, we will run a simple application that saves data on MongoDB. We will then run integration tests to check if the data was correctly saved on the database. When running integration tests, you want to test your application in an environment as close to production as possible, so you can test interactions between the several components, services, databases, network communication, etc. Fortunately, docker can help you a lot with integration tests. There are several strategies to run integration tests, but in this application we are going to use the following: . Start the services with a `docker-compose.yml` file created for testing purposes. This file won't have any volumes mapped, so when the test is over, no state will be saved. The test `docker-compose.yml` file won't publish any port on the host machine, so we can run simultaneous tests. . Run the application, using the services started with the `docker-compose.yml` test file. . Run Maven integration tests to check if the application execution produced the expected results. This will be done by checking what was saved on the MongoDB database. . Stop the services. No state will be stored, so next time you run the integration tests, you will have a clean environment. Create a new job on jenkins: . Select Freestyle project + image::docker-ci-cd-01.png[] + . In Source Code Management, select Git and add the repository URL: `https://github.com/fabianenardon/mongo-docker-demo.git` + image::docker-ci-cd-02.png[] + . In Build, select Add build step and select Execute shell + image::docker-ci-cd-03.png[] + . In the shell Command, add these instructions: + [source, text] ---- cd sample # Generates the images sudo /var/jenkins_home/tools/hudson.tasks.Maven_MavenInstallation/maven/bin/mvn clean install -Papp-docker-image # Starts the mongo service. The -p option allows multiple builds to run at the same time, # since we can start multiple instances of the containers sudo docker-compose -p app-$BUILD_NUMBER --file src/test/resources/docker-compose.yml up -d mongo # Waits for containers to start sleep 30 # Run the application sudo docker-compose -p app-$BUILD_NUMBER --file src/test/resources/docker-compose.yml \ run mongo-docker-demo \ java -jar /maven/jar/mongo-docker-demo-1.0-SNAPSHOT-jar-with-dependencies.jar mongo # Run the integration tests sudo docker-compose -p app-$BUILD_NUMBER --file src/test/resources/docker-compose.yml \ run mongo-docker-demo-tests \ mvn -f /maven/code/pom.xml -Dmaven.repo.local=/m2/repository \ -Pintegration-test verify ---- + . Click on Add post-build action and select Execute a set of scripts + image::docker-ci-cd-04.png[] + . In Post-build Actions, select Execute shell + image::docker-ci-cd-05.png[] + . In the Command box, add: + [source, text] ---- cd sample sudo docker-compose -p app-$BUILD_NUMBER --file src/test/resources/docker-compose.yml down ---- + . Uncheck the `Execute script only if build succeeds` and `Execute script only if build fails` options, so this script will run always when the build ends. This way, we make sure to always stop the services. + [NOTE] ==== . The `-p app-$BUILD_NUMBER` option allows multiple builds to run at the same time, since we can start multiple instances of the containers. We are using Jenkins $BUILD_NUMBER variable to isolate the containers. This way, each set of services will run on its own network. . We are running the commands with sudo because we are actually running the Docker socket on the host. Jenkins runs with the jenkins user and we added the jenkins user to the sudoers list in our image. Obviously, this can have security consequences in a production environment, since one could create a build that would access root level services on the host. You can avoid this by configuring the jenkins user on the host, so it will have access to the Docker socket and then run the commands without sudo. ==== + . Save the build and then click on `Build now` to run it. You should see a progress bar when the build is running. You can click on the progress bar to see the build console output. + image::docker-ci-cd-06.png[] + . If the build is successful, you should see this on the build console output: + image::docker-ci-cd-07.png[] == Run integration tests outside Jenkins When creating integration tests, it is useful to be able to run and debug them outside Jenkins. In order to do that, you can simply run the same commands you ran in the Jenkins build: [source, text] ---- cd jenkins_home/workspace/ci-test/sample # Generates the images mvn -f pom.xml clean install -Papp-docker-image # Starts mongo service docker-compose --file src/test/resources/docker-compose.yml up -d mongo # Waits for services do start sleep 30 # Run our application docker-compose --file src/test/resources/docker-compose.yml \ run mongo-docker-demo \ java -jar /maven/jar/mongo-docker-demo-1.0-SNAPSHOT-jar-with-dependencies.jar mongo # Run our integration tests docker-compose --file src/test/resources/docker-compose.yml \ run mongo-docker-demo-tests mvn -f /maven/code/pom.xml \ -Dmaven.repo.local=/m2/repository -Pintegration-test verify # Stop all the services docker-compose --file src/test/resources/docker-compose.yml down ---- == Debug integration tests outside Jenkins You can debug integration tests. This can be achieved by making your test wait for a connection at a port for debugging. You can then attach your IDE to this port and debug. The source code for this project is available at https://github.com/fabianenardon/mongo-docker-demo.git. You need to start Mongo service and run the application again as shown in previous section. Here is how you can debug tests in NetBeans: . Run the integration tests in debug mode with the command shown below: + ``` # Run integration tests in debug mode docker run -v ~/.m2/repository:/m2/repository \ -p 5005:5005 --link mongo:mongo \ --net resources_default mongo-docker-demo-tests \ mvn -f /maven/code/pom.xml \ -Dmaven.repo.local=/m2/repository \ -Pintegration-test verify -Dmaven.failsafe.debug ``` + This command will wait for a connection at port 5005 for debugger. + . Open the project in NetBeans and setup breakpoint in your test code: + image::docker-ci-cd-08.png[] + . Use `Debug` menu item to attach the debugger: + image::docker-ci-cd-09.png[] + . Attach the debugger by specifying the correct value of `host` and `port`: + image::docker-ci-cd-10.png[] + . Hit a breakpoint in tests: + image::docker-ci-cd-11.png[] == Continuous delivery with Jenkins Continuous Delivery strategies depend greatly on the application architecture. With a dockerized application like the one in our demo, the continuous delivery strategy could be to publish a new version of the application image if the tests passed. This way, next time the application runs on production, the new image will be downloaded and automatically deployed. You can publish images with Jenkins just like you invoked all the other docker commands in the build. ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch10-monitoring.adoc ================================================ :toc: :imagesdir: images = Monitoring Docker Containers This chapter will cover different ways to monitor a Docker container. == Docker CLI `docker container stats` command displays a live stream of container(s) runtime metrics. The command supports CPU, memory usage, memory limit, and network IO metrics. . Start a container: `docker container run --name web -d jboss/wildfly:10.1.0.Final` . Check the container stats using `docker container stats web`. It shows the output as: + ``` CONTAINER CPU % MEM USAGE / LIMIT MEM % NET I/O BLOCK I/O PIDS web 0.14% 274.9MiB / 1.952GiB 13.75% 828B / 0B 96.7MB / 4.1kB 53 ``` + The output is continually updated. It shows: + .. Container name .. Percent CPU utilization .. Total memory usage vs amount available to the container .. Percent memory utilization .. Network activity .. Disk activity .. PIDS?? + . Check stats for multiple containers .. Terminate single instance of the container + ``` docker container stop web docker container rm web ``` + .. Create a service with multiple replicas of the container + ``` docker swarm init docker service create --name=web jboss/wildfly ``` + .. Now check the stats again: + ``` docker stats ``` + to see the output: + ``` CONTAINER CPU % MEM USAGE / LIMIT MEM % NET I/O BLOCK I/O PIDS 1f9d5a1c08a8 0.24% 294.9MiB / 1.952GiB 14.75% 828B / 0B 96.5MB / 4.1kB 115 ``` + Note that the container id is shown instead of container's name in this case. + . Scale the service to 3 replicas: + ``` docker service scale web=3 ``` + . The stats are now shown for all three containers: + ``` CONTAINER CPU % MEM USAGE / LIMIT MEM % NET I/O BLOCK I/O PIDS 1f9d5a1c08a8 0.14% 287.8MiB / 1.952GiB 14.40% 1.03kB / 0B 96.5MB / 4.1kB 53 a3395efbb6ff 0.77% 263.4MiB / 1.952GiB 13.18% 578B / 0B 0B / 4.1kB 114 f484ff2f4c12 0.06% 294.8MiB / 1.952GiB 14.75% 578B / 0B 0B / 4.1kB 114 ``` + . Display only container id and percent CPU utilization using the command `docker container stats --format "{{.Container}}: {{.CPUPerc}}"`: + ``` 55198043b6aa: 0.10% 5b5dd33b675d: 0.11% 6e98a9597e6a: 0.10% ``` + . Format the output in a table. The results should include container name, percent CPU utilization and percent memory utilization. This can be achieved using the command: + ``` docker container stats --format "table {{.Name}}\t{{.CPUPerc}}\t{{.MemUsage}}" ``` + It shows the output: + ``` NAME CPU % MEM USAGE / LIMIT web.2.1ic0vevvvu2nwwyc6css58ref 0.10% 267.5MiB / 1.952GiB web.3.pwcgr58s1xo28gwa1znlrn2s3 0.11% 274.7MiB / 1.952GiB web.1.bg1dcwagl9tzz0azuegxzoys8 0.12% 274MiB / 1.952GiB ``` + . Display only the first result using the command `docker container stats --no-stream`: + ``` CONTAINER CPU % MEM USAGE / LIMIT MEM % NET I/O BLOCK I/O PIDS 55198043b6aa 0.12% 267.5MiB / 1.952GiB 13.39% 1.44kB / 0B 0B / 4.1kB 51 5b5dd33b675d 0.07% 274.7MiB / 1.952GiB 13.75% 1.51kB / 0B 0B / 4.1kB 51 6e98a9597e6a 0.26% 274.1MiB / 1.952GiB 13.71% 1.69kB / 0B 0B / 4.1kB 51 ``` == Docker Remote API Docker Remote API provides a lot more details about the health of the container. It can be invoked using the following format: curl --unix-socket /var/run/docker.sock http://localhost/containers//stats On Docker for Mac, enabling remote HTTP API still requires a few steps. So this command uses the `--unix-socket` option to invoke the Remote API. A specific invocation for a container can be done as: curl --unix-socket /var/run/docker.sock http://localhost/containers/web.1.bg1dcwagl9tzz0azuegxzoys8/stats Note, the container name is from the previous run of the service. It will show the output: ``` {"read":"2017-10-13T14:08:38.045217731Z","preread":"0001-01-01T00:00:00Z","pids_stats":{"current":51},"blkio_stats":{"io_service_bytes_recursive":[{"major":8,"minor":0,"op":"Read","value":0},{"major":8,"minor":0,"op":"Write","value":4096},{"major":8,"minor":0,"op":"Sync","value":0},{"major":8,"minor":0,"op":"Async","value":4096},{"major":8,"minor":0,"op":"Total","value":4096}],"io_serviced_recursive":[{"major":8,"minor":0,"op":"Read","value":0},{"major":8,"minor":0,"op":"Write","value":1},{"major":8,"minor":0,"op":"Sync","value":0},{"major":8,"minor":0,"op":"Async","value":1},{"major":8,"minor":0,"op":"Total","value":1}],"io_queue_recursive":[],"io_service_time_recursive":[],"io_wait_time_recursive":[],"io_merged_recursive":[],"io_time_recursive":[],"sectors_recursive":[]},"num_procs":0,"storage_stats":{},"cpu_stats":{"cpu_usage":{"total_usage":11130296115,"percpu_usage":[2687118654,3014514615,2971860160,2456802686],"usage_in_kernelmode":2700000000,"usage_in_usermode":7630000000},"system_cpu_usage":952826800000000,"online_cpus":4,"throttling_data":{"periods":0,"throttled_periods":0,"throttled_time":0}},"precpu_stats":{"cpu_usage":{"total_usage":0,"usage_in_kernelmode":0,"usage_in_usermode":0},"throttling_data":{"periods":0,"throttled_periods":0,"throttled_time":0}},"memory_stats":{"usage":288051200,"max_usage":297189376,"stats":{"active_anon":283893760,"active_file":0,"cache":135168,"dirty":16384,"hierarchical_memory_limit":9223372036854771712,"hierarchical_memsw_limit":9223372036854771712,"inactive_anon":0,"inactive_file":135168,"mapped_file":32768,"pgfault":83204,"pgmajfault":0,"pgpgin":78441,"pgpgout":9093,"rss":283914240,"rss_huge":0,"swap":0,"total_active_anon":283893760,"total_active_file":0,"total_cache":135168,"total_dirty":16384,"total_inactive_anon":0,"total_inactive_file":135168,"total_mapped_file":32768,"total_pgfault":83204,"total_pgmajfault":0,"total_pgpgin":78441,"total_pgpgout":9093,"total_rss":283914240,"total_rss_huge":0,"total_swap":0,"total_unevictable":0,"total_writeback":0,"unevictable":0,"writeback":0},"limit":2095874048},"name":"/web.1.bg1dcwagl9tzz0azuegxzoys8","id":"6e98a9597e6af085e73a4d211fff9a164aa012727a46525d4fbaa164b572e23f","networks":{"eth0":{"rx_bytes":1882,"rx_packets":37,"rx_errors":0,"rx_dropped":0,"tx_bytes":0,"tx_packets":0,"tx_errors":0,"tx_dropped":0}}} ``` As you can see, far more details about container's health are shown here. These stats are refereshed every one second. The continuous refresh of metrics can be terminated using `Ctrl + C`. == Docker Events `docker system events` provide real time events for the Docker host. . In one terminal (T1), type `docker system events`. The command does not show output and waits for any event worth reporting to occur. The list of events is listed at https://docs.docker.com/engine/reference/commandline/events/#/extended-description. . In a new terminal (T2), kill existing container using `docker service scale web=2`. . T1 shows the updated list of events as: + ``` 2017-10-13T07:12:00.223791013-07:00 service update r4i0x8ujnn2q8osj8dowgvw72 (name=web, replicas.new=2, replicas.old=3) 2017-10-13T07:12:00.332724880-07:00 container kill 5b5dd33b675d3b6be3e6aaf0ecde928b3ac882b0a221ff71e57c86faae8181ab (build-date=20170911, com.docker.swarm.node.id=wgujclh0492kkszpil81d3ugb, com.docker.swarm.service.id=r4i0x8ujnn2q8osj8dowgvw72, com.docker.swarm.service.name=web, com.docker.swarm.task=, com.docker.swarm.task.id=pwcgr58s1xo28gwa1znlrn2s3, com.docker.swarm.task.name=web.3.pwcgr58s1xo28gwa1znlrn2s3, image=jboss/wildfly:latest@sha256:d3af084d024753e4799809c10cd188f675a5b254a8e279b34709035b95d27dc7, license=GPLv2, name=web.3.pwcgr58s1xo28gwa1znlrn2s3, signal=15, vendor=CentOS) 2017-10-13T07:12:00.613143701-07:00 container die 5b5dd33b675d3b6be3e6aaf0ecde928b3ac882b0a221ff71e57c86faae8181ab (build-date=20170911, com.docker.swarm.node.id=wgujclh0492kkszpil81d3ugb, com.docker.swarm.service.id=r4i0x8ujnn2q8osj8dowgvw72, com.docker.swarm.service.name=web, com.docker.swarm.task=, com.docker.swarm.task.id=pwcgr58s1xo28gwa1znlrn2s3, com.docker.swarm.task.name=web.3.pwcgr58s1xo28gwa1znlrn2s3, exitCode=0, image=jboss/wildfly:latest@sha256:d3af084d024753e4799809c10cd188f675a5b254a8e279b34709035b95d27dc7, license=GPLv2, name=web.3.pwcgr58s1xo28gwa1znlrn2s3, vendor=CentOS) 2017-10-13T07:12:00.897831488-07:00 network disconnect 8f8e6ce771d6db6065f2472a7e83612ff6a657de3b6d08dab0617b8a596234fa (container=5b5dd33b675d3b6be3e6aaf0ecde928b3ac882b0a221ff71e57c86faae8181ab, name=bridge, type=bridge) 2017-10-13T07:12:01.017523717-07:00 container stop 5b5dd33b675d3b6be3e6aaf0ecde928b3ac882b0a221ff71e57c86faae8181ab (build-date=20170911, com.docker.swarm.node.id=wgujclh0492kkszpil81d3ugb, com.docker.swarm.service.id=r4i0x8ujnn2q8osj8dowgvw72, com.docker.swarm.service.name=web, com.docker.swarm.task=, com.docker.swarm.task.id=pwcgr58s1xo28gwa1znlrn2s3, com.docker.swarm.task.name=web.3.pwcgr58s1xo28gwa1znlrn2s3, image=jboss/wildfly:latest@sha256:d3af084d024753e4799809c10cd188f675a5b254a8e279b34709035b95d27dc7, license=GPLv2, name=web.3.pwcgr58s1xo28gwa1znlrn2s3, vendor=CentOS) 2017-10-13T07:12:01.023414108-07:00 container destroy 5b5dd33b675d3b6be3e6aaf0ecde928b3ac882b0a221ff71e57c86faae8181ab (build-date=20170911, com.docker.swarm.node.id=wgujclh0492kkszpil81d3ugb, com.docker.swarm.service.id=r4i0x8ujnn2q8osj8dowgvw72, com.docker.swarm.service.name=web, com.docker.swarm.task=, com.docker.swarm.task.id=pwcgr58s1xo28gwa1znlrn2s3, com.docker.swarm.task.name=web.3.pwcgr58s1xo28gwa1znlrn2s3, image=jboss/wildfly:latest@sha256:d3af084d024753e4799809c10cd188f675a5b254a8e279b34709035b95d27dc7, license=GPLv2, name=web.3.pwcgr58s1xo28gwa1znlrn2s3, vendor=CentOS) ``` + The output shows a list of events, one in each line. The events shown here are `container kill`, `container die`, `network disconnect`, `container stop`, and `container destroy`. Date and timestamp for each event is displayed at the beginning of the line. Other event specific information is displayed as well. + . In T2, scale the service back to 3 replicas: `docker service scale web=3` . The output in T1 is updated to show: + ``` 2017-10-13T07:13:47.161848609-07:00 service update r4i0x8ujnn2q8osj8dowgvw72 (name=web, replicas.new=3, replicas.old=2) 2017-10-13T07:13:47.429074382-07:00 container create 0574d1fd74bef2e6fc54174e1fbeda25efd7ed270dce1d6dbede4ead19c7c485 (build-date=20170911, com.docker.swarm.node.id=wgujclh0492kkszpil81d3ugb, com.docker.swarm.service.id=r4i0x8ujnn2q8osj8dowgvw72, com.docker.swarm.service.name=web, com.docker.swarm.task=, com.docker.swarm.task.id=xcmylcwlag5vot4tp3l5z6oam, com.docker.swarm.task.name=web.3.xcmylcwlag5vot4tp3l5z6oam, image=jboss/wildfly:latest@sha256:d3af084d024753e4799809c10cd188f675a5b254a8e279b34709035b95d27dc7, license=GPLv2, name=web.3.xcmylcwlag5vot4tp3l5z6oam, vendor=CentOS) 2017-10-13T07:13:47.445010259-07:00 network connect 8f8e6ce771d6db6065f2472a7e83612ff6a657de3b6d08dab0617b8a596234fa (container=0574d1fd74bef2e6fc54174e1fbeda25efd7ed270dce1d6dbede4ead19c7c485, name=bridge, type=bridge) 2017-10-13T07:13:47.778855117-07:00 container start 0574d1fd74bef2e6fc54174e1fbeda25efd7ed270dce1d6dbede4ead19c7c485 (build-date=20170911, com.docker.swarm.node.id=wgujclh0492kkszpil81d3ugb, com.docker.swarm.service.id=r4i0x8ujnn2q8osj8dowgvw72, com.docker.swarm.service.name=web, com.docker.swarm.task=, com.docker.swarm.task.id=xcmylcwlag5vot4tp3l5z6oam, com.docker.swarm.task.name=web.3.xcmylcwlag5vot4tp3l5z6oam, image=jboss/wildfly:latest@sha256:d3af084d024753e4799809c10cd188f675a5b254a8e279b34709035b95d27dc7, license=GPLv2, name=web.3.xcmylcwlag5vot4tp3l5z6oam, vendor=CentOS) ``` + The list of events shown here are `container create`, `network connect`, and `container start`. === Use filters The list of events can be restricted by filters specified using `--filter` or `-f` option. The currently supported filters are: . container (`container=`) . daemon (`daemon=`) . event (`event=`) . image (`image=`) . label (`label=` or `label==`) . network (`network=`) . plugin (`plugin=`) . type (`type=`) . volume (`volume=`) Let's look at the list of running containers first using `docker container ls`, and then learn how to apply these filters. Here is the list of running containers from the service: ``` CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 074447f26452 jboss/wildfly:latest "/opt/jboss/wildfl..." 3 minutes ago Up 3 minutes 8080/tcp web.1.ytyv0gqi7dzxtetssrlsgvvbu 0574d1fd74be jboss/wildfly:latest "/opt/jboss/wildfl..." 8 minutes ago Up 8 minutes 8080/tcp web.3.xcmylcwlag5vot4tp3l5z6oam 55198043b6aa jboss/wildfly:latest "/opt/jboss/wildfl..." 25 minutes ago Up 25 minutes 8080/tcp web.2.1ic0vevvvu2nwwyc6css58ref ``` Let's apply the filters. . Show events for a container by name .. In T1, give the command to listen to a specific container as: + ``` docker system events -f container=web.1.ytyv0gqi7dzxtetssrlsgvvbu ``` + You may have to terminate previous run of `docker system events` using `Ctrl` + `C` to give this new command. + .. In T2, terminate the second replica of the service as `docker container rm -f web.2.1ic0vevvvu2nwwyc6css58ref`. .. T1 does not show any events because its only listening for events from the first replica of the service. . Show events for an event .. In T1, give the command `docker system events -f event=create`. .. In T2, scale the service by one more replica: + ``` docker service scale web=4 ``` .. T1 shows the event for container creation + ``` 2017-10-13T07:24:22.971050949-07:00 container create 84e4604ffd983cfcc53ad619b4c11156518834fe23e4a0a8b299905b978a0022 (build-date=20170911, com.docker.swarm.node.id=wgujclh0492kkszpil81d3ugb, com.docker.swarm.service.id=r4i0x8ujnn2q8osj8dowgvw72, com.docker.swarm.service.name=web, com.docker.swarm.task=, com.docker.swarm.task.id=38unfmcsxmnvr844gysn28lwa, com.docker.swarm.task.name=web.4.38unfmcsxmnvr844gysn28lwa, image=jboss/wildfly:latest@sha256:d3af084d024753e4799809c10cd188f675a5b254a8e279b34709035b95d27dc7, license=GPLv2, name=web.4.38unfmcsxmnvr844gysn28lwa, vendor=CentOS) ``` + This is accurate as a new container is created and the event is shown in T1 console. .. In T2, scale the service back to 2 using the command `docker servie scale web=2` .. T1 does not show any additional events because its only looking for create events .. More samples are explained at https://docs.docker.com/engine/reference/commandline/events/#/filter-events-by-criteria. == Prometheus https://prometheus.io/[Prometheus] is an open-source systems monitoring and alerting toolkit. Prometheus collects metrics from monitored targets by scraping metrics from HTTP endpoints on these targets. Docker instance can be configured as Prometheus target. Different targets to scrape are defined in the https://prometheus.io/docs/operating/configuration/[Prometheus configuration file]. Targets may be statically configured via the `static_configs` parameter in the configuration fle or dynamically discovered using one of the supported service-discovery mechanisms (Consul, DNS, Etcd, etc.). Prometheus collects metrics from monitored targets by scraping metrics from HTTP endpoints on these targets. Since Prometheus also exposes data in the same manner about itself, it can also scrape and monitor its own health. === Docker metrics for Prometheus Docker exposes Prometheus-compatible metrics on port `9323`. This support is only available as an experimental feature. . For Docker for Mac, click on Docker icon in the status menu . Select `Preferences...`, `Daemon`, `Advanced` tab . Update daemon settings: + ``` { "metrics-addr" : "0.0.0.0:9323", "experimental" : true } ``` + . Click on `Apply & Restart` to restart the daemon + image::prometheus-metrics-config.png[] + . Show the complete list of metrics using `curl http://localhost:9323/metrics` . Show the list of engine metrics using `curl http://localhost:9323/metrics | grep engine` ==== Start Prometheus In this section, we'll start Prometheus and use it to scrape it's own health. . Create a new directory `prometheus` and change to that directory . Create a text file `prometheus.yml` and use the following content + ``` # A scrape configuration scraping a Node Exporter and the Prometheus server # itself. scrape_configs: # Scrape Prometheus itself every 5 seconds. - job_name: 'prometheus' scrape_interval: 5s static_configs: - targets: ['localhost:9090'] ``` + This configuration file scrapes data from the Prometheus container which will be started subsequently on port 9090. + . Start a single-replica Prometheus service: + ``` docker service create \ --replicas 1 \ --name metrics \ --mount type=bind,source=`pwd`/prometheus.yml,destination=/etc/prometheus/prometheus.yml \ --publish 9090:9090/tcp \ prom/prometheus ``` + This will start the Prometheus container on port 9090. + . Prometheus dashboard is at http://localhost:9090. Check the list of enabled targets at http://localhost:9090/targets (also accessible from `Status` -> `Targets` menu). + image::prometheus-metrics-target.png[] + It shows that the Prometheus endpoint is available for scraping. + . Click on `Graph` and click on `-insert metric at cursor-` to see the list of metrics available: + image::prometheus-metrics1.png[] + These are all the metrics published by the Prometheus endpoint. + . Choose `http_request_total` metrics, click on `Execute` + image::prometheus-metrics2.png[] + . Switch from `Console` to `Graph` + image::prometheus-metrics3.png[] + . Change the duration from `1h` to `5m` + image::prometheus-metrics4.png[] + . Click on `Add Graph`, select a different metric, say `http_requests_duration_microseconds`, and click on `Execute` + image::prometheus-metrics5.png[] + . Switch from `Console` to `Graph` and change the duration from `1h` to `5m` + image::prometheus-metrics6.png[] + . Stop the container: `docker container rm -f metrics` Multiple graphs can be added this way. === Node health In this section, we'll start Prometheus node exporter that will publish machine metrics. Then we'll use Prometheus to scrape its health information about the node running Docker. ==== Start Node Exporter . All containers need to use the same overlay network so that they can communicate with each other. Let's create an overlay network: + ``` docker network create --driver overlay prom ``` + . Start Prometheus node exporter: + ``` docker service create --name node \ --mode global \ --mount type=bind,source=/proc,target=/host/proc \ --mount type=bind,source=/sys,target=/host/sys \ --mount type=bind,source=/,target=/rootfs \ --network prom \ --publish 9100:9100 \ prom/node-exporter:v0.15.0 \ --path.procfs /host/proc \ --path.sysfs /host/sys \ --collector.filesystem.ignored-mount-points "^/(sys|proc|dev|host|etc)($|/)" ``` + A few observations in this command: + .. This is started as a global service such that it is started on all nodes of the cluster. .. As explained in https://github.com/prometheus/node_exporter/issues/610, node exporter only works with host network on Mac OSX. This is not needed if you are running on Linux. .. It uses the overlay network previously created. .. It needs access to host's filesystems such that the metrics about the node can be published. ==== Restart Prometheus . Update `prometheus.yml` to the following text: + ``` global: scrape_interval: 10s scrape_configs: - job_name: 'prometheus' static_configs: - targets: - 'localhost:9090' - job_name: 'node resources' dns_sd_configs: - names: ['tasks.node'] type: 'A' port: 9100 params: collect[]: - cpu - meminfo - diskstats - netdev - netstat - job_name: 'node storage' scrape_interval: 1m dns_sd_configs: - names: ['tasks.node'] type: 'A' port: 9100 params: collect[]: - filefd - filesystem - xfs ``` + A few observations: + .. DNS-based service discovery is used to discover the scraper for node-exporter. This is further explained at https://prometheus.io/docs/operating/configuration/#[dns_sd_configs]. A record-based queries are used to discover the service. .. Two different jobs are created even though they are scraping from the same endpoint. This provides a more logical way to represent data. + . Terminate previously running Prometheus service: + ``` docker service rm metrics ``` + . Restart the Prometheus service, this time using the overlay network, as: + ``` docker service create \ --replicas 1 \ --name metrics \ --network prom \ --mount type=bind,source=`pwd`/prometheus.yml,destination=/etc/prometheus/prometheus.yml \ --publish 9090:9090/tcp \ prom/prometheus ``` ==== Check metrics . Confirm that both the services have started: + ``` ID NAME MODE REPLICAS IMAGE PORTS lzl41s2i66jd metrics replicated 1/1 prom/prometheus:latest *:9090->9090/tcp dro3ncpyuchp node global 1/1 prom/node-exporter:latest ``` + . Confirm that all the targets are configured correctly at http://localhost:9090/targets[Prometheus dashboard]: + image::prometheus-metrics-target2.png[] + . Now a lot more metrics, this time from the node, are also available: + image::prometheus-metrics7.png[] + Console output and graphs for all these metrics is now available: + image::prometheus-metrics8.png[] + Complete list of metrics is available at https://github.com/prometheus/node_exporter. === Query using PromQL (TODO) Add some fun queries from https://prometheus.io/docs/querying/basics/. == cAdvisor https://github.com/google/cadvisor[cAdvisor] (Container Advisor) provides resource usage and performance characteristics running containers. Let's take a look on how cAdvisor can be used to get these metrics from containers. . Run `cAdvisor` + ``` docker container run \ --volume=/:/rootfs:ro \ --volume=/var/run:/var/run:rw \ --volume=/sys:/sys:ro \ --volume=/var/lib/docker/:/var/lib/docker:ro \ --publish=8080:8080 \ --detach=true \ --name=cadvisor \ google/cadvisor:latest ``` + . Dashboard is available at http://localhost:8080 + image::cadvisor-default-dashboard.png[] + . A high-level CPU and Memory utilization is shown. More details about CPU, memory, network and filesystem usage is shown in the same page. CPU usage looks like as shown: + image::cadvisor-cpu-snapshot.png[] + . All Docker containers are in `/docker` sub-container. + image::cadvisor-docker-metrics.png[] + Click on any of the containers and see more details about the container. cAdvisor samples once a second and has historical data for only one minute. The data generated from https://github.com/google/cadvisor/blob/master/docs/storage/influxdb.md[cAdvisor can be exported to InfluxDB]. Optionally, you may use a Grafana front end to visualize the data as explained in https://www.brianchristner.io/how-to-setup-docker-monitoring/[How to setup Docker monitoring]. === Prometheus and cAdvisor cAdvisor also exposes container statistics as Prometheus metrics out of the box. By default, these metrics are served under the `/metrics` HTTP endpoint. Let's take a look at how these container metrics can be observed using Prometheus. . Terminate previously running cAdvisor: + ``` docker container rm -f cadvisor ``` + . Start a new cAdvisor service, using the `prom` overlay network created earlier: + ``` docker service create \ --name cadvisor \ --network prom \ --mode global \ --mount type=bind,source=/,target=/rootfs \ --mount type=bind,source=/var/run,target=/var/run \ --mount type=bind,source=/sys,target=/sys \ --mount type=bind,source=/var/lib/docker,target=/var/lib/docker \ google/cadvisor:latest ``` + . Terminate the previously running Prometheus service: + ``` docker service rm metrics ``` + . The update `prometheus.yml` configuration file is: + ``` global: scrape_interval: 10s scrape_configs: - job_name: 'prometheus' static_configs: - targets: - 'localhost:9090' - job_name: 'node resources' dns_sd_configs: - names: ['tasks.node'] type: 'A' port: 9100 params: collect[]: - cpu - meminfo - diskstats - netdev - netstat - job_name: 'node storage' scrape_interval: 1m dns_sd_configs: - names: ['tasks.node'] type: 'A' port: 9100 params: collect[]: - filefd - filesystem - xfs - job_name: 'cadvisor' dns_sd_configs: - names: ['tasks.cadvisor'] type: 'A' port: 8080 ``` + . Start the new Prometheus service + ``` docker service create \ --replicas 1 \ --name metrics \ --network prom \ --mount type=bind,source=`pwd`/prometheus.yml,destination=/etc/prometheus/prometheus.yml \ --publish 9090:9090/tcp \ prom/prometheus ``` + . Confirm that all the targets are configured correctly at http://localhost:9090/targets[Prometheus dashboard]: + image::prometheus-metrics-target3.png[] + Note, all four scrape endpoints are shown here. + . In Graphs, now, a lot more metrics, this time from cAdvisor, are also available: + image::prometheus-metrics9.png[] + Console output and graphs for all these metrics is now available: + image::prometheus-metrics10.png[] + Complete list of metrics is available at https://github.com/google/cadvisor. Here is a basic query written using https://prometheus.io/docs/querying/basics/[PromQL] worth trying: ``` sum by (container_label_com_docker_swarm_node_id) ( irate( container_cpu_usage_seconds_total{ container_label_com_docker_swarm_service_name="metrics" }[1m] ) ) ``` This shows the average amount of CPU used per minute by the service `metrics` aggregated over multiple CPUs. The graph will look as shown: image::prometheus-metrics11.png[] == Monitor Java Applications This section will explain how an existing Java application can be updated to publish metrics and monitored by Prometheus. Prometheus collects metrics from monitored targets by scraping metrics HTTP endpoints on these targets. As discussed earlier, Prometheus collects metrics from monitored targets by scraping from an HTTP endpoint on these targets. By default, these metrics are expected to be published at `/metrics`. Any existing Java application can be updated to publish Prometheus-style metrics at this endpoint. An link:ch05-compose.adoc#configuration-file[earlier chapter] explained a simple Java EE application that talks to a MySQL database. This application also publishes Prometheus-style metrics for the underlying JVM at `/metrics`. It also publishes application-specific metrics such as total number of times `GET /` and `GET /{id}` is called. The complete set of JVM metrics are explained at https://github.com/prometheus/client_java. Refer to https://github.com/arun-gupta/docker-javaee/tree/master/employees/src/main/java/org/javaee/samples/employees/metrics for more details on how these metrics are enabled. === Start Java application . Use the link:ch05-compose.adoc#configuration-file[Compose file] to deploy a simple the Java EE application. This will start WildFly Swarm application and MySQL database. + docker stack deploy --compose-file=docker-compose.yml webapp + This will create `webapp_default` overlay network, and start the `webapp_web` and `webapp_db` services. + . Verify the network: + ``` $ docker network ls NETWORK ID NAME DRIVER SCOPE u6ybdaqx5h5y webapp_default overlay swarm ``` + Other networks may be shown here as well. + . Verify the services: + ``` $ docker service ls ID NAME MODE REPLICAS IMAGE PORTS ucztcpf1vw0a webapp_db replicated 1/1 mysql:8 *:3306->3306/tcp jttfgvr09kre webapp_web replicated 1/1 arungupta/docker-javaee:latest *:8080->8080/tcp,*:9990->9990/tcp ``` + . Verify that the endpoint is accessible: + ``` $ curl http://localhost:8080/resources/employees 1Penny2Sheldon3Amy4Leonard5Bernadette6Raj7Howard8Priya ``` + . Access the metrics published by the endpoint using `curl http://localhost:8080/metrics` to see the output: + ``` # HELP jvm_info JVM version info # TYPE jvm_info gauge jvm_info{version="1.8.0_141-8u141-b15-1~deb9u1-b15",vendor="Oracle Corporation",} 1.0 # HELP jvm_gc_collection_seconds Time spent in a given JVM garbage collector in seconds. # TYPE jvm_gc_collection_seconds summary jvm_gc_collection_seconds_count{gc="PS Scavenge",} 25.0 jvm_gc_collection_seconds_sum{gc="PS Scavenge",} 0.386 jvm_gc_collection_seconds_count{gc="PS MarkSweep",} 6.0 jvm_gc_collection_seconds_sum{gc="PS MarkSweep",} 0.546 # HELP process_cpu_seconds_total Total user and system CPU time spent in seconds. # TYPE process_cpu_seconds_total counter process_cpu_seconds_total 25.5 # HELP process_start_time_seconds Start time of the process since unix epoch in seconds. # TYPE process_start_time_seconds gauge process_start_time_seconds 1.508056592419E9 # HELP process_open_fds Number of open file descriptors. # TYPE process_open_fds gauge process_open_fds 499.0 # HELP process_max_fds Maximum number of open file descriptors. # TYPE process_max_fds gauge process_max_fds 1048576.0 # HELP process_virtual_memory_bytes Virtual memory size in bytes. # TYPE process_virtual_memory_bytes gauge process_virtual_memory_bytes 4.244393984E9 # HELP process_resident_memory_bytes Resident memory size in bytes. # TYPE process_resident_memory_bytes gauge process_resident_memory_bytes 5.06601472E8 # HELP jvm_classes_loaded The number of classes that are currently loaded in the JVM # TYPE jvm_classes_loaded gauge jvm_classes_loaded 13096.0 # HELP jvm_classes_loaded_total The total number of classes that have been loaded since the JVM has started execution # TYPE jvm_classes_loaded_total counter jvm_classes_loaded_total 13096.0 # HELP jvm_classes_unloaded_total The total number of classes that have been unloaded since the JVM has started execution # TYPE jvm_classes_unloaded_total counter jvm_classes_unloaded_total 0.0 # HELP jvm_threads_current Current thread count of a JVM # TYPE jvm_threads_current gauge jvm_threads_current 60.0 # HELP jvm_threads_daemon Daemon thread count of a JVM # TYPE jvm_threads_daemon gauge jvm_threads_daemon 12.0 # HELP jvm_threads_peak Peak thread count of a JVM # TYPE jvm_threads_peak gauge jvm_threads_peak 67.0 # HELP jvm_threads_started_total Started thread count of a JVM # TYPE jvm_threads_started_total counter jvm_threads_started_total 93.0 # HELP jvm_threads_deadlocked Cycles of JVM-threads that are in deadlock waiting to acquire object monitors or ownable synchronizers # TYPE jvm_threads_deadlocked gauge jvm_threads_deadlocked 0.0 # HELP jvm_threads_deadlocked_monitor Cycles of JVM-threads that are in deadlock waiting to acquire object monitors # TYPE jvm_threads_deadlocked_monitor gauge jvm_threads_deadlocked_monitor 0.0 # HELP jvm_memory_bytes_used Used bytes of a given JVM memory area. # TYPE jvm_memory_bytes_used gauge jvm_memory_bytes_used{area="heap",} 1.2072508E8 jvm_memory_bytes_used{area="nonheap",} 9.3550048E7 # HELP jvm_memory_bytes_committed Committed (bytes) of a given JVM memory area. # TYPE jvm_memory_bytes_committed gauge jvm_memory_bytes_committed{area="heap",} 2.69484032E8 jvm_memory_bytes_committed{area="nonheap",} 1.0133504E8 # HELP jvm_memory_bytes_max Max (bytes) of a given JVM memory area. # TYPE jvm_memory_bytes_max gauge jvm_memory_bytes_max{area="heap",} 4.66092032E8 jvm_memory_bytes_max{area="nonheap",} -1.0 # HELP jvm_memory_pool_bytes_used Used bytes of a given JVM memory pool. # TYPE jvm_memory_pool_bytes_used gauge jvm_memory_pool_bytes_used{pool="Code Cache",} 1.4589888E7 jvm_memory_pool_bytes_used{pool="Metaspace",} 6.9998048E7 jvm_memory_pool_bytes_used{pool="Compressed Class Space",} 8962112.0 jvm_memory_pool_bytes_used{pool="PS Eden Space",} 2.3732032E7 jvm_memory_pool_bytes_used{pool="PS Survivor Space",} 6073592.0 jvm_memory_pool_bytes_used{pool="PS Old Gen",} 9.0919456E7 # HELP jvm_memory_pool_bytes_committed Committed bytes of a given JVM memory pool. # TYPE jvm_memory_pool_bytes_committed gauge jvm_memory_pool_bytes_committed{pool="Code Cache",} 1.47456E7 jvm_memory_pool_bytes_committed{pool="Metaspace",} 7.5800576E7 jvm_memory_pool_bytes_committed{pool="Compressed Class Space",} 1.0788864E7 jvm_memory_pool_bytes_committed{pool="PS Eden Space",} 9.2274688E7 jvm_memory_pool_bytes_committed{pool="PS Survivor Space",} 3.8797312E7 jvm_memory_pool_bytes_committed{pool="PS Old Gen",} 1.38412032E8 # HELP jvm_memory_pool_bytes_max Max bytes of a given JVM memory pool. # TYPE jvm_memory_pool_bytes_max gauge jvm_memory_pool_bytes_max{pool="Code Cache",} 2.5165824E8 jvm_memory_pool_bytes_max{pool="Metaspace",} -1.0 jvm_memory_pool_bytes_max{pool="Compressed Class Space",} 1.073741824E9 jvm_memory_pool_bytes_max{pool="PS Eden Space",} 9.699328E7 jvm_memory_pool_bytes_max{pool="PS Survivor Space",} 3.8797312E7 jvm_memory_pool_bytes_max{pool="PS Old Gen",} 3.49700096E8 ``` + It shows all the JVM metrics that are published by the https://github.com/prometheus/client_java[Prometheus JVM Client]. The metrics generated by the application are not shown yet. It requires for the application to be accessed first. Let's access the JVM metrics in Prometheus dashboard first, and then we'll access the app to show app-specific metrics. === Start Prometheus service . Make sure to terminate any previously running Prometheus endpoints: + docker service rm metrics + . Create a directory `prometheus` and change into that directory. . Create a text file `prometheus.yml` and add the following content: + ``` global: scrape_interval: 10s scrape_configs: - job_name: 'webapp' dns_sd_configs: - names: ['tasks.webapp_web'] type: 'A' port: 8080 ``` + This defines the configuration for the HTTP endpoint that publishes Prometheus-style metrics from the Java application. + . Start Prometheus service: + ``` docker service create \ --replicas 1 \ --network webapp_default \ --name metrics \ --mount type=bind,source=`pwd`/prometheus.yml,destination=/etc/prometheus/prometheus.yml \ --publish 9090:9090 \ prom/prometheus ``` + Note, this service is using the `webapp_default` overlay network that is created when the application stack was deployed. + . Access Prometheus dashboard at http://localhost:9090 . Check the configured targets at http://localhost:9090/targets: + image::prometheus-metrics-target4.png[] + It shows that the application metrics HTTP endpoint is configured as a Prometheus target. === View application metrics . On Prometheus dashboard, click on `-insert metric at cursor-` to see the list of metrics available: + image::prometheus-metrics12.png[] + JVM metrics shown earlier are displayed here as well. + . Select `jvm_memory_pool_bytes_used` metric and click on `Execute` to view the metric. + image::prometheus-metrics13.png[] + . Select `Graph` to view the graphical representation + image::prometheus-metrics14.png[] + . Now access the application using `curl http://localhost:8080/resources/employees` a few times. . Refresh Prometheus dashboard and see the updated list of metrics: + image::prometheus-metrics15.png[] + Note, `app*` and `requests*` that are generated by the application. + . Select `requests_get_all` metric and view the graph: + image::prometheus-metrics16.png[] + . Access the application a few times using `curl http://localhost:8080/resources/employees/5` and then watch the `requests_get_one` metric. == Grafana https://github.com/grafana/grafana[Grafana] is an open source metric analytics & visualization suite. It supports many different storage backends, called as Data Source. Prometheus can be added as Grafana data source. It even provides support for runnning Prometheus queries from the Grafana dashboard as well. More details can be found in http://docs.grafana.org/features/datasources/prometheus/[Using Prometheus in Grafana]. === Start Grafana This section will explain how to start Grafana, use Prometheus as the data source, and view some container metrics. . Start Grafana: + ``` docker container run \ -d \ -p 3000:3000 \ --name=grafana \ -e "GF_SECURITY_ADMIN_PASSWORD=secret" \ grafana/grafana ``` + Use the login name `admin` and password `secret`. + Read more details about different http://docs.grafana.org/installation/configuration/[configuration options]. + . Access Grafana dashboard at http://localhost:3000. Use the login and password as credentials to see Grafana console. + image::grafana-metrics1.png[] === Add Prometheus as data source . Click the `Add data source` button in the top header. . Specify the parameters as shown: + image::grafana-metrics2.png[] + . Click on `Add` to test and save the data source: + image::grafana-metrics3.png[] + The green bar indicates that the data source was added successfully. === Create chart with Prometheus data source . Click on `Create your first dashboard`, save it and give it a name, say `Docker and Java dashboard` . Click on `Graph`, edit, under the `Metrics` tab, select your Prometheus data source. . Enter the following Prometheus query expressions in the query field. The graphs will referesh in a few seconds and will look like as shown: + image::grafana-metrics4.png[] ================================================ FILE: Docker/additional-ressources/developer-tools/java/chapters/ch11-bigdata.adoc ================================================ :toc: :imagesdir: images = Big Data Processing with Docker and Hadoop *PURPOSE*: This chapter explains how to use Docker to create a Hadoop cluster and a Big Data application in Java. It highlights several concepts like service scale, dynamic port allocation, container links, integration tests, debugging, etc. Big Data applications usually involve distributed processing using tools like Hadoop or Spark. These services can be scaled up, running with several nodes to support more parallelism. Running tools like Hadoop and Spark on Docker makes it easy to scale them up and down. This is very useful to simulate a cluster on development time and also to run integration tests before taking your application to production. The application on this example reads a file, count how many words are on that file using a MapReduce job implemented on Hadoop and then saves the result on a MongoDB database. In order to do that, we will run a Hadoop cluster and a MongoDB server on Docker. [NOTE] ==== http://hadoop.apache.org/[Apache Hadoop] is an open-source software framework used for distributed storage and processing of big data sets using the MapReduce programming model. The core of Apache Hadoop consists of a storage part, known as Hadoop Distributed File System (HDFS), and a processing part which is a MapReduce programming model. Hadoop splits files into large blocks and distributes them across nodes in a cluster. It then transfers packaged code into nodes to process the data in parallel. The Hadoop framework itself is mostly written in Java. ==== == Clone the sample application Clone the project at `https://github.com/fabianenardon/hadoop-docker-demo` Inspect the `sample/docker/docker-compose.yml` file. It defines a MongoDB service and the services needed to run a Hadoop cluster. It also defines a service for our application. See how the services are linked together. == Build the application [source, text] ---- cd sample mvn clean install -Papp-docker-image ---- In the command above, `-Papp-docker-image` will fire up the `app-docker-image` profile, defined in the application `pom.xml`. This profile will create a dockerized version of the application, creating two images: . `docker-hadoop-example`: docker image used to run the application . `docker-hadoop-example-tests`: docker image used to run integration tests == Start all the services Go to the `sample/docker` folder and start the services: cd docker docker-compose up -d See the logs and wait until everything is up: docker-compose logs -f Here is a sample output: ``` Attaching to docker_nodemanager_1, docker-hadoop-example, yarn, secondarynamenode, docker_datanode_1, namenode, mongo docker-hadoop-example | Usage: hdfs [--config confdir] [--loglevel loglevel] COMMAND docker-hadoop-example | where COMMAND is one of: . . . nodemanager_1 | 17/10/11 18:26:27 INFO nodemanager.NodeManager: STARTUP_MSG: docker-hadoop-example | zkfc run the ZK Failover Controller daemon nodemanager_1 | /************************************************************ docker-hadoop-example | datanode run a DFS datanode nodemanager_1 | STARTUP_MSG: Starting NodeManager docker-hadoop-example | dfsadmin run a DFS admin client datanode_1 | 17/10/11 18:26:25 INFO datanode.DataNode: STARTUP_MSG: nodemanager_1 | STARTUP_MSG: host = db2d63621ba4/172.23.0.8 namenode | FORMATTING NAMENODE . . . secondarynamenode | STARTUP_MSG: Starting SecondaryNameNode datanode_1 | STARTUP_MSG: build = https://git-wip-us.apache.org/repos/asf/hadoop.git -r b165c4fe8a74265c792ce23f546c64604acf0e41; compiled by 'jenkins' on 2016-01-26T00:08Z docker-hadoop-example | oev apply the offline edits viewer to an edits file namenode | STARTUP_MSG: build = https://git-wip-us.apache.org/repos/asf/hadoop.git -r b165c4fe8a74265c792ce23f546c64604acf0e41; compiled by 'jenkins' on 2016-01-26T00:08Z nodemanager_1 | 17/10/11 18:26:27 INFO nodemanager.NodeManager: registered UNIX signal handlers for [TERM, HUP, INT] secondarynamenode | STARTUP_MSG: host = secondarynamenode/172.23.0.5 datanode_1 | STARTUP_MSG: java = 1.8.0_112 . . . namenode | 17/10/11 18:27:31 INFO namenode.TransferFsImage: Transfer took 0.00s at 0.00 KB/s namenode | 17/10/11 18:27:31 INFO namenode.TransferFsImage: Downloaded file fsimage.ckpt_0000000000000000015 size 946 bytes. namenode | 17/10/11 18:27:31 INFO namenode.NNStorageRetentionManager: Going to retain 2 images with txid >= 0 secondarynamenode | 17/10/11 18:27:32 INFO namenode.TransferFsImage: Uploaded image with txid 15 to namenode at http://namenode:50070 in 0.115 seconds secondarynamenode | 17/10/11 18:27:32 WARN namenode.SecondaryNameNode: Checkpoint done. New Image Size: 946 ``` In order to see if everything is up, open `http://localhost:8088/cluster`. You should see 1 active node when everything is up and running. image::docker-bigdata-03.png[] == Running the application This application reads a text file from HDFS and counts how many words it has. The result is saved on MongoDB. First, create a folder on HDFS. We will save the file to be processed on it: docker-compose exec yarn hdfs dfs -mkdir /files/ In the command above, we are executing `hdfs dfs -mkdir /files/` on the service `yarn`. This command creates a new folder called `/files/` on HDFS, the distributed file system used by Hadoop. Put the file we are going to process on HDFS: [source, text] ---- docker-compose run docker-hadoop-example \ hdfs dfs -put /maven/test-data/text_for_word_count.txt /files/ ---- The `text_for_word_count.txt` file was added to the application image by maven when we built it, so we can use it to test. The command above will transfer the `text_for_word_count.txt` file from the local disk to the `/files/` folder on HDFS, so the Hadoop process can access it. Run our application [source, text] ---- docker-compose run docker-hadoop-example \ hadoop jar /maven/jar/docker-hadoop-example-1.0-SNAPSHOT-mr.jar \ hdfs://namenode:9000 /files mongo yarn:8050 ---- The command above will run our jar file on the Hadoop cluster. The `hdfs://namenode:9000` parameter is the HDFS address. The `/files` parameter is where the file to process can be found on HDFS. The `mongo` parameter is the MongoDB host address. The `yarn:8050` parameter is the Hadoop yarn address, where the MapReduce job will be deployed. Note that since we are running the Hadoop components (namenode, yarn), MongoDB and our application as Docker services, they can all find each other and we can use the service names as host addresses. If you go to `http://localhost:8088/cluster`, you can see your job running. When the job finishes, you should see this: image::docker-bigdata-04.png[] If everything ran successful, you should be able to see the results on MongoDB. Connect to the Mongo container: docker-compose exec mongo mongo When connected, type: [source, text] ---- use mongo_hadoop db.word_count.find(); ---- You should see the results of running the application. Something like this: [source, text] ---- > db.word_count.find(); { "_id" : "Counts on Sat Mar 18 18:16:20 UTC 2017", "words" : 256 } ---- == Scaling the Hadoop cluster If you want, you can scale your cluster, adding more Hadoop nodes to it: docker-compose scale nodemanager=2 This means that you want to have 2 nodes in your Hadoop cluster. Go to `http://localhost:8088/cluster` and refresh until you see 2 active nodes. The trick to scale the nodes is to use dynamically allocated ports and let docker assign a different port to each new nodemanager. See this approach in this snippet of the `docker-compose.yml` file: [source, text] ---- nodemanager: image: tailtarget/hadoop:2.7.2 command: yarn nodemanager ports: - "8042" # local port dynamically assigned. allows node to be scaled up and down links: - namenode - datanode - yarn hostname: nodemanager ---- == Stopping the services Stop all the services docker-compose down Note that since our `docker-compose.yml` file defines volume mappings for HDFS and MongoDB, next time you start the services again, your data will still be there. == Debugging your code Debugging distributed Hadoop applications can be cumbersome. However, you can configure your environment to use the docker Hadoop cluster and debug your code easily from an IDE. First, make sure your services are up: docker-compose up -d Then, add this to your `/etc/hosts`: [source, text] ---- 127.0.0.1 datanode 127.0.0.1 yarn 127.0.0.1 namenode 127.0.0.1 secondarynamenode 127.0.0.1 nodemanager ---- This configuration will allow you to access the docker Hadoop cluster from your IDE. Then, open your project from https://github.com/fabianenardon/hadoop-docker-demo in Netbeans (or any other IDE) and run the application file: image::docker-bigdata-01.png[] Note that you will be connecting to the docker services at localhost. You can also set a breakpoint in your application and debug: image::docker-bigdata-02.png[] image::docker-bigdata-05.png[] Shutdown the services: docker-compose down == Integration tests When running integration tests, you want to test your application in an environment as close to production as possible, so you can test interactions between the several components, services, databases, network communication, etc. Fortunately, docker can help you a lot with integration tests. There are several strategies to run integration tests, but in this application we are going to use the following: . Start the services with a `docker-compose.yml` file created for testing purposes. This file won't have any volumes mapped, so when the test is over, no state will be saved. The test `docker-compose.yml` file won't publish any port on the host machine, so we can run simultaneous tests. . Run the application, using the services started with the `docker-compose.yml` test file. . Run Maven integration tests to check if the application execution produced the expected results. This will be done by checking what was saved on the MongoDB database. . Stop the services. No state will be stored, so next time you run the integration tests, you will have a clean environment. Here is how to execute this strategy, step by step. The complete source code for this is in the `sample` directory of https://github.com/fabianenardon/hadoop-docker-demo. Start the services with the test configuration: [source, text] ---- docker-compose --file src/test/resources/docker-compose.yml up -d ---- Make sure all services are started and create the folder we need on hdfs to test: [source, text] ---- docker-compose --file src/test/resources/docker-compose.yml exec yarn hdfs dfs -mkdir /files/ ---- Put the test file on hdfs: [source, text] ---- docker-compose --file src/test/resources/docker-compose.yml \ run docker-hadoop-example \ hdfs dfs -put /maven/test-data/text_for_word_count.txt /files/ ---- Run the application [source, text] ---- docker-compose --file src/test/resources/docker-compose.yml \ run docker-hadoop-example \ hadoop jar /maven/jar/docker-hadoop-example-1.0-SNAPSHOT-mr.jar \ hdfs://namenode:9000 /files mongo yarn:8050 ---- Run our integration tests: [source, text] ---- docker-compose --file src/test/resources/docker-compose.yml \ run docker-hadoop-example-tests mvn -f /maven/code/pom.xml \ -Dmaven.repo.local=/m2/repository -Pintegration-test verify ---- Stop all the services: [source, text] ---- docker-compose --file src/test/resources/docker-compose.yml down ---- If you want to remote debug tests, run the tests this way instead: [source, text] ---- docker run -v ~/.m2:/m2 -p 5005:5005 \ --link mongo:mongo \ --net resources_default \ docker-hadoop-example-tests \ mvn -f /maven/code/pom.xml \ -Dmaven.repo.local=/m2/repository \ -Pintegration-test verify \ -Dmaven.failsafe.debug ---- Running with this configuration, the application will wait until an IDE connects for remote debugging on port 5005. See more about integration tests in the link:./ch09-cicd.adoc[CI/CD using Docker] chapter ================================================ FILE: Docker/additional-ressources/developer-tools/java/readme.adoc ================================================ = Docker for Java Developers This tutorial offers Java developers an intro-level and self-paced hands-on workshop with Docker. * link:chapters/ch01-setup.adoc[Setup Environments] * link:chapters/ch02-basic-concepts.adoc[Docker Basic Concepts] * Building ** link:chapters/ch03-build-image.adoc[Build a Docker Image] ** link:chapters/ch03-build-image-java-9.adoc[Build a Docker Image for Java 9] * link:chapters/ch04-run-container.adoc[Run a Docker Container] * link:chapters/ch05-compose.adoc[Multi-container application using Docker Compose] * link:chapters/ch06-swarm.adoc[Multi-container application using Compose and Swarm Mode] * Java IDEs ** link:chapters/ch07-netbeans.adoc[Docker Tooling in NetBeans] ** link:chapters/ch07-intellij.adoc[Docker Tooling in IntelliJ IDEA] ** link:chapters/ch07-eclipse.adoc[Docker Tooling in Eclipse] * Multi-container application on multi-host ** link:chapters/ch08-aws.adoc[Docker for AWS] ** link:chapters/ch08-azure.adoc[Docker for Azure] (coming) ** link:chapters/ch08-cloud.adoc[Docker Cloud] * link:chapters/ch09-cicd.adoc[CI/CD using Docker] * link:chapters/ch10-monitoring.adoc[Monitoring Docker Containers with Prometheus and Grafana] * link:chapters/ch11-bigdata.adoc[Big Data Processing with Docker and Hadoop] * link:chapters/appa-common-commands.adoc[Common Docker Commands] * link:chapters/appb-troubleshooting.adoc[Troubleshooting] * link:chapters/appc-references.adoc[References] ================================================ FILE: Docker/additional-ressources/developer-tools/java/scripts/docker-compose-pull-images.yml ================================================ version: '3' services: ubuntu: image: ubuntu:latest busybox: image: busybox:latest openjdk: image: openjdk:latest wildfly: image: jboss/wildfly:latest javaee7-hol: image: arungupta/javaee7-hol:latest docker-javaee: image: arungupta/docker-javaee:dockerconeu17 mysql: image: mysql:8 hadoop: image: tailtarget/hadoop:2.7.2 jenkins: image: jenkins/jenkins:lts prometheus: image: prom/prometheus:latest node-exporter: image: prom/node-exporter cadvisor: image: google/cadvisor:latest grafana: image: grafana/grafana debian: image: debian:stable-slim alpine: image: alpine:3.6 openjdk-slim: image: openjdk:9-jdk-slim ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/Eclipse-README.md ================================================ ## In-container Java Development: Eclipse ### Pre-requisites * [Docker for OSX or Docker for Windows](https://www.docker.com/products/docker) * [Eclipse](http://www.eclipse.org/downloads/) (install Eclipse IDE for Java EE Developers) * [Java Development Kit](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) * [Maven for Eclipse](http://www.eclipse.org/m2e/) (see instructions for adding the Maven plug-in to Eclipse) ### Getting Started On the command line clone the [registration-docker](https://github.com/docker/labs) repository ``` git clone https://github.com/docker/labs cd labs/developer-tools/java-debugging ``` In Eclipse, import the app directory of that project as an existing maven project `File`> `Import` Select `Maven`> `Existing Maven Projects`> `Next` ![](images/eclipse_import_existing_maven_project_1.png) Select the app subdirectory of the directory where you cloned the project. ![](images/eclipse_import_existing_maven_project_2.png) Select the pom.xml from the app directory, click `Finish`. ![](images/eclipse_import_existing_maven_project_3.png) ### Building the application The application is a basic Spring MVC application that receives user input from a form, writes the data to a database, and queries the database. The application is built using Maven. To build the application click on `Run` > `Run configurations` ![](images/eclipse_maven_run_config3.png) Select `Maven build` > `New` ![](images/eclipse_maven_build_new.png) Enter a `Name` for the configuration. Set the base direct of the application `/registration-docker/app`. Set the `Goals` to `clean install`. Click `Apply` Click `Run` ![](images/eclipse_maven_run_config_apply.png) The results of the build will be displayed in the console. ![](images/eclipse_maven_console_build_result.png) ### Running the application Open a terminal and go to the application directory. Start the application with docker-compose
> docker-compose up 
Docker will build the images for Apache Tomcat and MySQL and start the containers. It will also mount the application directory (`./app/target/UserSignup`) as a data volume on the host system to the Tomcat webapps directory in the web server container. Open a browser window and go to: 'localhost:8080'; you should see the Tomcat home page ![](images/tomcat_home3.png) When the Tomcat image was built, the user roles were also configured. Click on the `Manager App` button to see the deployed applications. When prompted for username and password, enter `system` and `manager` respectively to log into the Tomcat Web Application Manager page. ![](images/tomcat_web_application_manager3.png) You can use the Manager page to `Start`, `Stop`, `Reload` or `Undeploy` web applications. To go to the application, Click on `/UserSignup` link. ![](images/app_index_page3.png) ### Debugging the Application In the application, click on `Signup` to create a new user. Fill out the registration form and click `Submit` ![](images/app_debug_signup2.png) Click `Yes` to confirm. ![](images/app_debug_signup_confirm.png) Test out the login. ![](images/app_debug_login2.png) Oh no! ![](images/app_debug_login_fail2.png) #### Configure Remote Debugging Tomcat supports remote debugging the Java Platform Debugger Architecture (JPDA). Remote debugging was enabled when the tomcat image (registration-webserver) was built. To configure remote debugging in Eclipse, click on `Run` > `Debug Configurations ...` ![](images/eclipse_debug_configure2.png) Select `Remote Java Application` and click on `Launch New Configuration` icon ![](images/eclipse_debug_configure_new.png) Enter a `Name` for the configuration. Select the project using the `browse` button. Click on `Apply` to save the configuration and click on `Debug` to start the debugging connection between Tomcat and Eclipse. ![](images/eclipse_debug_configure_docker.png) #### Finding the Error Since the problem is with the password, lets see how the password is set in the User class. In the User class, the setter for password is scrambled using [rot13](https://en.wikipedia.org/wiki/ROT13) before it is saved to the database. ![](images/eclipse_debug_User_password.png) Try registering a new user using the debugger. In Eclipse, change the view or Perspective to the debugger by clicking on `Window` > `Perspective` > `Open Perspective` > `Debug` ![](images/eclipse_debug_perspective.png) Eclipse will switch to the debug perspective. Since we enable remote debugging earlier, you should see the Daemon Threads for Tomcat in the debug window. Set a breakpoint for in the User class where the password is set. ![](images/eclipse_debug_User_breakpoint.png) Register a new user with the username of 'Moby' and with 'm0by' as the password, click `Submit`, click `yes` ![](images/app_register_moby2.png) Eclipse will display the code at the breakpoint and the value of password in the variables window. Note that the value is `m0by` ![](images/eclipse_debug_User_moby.png) Click on `resume` or press `F8` to let the code run. ![](images/eclipse_debug_resume.png) Next, set a breakpoint on the getPassword in the User class to see the value returned for password. You can also toggle off the breakpoint for setPassword. ![](images/eclipse_debug_User_getPassword.png) Try to log into the application. Look at the value for password in the Eclipse variables window, note that it is `z0ol` which is `m0by` using ROT13. ![](images/eclipse_debug_User_show_user.png) In this MVC application the UserController uses the findByLogin method in the UserServiceImpl class which uses the findByUsername method to retrieve the information from the database. It then checks to see if the password from the form matches the user password. Since the password from the login form is not scrambled using ROT13, it does not match the user password and you cannot log into the application. To fix this, apply ROT13 to the password by adding an import near the top of the file ``` import com.docker.UserSignup.util.Rot13 ``` and replace the contents of `findByLogin` with ``` public boolean findByLogin(String userName, String password) { User usr = userRepository.findByUserName(userName); String passwd = Rot13.rot13(password); if(usr != null && usr.getPassword().equals(passwd)) { return true; } return false; } ``` ![](images/eclipse_debug_UserServiceImpl_code.png) Set a breakpoint in UserServiceImpl on the findByLogin method. Log in again and look at the values for the breakpoint. The 'passwd' variable is `z0ol` which matches the password for the user moby. ![](images/eclipse_debug_UserServiceImpl_values.png) Continue (`F8`) and you should successfully log in. ![](images/app_debug_success.png) ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/Eclipse-README_es.md ================================================ ## Desarrollo Java: Eclipse ### Pre-requisitos * [Docker for OSX or Docker for Windows](https://www.docker.com/products/docker) * [Eclipse](http://www.eclipse.org/downloads/) (instalar Eclipse IDE para desaroolladores Java EE) * [Java Development Kit](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) * [Maven for Eclipse](http://www.eclipse.org/m2e/) (ver instrucciones para agregar Maven plug-in en Eclipse) ### Empezando En Eclipse, clonar el repositorio [registration-docker](https://github.com/spara/registration-docker.git) `File`> `Import` Seleccionar `Git`> `Projects`> `Next` ![](images/eclipse_git_import_repo2.png) Seleccionar `Clone URI`> `Next` ![](images/eclipse_git_clone_uri2.png) Ingresar la [`url del repositorio`](https://github.com/spara/registration-docker.git)> `Next` ![](images/eclipse_git_repo_uri2.png) `Seleccionar el branch master`> `Next` ![](images/eclipse_git_select_branch2.png) `Ingresar destination directory`> `Next` ![](images/eclipse_git_local_destination2.png) Seleccionar el asistente de importación, `Import existing Eclipse project`> `Next` ![](images/eclipse_git_import_wizard2.png) Seleccionar `registration-docker`> `Finish` ![](images/eclipse_git_import_project2.png) ### Construyendo la aplicación La aplicación es una aplicación Spring MVC básica que recibe datos del usuario de un formulario, almacena los datos en la base de datos, y realiza consultas. La aplicación se construye usando Maven. Para construir la aplicación hacer clic en `Run` > `Run configurations` ![](images/eclipse_maven_run_config3.png) Seleccionar `Maven build` > `New` ![](images/eclipse_maven_build_new.png) Ingresar `Name` para la configuración. Establecer el directorio base de la aplicación `/registration-docker/app`. Establecer `Goals` a `clean install`. Clic `Apply` Clic `Run` ![](images/eclipse_maven_run_config_apply.png) Los resultados del build serán mostrados en la consola. ![](images/eclipse_maven_console_build_result.png) ### Ejecutando la aplicación Abrir un terminal e ir al directorio de la aplicación. Iniciar la aplicación con docker-compose
> docker-compose up 
Docker construirá las imágenes para Apache Tomcat y MySQL e iniciará los contenedores. También, montará el directorio de la aplicación (`./app/target/UserSignup`) como volumen de datos en el host del sistema al directorio webapps Tomcat en el contenedor del servidor web. Abrir una ventana en el explorador e ir a: 'localhost:8080'; debe ver la página de inicio de Tomcat ![](images/tomcat_home3.png) Cuando la imagen de Tomcat fue construida, los roles de los usuarios fueron configurados. Clic en el botón `Manager App` para visualizar las aplicaciones desplegadas. Cuando se solicite por usuario y contraseña, ingresar `system` y `manager` respectivamente para entrar a la página de Tomcat Web Application Manager. ![](images/tomcat_web_application_manager3.png) Es posible usar la página Manager para `Start`, `Stop`, `Reload` o `Undeploy` aplicaciones web. Para ir a la aplicación, clic en el link `/UserSignup`. ![](images/app_index_page3.png) ### Depurando la Aplicación En la aplicación, clic en `Signup` para crear un nuevo usuario. Completar el formulario de registro y hacer clic en `Submit` ![](images/app_debug_signup2.png) Clic `Yes` para confirmar. ![](images/app_debug_signup_confirm.png) Probar el inicio de sesión. ![](images/app_debug_login2.png) Oh no! ![](images/app_debug_login_fail2.png) #### Configurar Depuración Remota Tomcat soporta depuración remota usando Java Platform Debugger Architecture (JPDA). Debug Remoto fue habilitado cuando la imagen tomcat (registration-webserver) fue construida. Para configurar la depuración remota en Eclipse, clic en `Run` > `Debug Configurations ...` ![](images/eclipse_debug_configure2.png) Seleccionar `Remote Java Application` y clic en el icono `Launch New Configuration` ![](images/eclipse_debug_configure_new.png) Ingresar `Name` para la configuración. Seleccionar el proyecto usando el botón `browse`. Clic en `Apply` para guardar la configuración y clic en `Debug` para iniciar la conexión de debug entre Tomcat y Eclipse. ![](images/eclipse_debug_configure_docker.png) #### Buscando el Error Dado que el problema es la contraseña, hay que ver como la contraseña se establece en la clase User. En la clase User, el setter para la contraseña es mezclado usando [rot13](https://en.wikipedia.org/wiki/ROT13) antes de ser almacenado en la base de datos. ![](images/eclipse_debug_User_password.png) Tratar registrando un nuevo usuario usando el depurador. En Eclipse, cambiar la vista o perspectiva del depurador haciendo clic en `Window` > `Perspective` > `Open Perspective` > `Debug` ![](images/eclipse_debug_perspective.png) Eclipse cambiará a la perspectiva debug. Dado que habilitamos el depurador remoto previamente, debes ver los Daemon Threads para Tomcat en la ventana de debug. Establece un punto de interrupción para la clase User donde el password es establecido. ![](images/eclipse_debug_User_breakpoint.png) Registrar un nuevo usuario con el usuario de 'Moby' y con 'm0by' como contraseña, clic `Submit`, clic `yes` ![](images/app_register_moby2.png) Eclipse mostrará el código en el punto de interrupción y el valor de la contraseña en la ventana variables. Observar que el valor es `m0by` ![](images/eclipse_debug_User_moby.png) Clic en `resume` o presionar `F8` para permitir ejecutar el código. ![](images/eclipse_debug_resume.png) A continuación, establecer el punto de interrupción en getPassword en la clase User para ver los valores retornados para la contraseña. También puede cambiar el punto de interrupción para setPassword. ![](images/eclipse_debug_User_getPassword.png) Tratar de acceder a la aplicación. Ver el valor de la contraseña en la ventana variables de Eclipse, observar que es `z0ol` el cual es `m0by` usando ROT13. ![](images/eclipse_debug_User_show_user.png) En esta aplicación MVC el UserController usa el método findByLogin en la clase UserServiceImpl la cual usa el método findByUsername para recuperar la información de la base de datos. A continuación, verificar que la contraseña del formulario coincide con la contraseña del usuario. Dado que la contraseña del formulario de inicio de sesión no es mezclada usando ROT13, este no coincide con la contraseña del usuario y no es posible acceder a la aplicación. Para solucionar esto, aplicar ROT13 a la contraseña agregando ``` import com.docker.UserSignup.utit.Rot13 String passwd = Rot13.rot13(password); ``` ![](images/eclipse_debug_UserServiceImpl_code.png) Establecer un punto de interrupción en UserServiceImpl en el método findByLogin. Iniciar sesión otra vez y verificar los valores para el punto de interrupción. La variable 'passwd' es 'z0ol' la cual coincide con la contraseña para el usuario moby. ![](images/eclipse_debug_UserServiceImpl_values.png) Continuar (`F8`) y debe acceder exitosamente. ![](images/app_debug_success.png) ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/IntelliJ-README.md ================================================ ## In-container Java Development: IntelliJ Community Edition ### Pre-requisites * [Docker for OSX or Docker for Windows](https://www.docker.com/products/docker) * [IntelliJ Community Edition](https://www.jetbrains.com/idea/download/) * [Java Development Kit](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) ### Getting Started In IntelliJ, clone the repository. Click on `Check out from Version Control` > `Github` ![](images/intelliJ_git_open_project.png) If this the first time to use IntelliJ with Github, log into your Github account. ![](images/intelliJ_git_login.png) On the command line clone the [docker/labs](https://github.com/docker/labs) repository ![](images/intelliJ_git_clone_repository1.png) Click on `Import project from external model`, select `Maven`. Click `Next` ![](images/intellij_github_import_maven.png) Check `Search for projects recursively`. Click `Next` ![](images/intellij_github_import_maven_configure.png) Select the project and click `Next` ![](images/intellij_github_import_maven_select.png) Select the JDK(set the `JDK home path`) and click `Next` ![](images/intellij_github_import_select_sdk.png) Click `Finish` ![](images/intellij_github_import_project_finish.png) Click on `Project View` to open the project. ![](images/intelliJ_git_open_project_gui.png) ### Building the application The application is a basic Spring MVC application that receives user input from a form, writes the data to a database, and queries the database. The application is built using Maven. To build the application click on icon on the bottom left of the IntelliJ window and select `Maven Projects`. ![](images/intellij_maven_setup.png) The `Maven Projects` window will open on the right side. Maven goals of `clean` and `install` need to be set to build the application. To set the `clean` goal, click on `Lifecycle` to display the tree of goals. Right click on `clean` and select `Create 'UserSignup [clean]'...` ![](images/intellij_maven_goal_clean.png) Click `OK` in the `Create Run/Debug Configuration` window. ![](images/intellij_maven_goal_clean_menu.png) Configure the `install` goal similarly. Click on `install` in the Lifecycle tree. Select `Create 'UserSignup[install]'...` ![](images/intellij_maven_goal_install.png) Click `OK` in the `Create Run/Debug Configuration` window. ![](images/intelligj_maven_goal_install_menu.png) To build the application run `clean` ![](images/intellij_maven_goal_clean_run.png) Then run `install` ![](images/intellij_maven_goal_install_run.png) When the application builds, you will see a success message in the log window. ![](images/intellij_maven_goal_install_log.png) ### Running the application Open a terminal and go to the application directory. Start the application with docker-compose
> docker-compose up 
Docker will build the images for Apache Tomcat and MySQL then start the containers. It will also mount the application directory (`./app/target/UserSignup`) as a data volume on the host system to the Tomcat webapps directory in the web server container. Open a browser window and go to: 'localhost:8080'; you should see the Tomcat home page ![](images/tomcat_home3.png) When the Tomcat image was built, the user roles were also configured. Click on the `Manager App` button to see the deployed applications. When prompted for username and password, enter `system` and `manager` respectively to log into the Tomcat Web Application Manager page. ![](images/tomcat_web_application_manager3.png) You can use the Manager page to `Start`, `Stop`, `Reload` or `Undeploy` web applications. To go to the application, Click on `/UserSignup` link. ![](images/app_index_page3.png) ### Debugging the Application In the application, click on `Signup` to create a new user. Fill out the registration form and click `Submit` ![](images/app_debug_signup2.png) Click `Yes` to confirm. ![](images/app_debug_signup_confirm.png) Test out the login. ![](images/app_debug_login2.png) Oh no! ![](images/app_debug_login_fail2.png) #### Configure Remote Debugging Tomcat supports remote debugging the Java Platform Debugger Architecture (JPDA). Remote debugging was enabled when the tomcat image (registration-webserver) was built. To configure remote debugging in IntelliJ, click on `Run` > `Edit Configuration ...` ![](images/intelij_debug_run_edit_configurations.png) Add a new remote configuration. ![](images/intellij_debug_add_remote_configuration.png) In the `Run\Debug Configurations` window, set the `Name` of the configuration as `docker tomcat` and in `Settings` set the port to '8000' as the default Tomcat JPDA debuging port. Click on `OK` to save the configuration. ![](images/intellij_debug_tomcat_remote_settings.png) #### Finding the Error Since the problem is with the password, let's see how the password is set in the User class. In the User class, the setter for password is scrambled using [rot13](https://en.wikipedia.org/wiki/ROT13) before it is saved to the database. ![](images/intellij_debug_User_password.png) Try registering a new user using the debugger. In the menu click on `Run` > `Debug...` ![](images/intellij_run_debug.png) Choose the remote Tomcat debug configuration. The Debugger console will be displayed at the bottom of the IntelliJ window. ![](images/intellij_debug_choose_remote_tomcat.png) Set a breakpoint in the User class where the password is set. ![](images/intellij_debug_set_breakpoint_password.png) Register a new user with the username of 'Moby' and with 'm0by' as the password, click `Submit`, click `yes` ![](images/app_register_moby2.png) IntelliJ will display the code at the breakpoint and the value of password in the variables window. Note that the value is `m0by` ![](images/intellij_debug_User_moby.png) Click on `Resume Program` to let the code run or press `F8` to step over the breakpoint. ![](images/intellij_debug_resume.png) Next, set a breakpoint on the getPassword in the User class to see the value returned for password. You can also toggle off the breakpoint for setPassword. ![](images/intellij_debug_User_getPassword.png) Try to log into the application. Look at the value for password in the debugging console, note that it is `z0ol` which is `m0by` using ROT13. ![](images/intellij_debug_User_show_user.png) In this MVC application the UserController uses the findByLogin method in the UserServiceImpl class which uses the findByUsername method to retrieve the information from the database. It then checks to see if the password from the form matches the user password. Since the password from the login form is not scrambled using ROT13, it does not match the user password and you cannot log into the application. To fix this, apply ROT13 to the password by adding ``` import com.docker.UserSignup.utit.Rot13 String passwd = Rot13.rot13(password); ``` ![](images/intellij_debug_UserServiceImpl_code.png) Set a breakpoint in UserServiceImpl on the findByLogin method. Log in again and look at the values for the breakpoint. The 'passwd' variable is `z0ol` which matches the password for the user moby. ![](images/intellij_debug_UserServiceImpl_values.png) Continue (`F8`) and you should successfully log in. ![](images/app_debug_success.png) ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/IntelliJ-README_es.md ================================================ ## Desarrollo Java en Contenedor: IntelliJ Community Edition ### Pre-requisitos * [Docker for OSX or Docker for Windows](https://www.docker.com/products/docker) * [IntelliJ Community Edition](https://www.jetbrains.com/idea/download/) * [Java Development Kit](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) ### Empezando En IntelliJ, clonar el repositorio. Clic en `Check out from Version Control` > `Github` ![](images/intelliJ_git_open_project.png) Si esta es la primera vez usando Intellij con Github, ingresar a la cuenta de Github. ![](images/intelliJ_git_login.png) Clonar el repositorio [registration-docker](https://github.com/spara/registration-docker.git). ![](images/intelliJ_git_clone_repository.png) Clic en `Import project from external model`, seleccionar `Maven`. Clic `Next` ![](images/intellij_github_import_maven.png) Seleccionar `Search for projects recursively`. Clic `Next` ![](images/intellij_github_import_maven_configure.png) Seleccionar el proyecto y clic en `Next` ![](images/intellij_github_import_maven_select.png) Seleccionar el JDK y clic en `Next` ![](images/intellij_github_import_select_sdk.png) Clic en `Finish` ![](images/intellij_github_import_project_finish.png) Clic en `Project View` para abrir el proyecto. ![](images/intelliJ_git_open_project_gui.png) ### Construyendo la aplicación La aplicación es una aplicación Spring MVC básica que recibe datos del usuario de un formulario, almacena los datos en la base de datos, y realiza consultas. La aplicación se construye usando Maven. Para construir la aplicación clic en el icono de la parte inferior izquierda de IntelliJ y seleccionar `Maven Projects`. ![](images/intellij_maven_setup.png) La ventana `Maven Projects` se abrirá al lado derecho. Las tareas de maven `clean` y `install` necesitan ser establecidas para construir la aplicación. Para establecer la tarea `clean`, clic en `Lifecycle` para visualizar el árbol de tareas. Clic derecho en `clean` y seleccionar `Create 'UserSignup [clean]'...` ![](images/intellij_maven_goal_clean.png) Clic `OK` en la ventana `Create Run/Debug Configuration`. ![](images/intellij_maven_goal_clean_menu.png) De manera similar configurar la tarea `install`. Clic en `install` en el árbol de Lifecycle. Seleccionar `Create 'UserSignup[install]'...` ![](images/intellij_maven_goal_install.png) Clic `OK` en la ventana `Create Run/Debug Configuration`. ![](images/intelligj_maven_goal_install_menu.png) Para construir la aplicación ejecutar `clean` ![](images/intellij_maven_goal_clean_run.png) Luego ejecutar `install` ![](images/intellij_maven_goal_install_run.png) Cuando la aplicación se construya se visualizará un mensaje de éxito en la ventana de Log. ![](images/intellij_maven_goal_install_log.png) ### Ejecutando la aplicación Abrir un terminal e ir al directorio de la aplicación. Iniciar la aplicación con docker-compose
> docker-compose up 
Docker construirá las imágenes para Apache Tomcat y MySQL e iniciará los contenedores. También, montará el directorio de la aplicación (`./app/target/UserSignup`) como volumen de datos en el host del sistema al directorio webapps Tomcat en el contenedor del servidor web. Abrir una ventana en el explorador e ir a: 'localhost:8080'; debes ver la página de inicio de Tomcat ![](images/tomcat_home3.png) Cuando la imagen de Tomcat fue construida, los roles de los usuarios fueron configurados. Clic en el botón `Manager App` para visualizar las aplicaciones desplegadas. Cuando se solicite el usuario y la contraseña, ingresar `system` y `manager` respectivamente para entrar a la página de Tomcat Web Application Manager. ![](images/tomcat_web_application_manager3.png) El posible usar la página Manager para `Start`, `Stop`, `Reload` o `Undeploy` aplicaciones web. Para ir a la aplicación, clic en el link `/UserSignup`. ![](images/app_index_page3.png) ### Depurando la aplicación En la aplicación, clic en `Signup` para crear un nuevo usuario. Completar el formulario de registro y clic en `Submit` ![](images/app_debug_signup2.png) Clic `Yes` para confirmar. ![](images/app_debug_signup_confirm.png) Probar el inicio de sesión. ![](images/app_debug_login2.png) Oh no! ![](images/app_debug_login_fail2.png) #### Configurar Depuración Remota Tomcat soporta depuración remota usando Java Platform Debugger Architecture (JPDA). Debug Remoto fue habilitado cuando la imagen tomcat (registration-webserver) fue construida. Para configurar la depuración remota en IntelliJ, clic en `Run` > `Edit Configuration ...` ![](images/intelij_debug_run_edit_configurations.png) Agregar una nueva configuración remota. ![](images/intellij_debug_add_remote_configuration.png) En la ventana `Run\Debug Configurations`, establecer el `Name` de la configuración y en `Settings` establecer el puerto '8000' el puerto de depuración de Tomcat JPDA por defecto. Clic en `OK` para guardar la configuración. ![](images/intellij_debug_tomcat_remote_settings.png) #### Buscando el Error Dado que el problema es la contraseña, veamos como la contraseña se establece en la clase User. En la clase User, el setter para la contraseña es mezclado usando [rot13](https://en.wikipedia.org/wiki/ROT13) antes de ser almacenado en la base de datos. ![](images/intellij_debug_User_password.png) Tratar registrando un nuevo usuario usando el depurador. En el menu clic en `Run` > `Debug...` ![](images/intellij_run_debug.png) Elegir la configuración de depuración remota de Tomcat. La consola de depuración se motrará en la parte inferior de IntelliJ. ![](images/intellij_debug_choose_remote_tomcat.png) Establecer un punto de interrupción para la clase User donde el password es establecido. ![](images/intellij_debug_set_breakpoint_password.png) Registrar un nuevo usuario con el usuario de 'Moby' y con 'm0by' como contraseña, clic `Submit`, clic `yes` ![](images/app_register_moby2.png) IntelliJ mostrará el código en el punto de interrupción y el valor de la contraseña en la ventana variables. Observar que el valor es `m0by` ![](images/intellij_debug_User_moby.png) Clic en `Resume Program` para permitir ejecutar el código o presionar `F8` para saltar el punto de interrupción. ![](images/intellij_debug_resume.png) A continuación, establecer el punto de interrupción en getPassword en la clase User para ver los valores retornados para la contraseña. También es posible cambiar el punto de interrupción a setPassword. ![](images/intellij_debug_User_getPassword.png) Tratar de acceder a la aplicación. Ver el valor de la contraseña en la ventana variables de Eclipse, observar que es `z0ol` el cual es `m0by` usando ROT13. ![](images/intellij_debug_User_show_user.png) En esta aplicación MVC el UserController usa el método findByLogin en la clase UserServiceImpl la cual usa el método findByUsername para recuperar la información de la base de datos. A continuación, verificar que la contraseña del formulario conincide con la contraseña del usuario. Dado que la contraseña del formulario de inicio de sesión no es mezclada usando ROT13, este no coincide con la contraseña del usuario y no es posible acceder a la aplicación. Para solucionar esto, aplicar ROT13 a la contraseña agregando ``` import com.docker.UserSignup.utit.Rot13 String passwd = Rot13.rot13(password); ``` ![](images/intellij_debug_UserServiceImpl_code.png) Establecer un punto de interrupción en UserServiceImpl en el método findByLogin. Iniciar sesión otra vez y verificar los valores para el punto de interrupción. La variable 'passwd' es 'z0ol' la cual coincide con la contraseña para el usuario moby. ![](images/intellij_debug_UserServiceImpl_values.png) Continuar (`F8`) y debe acceder exitosamente. ![](images/app_debug_success.png) ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/NetBeans-README.md ================================================ ## In-container Java Development: NetBeans IDE ### Pre-requisites * [Docker for OSX or Docker for Windows](https://www.docker.com/products/docker) * [NetBeans IDE](https://netbeans.org/downloads/) * [Java Development Kit](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) ### Getting Started Using your git client clone the repository. ``` git clone https://github.com/docker/labs cd labs/developer-tools/java-debugging ``` Open NetBeans IDE, Click on `Open Project...` ![](images/netbeans_open_project_menu.png) Select `app` and click on `Open Project`. ![](images/netbeans_open_project_app.png) ### Building the application The application is a basic Spring MVC application that receives user input from a form, writes the data to a database, and queries the database. The application is built using Maven. To build the application click on `Run` > `Build Project`. ![](images/netbeans_build_project_menu.png) The results of the build will be displayed in the console. ![](images/netbeans_build_project_console.png) ### Running the application Open a terminal and go to the application directory. Start the application with docker-compose
> docker-compose up 
Docker will build the images for Apache Tomcat and MySQL and start the containers. It will also mount the application directory (`./app/target/UserSignup`) as a data volume on the host system to the Tomcat webapps directory in the web server container. Open a browser window and go to: 'localhost:8080'; you should see the Tomcat home page ![](images/tomcat_home3.png) When the Tomcat image was built, the user roles were also configured. Click on the `Manager App` button to see the deployed applications. When prompted for username and password, enter `system` and `manager` respectively to log into the Tomcat Web Application Manager page. ![](images/tomcat_web_application_manager3.png) You can use the Manager page to `Start`, `Stop`, `Reload` or `Undeploy` web applications. To go to the application, Click on `/UserSignup` link. ![](images/app_index_page3.png) ### Debugging the Application In the application, click on `Signup` to create a new user. Fill out the registration form and click `Submit` ![](images/app_debug_signup2.png) Click `Yes` to confirm. ![](images/app_debug_signup_confirm.png) Test out the login. ![](images/app_debug_login2.png) Oh no! ![](images/app_debug_login_fail2.png) #### Configure Remote Debugging In the menu click on `Debug` > `Attach Debugger...` ![](images/netbeans_debug_attach_debugger_menu.png) Make sure that the port is set to 8000, click on `OK`. ![](images/netbeans_debug_attach_debugger_configure.png) #### Finding the Error Since the problem is with the password, lets see how the password is set in the User class. In the User class, the setter for password is scrambled using [rot13](https://en.wikipedia.org/wiki/ROT13) before it is saved to the database. Since we enabled remote debugging earlier, you should see the Daemon Threads for Tomcat in the `Debugging` window. Set a breakpoint for in the User class where the password is set. ![](images/netbeans_debug_User_breakpoint.png) Register a new user with the username of 'Moby' and with 'm0by' as the password, click `Submit`, click `yes` ![](images/app_register_moby2.png) NetBeans will display the code at the breakpoint and the value of password in the variables window. Note that the value is `m0by` ![](images/netbeans_debug_User_moby.png) Click on `Continue` icon or press `F5` to let the code run. ![](images/netbeans_debug_resume.png) Next, set a breakpoint on the getPassword in the User class to see the value returned for password. You can also toggle off the breakpoint for setPassword. Try to log into the application. Look at the value for password in the NetBeans variables window, note that it is `z0ol` which is `m0by` using ROT13. ![](images/netbeans_debug_User_show_user.png) In this MVC application the UserController uses the findByLogin method in the UserServiceImpl class which uses the findByUsername method to retrieve the information from the database. It then checks to see if the password from the form matches the user password. Since the password from the login form is not scrambled using ROT13, it does not match the user password and you cannot log into the application. To fix this, apply ROT13 to the password by adding ``` import com.docker.UserSignup.utit.Rot13 String passwd = Rot13.rot13(password); ``` ![](images/netbeans_debug_UserServiceImpl_code.png) Set a breakpoint in UserServiceImpl on the findByLogin method. Press `F11` or click on `Run` > `Build Project` to update the deployed code. Log in again and look at the values for the breakpoint. The 'passwd' variable is `z0ol` which matches the password for the user moby. ![](images/netbeans_debug_UserServiceImpl_values.png) Continue (`F5`) and you should successfully log in. ![](images/app_debug_success.png) ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/NetBeans-README_es.md ================================================ ## Desarrollo Java en Contenedor: NetBeans IDE ### Pre-requisitos * [Docker for OSX or Docker for Windows](https://www.docker.com/products/docker) * [NetBeans IDE](https://netbeans.org/downloads/) * [Java Development Kit](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html) ### Empezando Usar el cliente git para clonar el repositorio. ``` git clone https://github.com/spara/registration-docker.git ``` Abrir NetBeans IDE, hacer clic en `Open Project...` ![](images/netbeans_open_project_menu.png) Seleccionar `app` y hacer clic en `Open Project`. ![](images/netbeans_open_project_app.png) ### Construyendo la aplicación La aplicación es una aplicación Spring MVC básica que recibe datos del usuario de un formulario, almacena y consulta la informacion en la base de datos. La aplicación se construye usando Maven. Para construir la aplicación hacer clic en `Run` > `Build Project`. ![](images/netbeans_build_project_menu.png) Los resultados del build serán mostrados en la consola. ![](images/netbeans_build_project_console.png) ### Ejecutando la aplicación Abrir un terminal e ir al directorio de la aplicación. Iniciar la aplicación con docker-compose
> docker-compose up 
Docker construirá las imágenes para Apache Tomcat y MySQL e iniciará los contenedores. También, montará el directorio de la aplicación (`./app/target/UserSignup`) como volumen de datos en el host del sistema al directorio webapps Tomcat en el contenedor del servidor web. Abrir una ventana en el explorador e ir a: 'localhost:8080'; debes ver la página de inicio de Tomcat ![](images/tomcat_home3.png) Cuando la imagen de Tomcat fue construida, los roles de los usuarios fueron configurados. hacer clic en el botón `Manager App` para visualizar las aplicaciones desplegadas. Cuando se solicite por usuario y contraseña, ingresar `system` y `manager` respectivamente para entrar a la página de Tomcat Web Application Manager. ![](images/tomcat_web_application_manager3.png) Puedes usar la página Manager para `Start`, `Stop`, `Reload` o `Undeploy` aplicaciones web. Para ir a la aplicación, hacer clic en el link `/UserSignup`. ![](images/app_index_page3.png) ### Depurando la Aplicación En la aplicación, hacer clic en `Signup` para crear un nuevo usuario. Completar el formulario de registro y hacer clic en `Submit` ![](images/app_debug_signup2.png) Hacer clic en `Yes` para confirmar. ![](images/app_debug_signup_confirm.png) Probar el inicio de sesión. ![](images/app_debug_login2.png) Oh no! ![](images/app_debug_login_fail2.png) #### Configurar Depuración Remota En el menu hacer clic en `Debug` > `Attach Debugger...` ![](images/netbeans_debug_attach_debugger_menu.png) Asegurar que el puerto establecido es 8000, hacer clic en `OK`. ![](images/netbeans_debug_attach_debugger_configure.png) #### Buscando el Error Dado que el problema es la contraseña, veamos como la contraseña se establece en la clase User. En la clase User, el setter para la contraseña es mezclado usando [rot13](https://en.wikipedia.org/wiki/ROT13) antes almacenarse en la base de datos. Dado que habilitamos el depurador remoto previamente, debe ver los Daemon Threads para Tomcat en la ventana `Debugging`. Establecer un punto de interrupción para la clase User donde el password es establecido. ![](images/netbeans_debug_User_breakpoint.png) Registrar un nuevo usuario con el usuario de 'Moby' y con 'm0by' como contraseña, hacer clic en `Submit`, hacer clic en `yes` ![](images/app_register_moby2.png) NetBeans mostrará el código en el punto de interrupción y el valor de la contraseña en la ventana variables. Observar que el valor es `m0by` ![](images/netbeans_debug_User_moby.png) Hacer clic en el icono `Continue` o presionar `F5` para permitir ejecutar el código. ![](images/netbeans_debug_resume.png) A continuación, establecer el punto de interrupción en getPassword en la clase User para ver los valores retornados para la contraseña. También puede cambiar el punto de interrupción para setPassword. Tratar de acceder a la aplicación. Ver el valor de la contraseña en la ventana variables, observar que es `z0ol` el cual es `m0by` usando ROT13. ![](images/netbeans_debug_User_show_user.png) En esta aplicación MVC el UserController usa el método findByLogin en la clase UserServiceImpl la cual usa el método findByUsername para recuperar la información de la base de datos. A continuación, verifica que la contraseña del formulario conincide con la contraseña del usuario. Dado que la contraseña del formulario de inicio de sesión no es mezclada usando ROT13, este no coincide con la contraseña del usuario y no puedes acceder a la aplicación. Para solucionar esto, aplicar ROT13 a la contraseña agregando ``` import com.docker.UserSignup.utit.Rot13 String passwd = Rot13.rot13(password); ``` ![](images/netbeans_debug_UserServiceImpl_code.png) Establecer un punto de interrupción en UserServiceImpl en el método findByLogin. Presionar `F11` o hacer clic en `Run` > `Build Project` para actualizar el código desplegado. Iniciar sesión otra vez y mirar los valores para el punto de interrupción. La variable 'passwd' es 'z0ol' la cual coincide con la contraseña para el usuario moby. ![](images/netbeans_debug_UserServiceImpl_values.png) Continuar (`F5`) y debe acceder exitosamente. ![](images/app_debug_success.png) ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/README.md ================================================ # Tutorial: Debugging Java Applications in Docker Java developers can use Docker to build a development environment where they can run, test, and live debug code running within a container. Debugging a node.js application was demonstrated at DockerCon 2016 showing that development using containers can be performed on many platforms using other programming languages. [![Live debugging demo at DockerCon US 2016](https://img.youtube.com/vi/vE1iDPx6-Ok/0.jpg)](https://youtu.be/vE1iDPx6-Ok?list=PLkA60AVN3hh9gnrYwNO6zTb9U3i1Y9FMY&t=2088) This tutorial includes Docker images and an application for Java development using containers. An examples for Eclipse, IntelliJ CE, and Netbeans are provided. * [Eclipse](Eclipse-README.md) * [IntelliJ](IntelliJ-README.md) * [NetBeans](NetBeans-README.md) Before starting the tutorial, please have [Docker](https://www.docker.com/products/overview) installed. ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/README_es.md ================================================ # Tutorial: Depurando Aplicaciones Java en Docker Los programadores de Java pueden utilizar Docker para construir un ambiente de desarrollo donde puedan ejecutar, testear y depurar el código que está ejecutándose en un contenedor. Durante la DockerCon 2016 se presentó cómo depurar una aplicación node.js, demostrando así que el desarrollo usando contenedores puede ser utilizado en muchas plataformas y con diferentes lenguajes de programación. [![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/vE1iDPx6-Ok/0.jpg)](https://youtu.be/vE1iDPx6-Ok?list=PLkA60AVN3hh9gnrYwNO6zTb9U3i1Y9FMY&t=2088) Este tutorial incluye imágenes Docker y una aplicación Java usando contenedores. Incluye además, ejemplos para Eclipse, IntelliJ CE y Netbeans. * [Eclipse](Eclipse-README_es.md) * [IntelliJ](IntelliJ-README_es.md) * [NetBeans](NetBeans-README_es.md) Antes de iniciar el tutorial, debe tener instalado [Docker](https://www.docker.com/products/overview) instalado. ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/.gitignore ================================================ /target/ UserSignup.war UserSignup.iml .DS_Store .classpath .project /out/ /src/main/main.iml .idea .settings .classpath ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/pom.xml ================================================ 4.0.0 com.docker UserSignup war 0.0.1-SNAPSHOT UserSignup Maven Webapp http://maven.apache.org org.springframework spring-webmvc 5.2.21.RELEASE javax.servlet servlet-api 2.5 provided javax.servlet jstl 1.2 mysql mysql-connector-java 8.0.16 org.hibernate hibernate-validator 5.3.6.Final org.hibernate hibernate-entitymanager 4.1.9.Final javax.transaction jta 1.1 org.springframework spring-jdbc 3.2.0.RELEASE org.springframework spring-orm 3.2.0.RELEASE org.springframework.data spring-data-jpa ~> 1.11.20 org.springframework spring-aop UserSignup ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/java/com/docker/UserSignup/controller/UserController.java ================================================ package com.docker.UserSignup.controller; import javax.validation.Valid; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.SessionAttributes; import com.docker.UserSignup.model.User; import com.docker.UserSignup.model.UserLogin; import com.docker.UserSignup.service.UserService; @Controller @SessionAttributes("user") public class UserController { @Autowired private UserService userService; @RequestMapping(value="/signup", method=RequestMethod.GET) public String signup(Model model) { User user = new User(); model.addAttribute("user", user); return "signup"; } @RequestMapping(value="/signup", method=RequestMethod.POST) public String signup(@Valid @ModelAttribute("user") User user, BindingResult result, Model model) { if(result.hasErrors()) { return "signup"; } else if(userService.findByUserName(user.getUserName())) { model.addAttribute("message", "User Name exists. Try another user name"); return "signup"; } else { userService.save(user); model.addAttribute("message", "Saved user details"); return "redirect:login.html"; } } @RequestMapping(value="/login", method=RequestMethod.GET) public String login(Model model) { UserLogin userLogin = new UserLogin(); model.addAttribute("userLogin", userLogin); return "login"; } @RequestMapping(value="/login", method=RequestMethod.POST) public String login(@Valid @ModelAttribute("userLogin") UserLogin userLogin, BindingResult result) { if (result.hasErrors()) { return "login"; } else { boolean found = userService.findByLogin(userLogin.getUserName(), userLogin.getPassword()); if (found) { return "success"; } else { return "failure"; } } } } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/java/com/docker/UserSignup/model/User.java ================================================ package com.docker.UserSignup.model; import java.util.Date; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.Id; import javax.persistence.Table; import javax.validation.constraints.NotNull; import javax.validation.constraints.Past; import javax.validation.constraints.Size; import org.hibernate.validator.constraints.Email; import org.hibernate.validator.constraints.NotEmpty; import org.springframework.format.annotation.DateTimeFormat; import com.docker.UserSignup.util.Rot13; @Entity @Table(name="user") public class User { @Id @GeneratedValue private Long id; @NotEmpty @Size(min=4, max=20) private String userName; @NotEmpty private String firstName; @NotEmpty private String lastName; @NotEmpty @Size(min=4, max=8) private String password; @NotEmpty @Email private String emailAddress; @NotNull @Past @DateTimeFormat(pattern="MM/dd/yyyy") private Date dateOfBirth; public Long getId() { return id; } public void setId(Long id) { this.id = id; } public String getUserName() { return userName; } public void setUserName(String userName) { this.userName = userName; } public String getFirstName() { return firstName; } public void setFirstName(String firstName) { this.firstName = firstName; } public String getLastName() { return lastName; } public void setLastName(String lastName) { this.lastName = lastName; } public String getPassword() { return password; } public void setPassword(String password) { this.password = Rot13.rot13(password); } public String getEmailAddress() { return emailAddress; } public void setEmailAddress(String emailAddress) { this.emailAddress = emailAddress; } public Date getDateOfBirth() { return dateOfBirth; } public void setDateOfBirth(Date dateOfBirth) { this.dateOfBirth = dateOfBirth; } } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/java/com/docker/UserSignup/model/UserLogin.java ================================================ package com.docker.UserSignup.model; import javax.validation.constraints.Size; import org.hibernate.validator.constraints.NotEmpty; public class UserLogin { @NotEmpty @Size(min=4, max=20) private String userName; @NotEmpty @Size(min=4, max=8) private String password; public String getPassword() { return password; } public String getUserName() { return userName; } public void setPassword(String password) { this.password = password; } public void setUserName(String userName) { this.userName = userName; } } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/java/com/docker/UserSignup/repository/UserRepository.java ================================================ package com.docker.UserSignup.repository; import org.springframework.data.jpa.repository.JpaRepository; import org.springframework.data.jpa.repository.Query; import org.springframework.data.repository.query.Param; import org.springframework.stereotype.Repository; import com.docker.UserSignup.model.User; @Repository("userRepository") public interface UserRepository extends JpaRepository { @Query("select s from User s where s.userName = :userName") User findByUserName(@Param("userName") String userName); } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/java/com/docker/UserSignup/service/UserService.java ================================================ package com.docker.UserSignup.service; import com.docker.UserSignup.model.User; public interface UserService { User save(User user); boolean findByLogin(String userName, String password); boolean findByUserName(String userName); } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/java/com/docker/UserSignup/service/UserServiceImpl.java ================================================ package com.docker.UserSignup.service; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; import com.docker.UserSignup.model.User; import com.docker.UserSignup.repository.UserRepository; @Service("userService") public class UserServiceImpl implements UserService { @Autowired private UserRepository userRepository; @Transactional public User save(User user) { return userRepository.save(user); } public boolean findByLogin(String userName, String password) { User usr = userRepository.findByUserName(userName); if(usr != null && usr.getPassword().equals(password)) { return true; } return false; } public boolean findByUserName(String userName) { User usr = userRepository.findByUserName(userName); if(usr != null) { return true; } return false; } } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/java/com/docker/UserSignup/util/Rot13.java ================================================ package com.docker.UserSignup.util; public class Rot13 { public static String rot13(String password) { StringBuilder sb = new StringBuilder(); String passwd = password; for (int i = 0; i < passwd.length(); i++) { char c = passwd.charAt(i); if (c >= 'a' && c <= 'm') c += 13; else if (c >= 'A' && c <= 'M') c += 13; else if (c >= 'n' && c <= 'z') c -= 13; else if (c >= 'N' && c <= 'Z') c -= 13; sb.append(c); } return sb.toString(); } } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/resources/META-INF/persistence.xml ================================================ ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/resources/jpaContext.xml ================================================ ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/resources/messages.properties ================================================ NotEmpty=Field cannot be blank NotNull=Field cannot be blank Email=Email Address not valid/well-formed Past=Date of Birth must be in the past Size={0} must be between {2} and {1} characters long typeMismatch=Invalid format ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/WEB-INF/config/servletConfig.xml ================================================ ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/WEB-INF/jsp/failure.jsp ================================================ <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> Login Failure

DockerCon 2035 login failure

Oh snap! Something is wrong. Check your password and try submitting again.
">Try again? ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/WEB-INF/jsp/login.jsp ================================================ <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> User Login

Welcome to User Login

User Login Form
================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/WEB-INF/jsp/signup.jsp ================================================ <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> User Signup

Welcome to Registration

${message}
DockerCon 2035 Signup
================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/WEB-INF/jsp/success.jsp ================================================ <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> Login Success

DockerCon 2035 Login success

Well done! You have successfully logged-into the system.

">Login as different user? ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/WEB-INF/web.xml ================================================ userHibernateServlet org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/config/servletConfig.xml userHibernateServlet *.html contextConfigLocation classpath:/jpaContext.xml org.springframework.web.context.ContextLoaderListener Archetype Created Web Application ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/assets/css/bootstrap-united.css ================================================ @import url("//fonts.googleapis.com/css?family=Ubuntu"); /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { margin: 0.67em 0; font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; } mark { color: #000; background: #ff0; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100%; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #dd4814; text-decoration: none; } a:hover, a:focus { color: #97310e; text-decoration: underline; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } img { vertical-align: middle; } .img-responsive { display: block; height: auto; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } .text-muted { color: #aea79f; } .text-primary { color: #dd4814; } .text-primary:hover { color: #ae3910; } .text-warning { color: #c09853; } .text-warning:hover { color: #a47e3c; } .text-danger { color: #b94a48; } .text-danger:hover { color: #953b39; } .text-success { color: #468847; } .text-success:hover { color: #356635; } .text-info { color: #3a87ad; } .text-info:hover { color: #2d6987; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #aea79f; } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 65%; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .list-inline > li:first-child { padding-left: 0; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #aea79f; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote p:last-child { margin-bottom: 0; } blockquote small { display: block; line-height: 1.428571429; color: #aea79f; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small { text-align: right; } blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } code, kbd, pre, samp { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666666666666%; } .col-xs-pull-10 { right: 83.33333333333334%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666666666666%; } .col-xs-pull-7 { right: 58.333333333333336%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666666666667%; } .col-xs-pull-4 { right: 33.33333333333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.666666666666664%; } .col-xs-pull-1 { right: 8.333333333333332%; } .col-xs-pull-0 { right: 0; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666666666666%; } .col-xs-push-10 { left: 83.33333333333334%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666666666666%; } .col-xs-push-7 { left: 58.333333333333336%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666666666667%; } .col-xs-push-4 { left: 33.33333333333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.666666666666664%; } .col-xs-push-1 { left: 8.333333333333332%; } .col-xs-push-0 { left: 0; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666666666666%; } .col-xs-offset-10 { margin-left: 83.33333333333334%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666666666666%; } .col-xs-offset-7 { margin-left: 58.333333333333336%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666666666667%; } .col-xs-offset-4 { margin-left: 33.33333333333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.666666666666664%; } .col-xs-offset-1 { margin-left: 8.333333333333332%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .container { width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-0 { right: 0; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-0 { left: 0; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .container { width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-0 { right: 0; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-0 { left: 0; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .container { width: 1170px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-0 { right: 0; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-0 { left: 0; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-0 { margin-left: 0; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #dddddd; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } output { display: block; padding-top: 9px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; } .form-control { display: block; width: 100%; height: 38px; padding: 8px 12px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control:-moz-placeholder { color: #aea79f; } .form-control::-moz-placeholder { color: #aea79f; } .form-control:-ms-input-placeholder { color: #aea79f; } .form-control::-webkit-input-placeholder { color: #aea79f; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; } textarea.form-control { height: auto; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } .radio label, .checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm { height: auto; } .input-lg { height: 56px; padding: 14px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 56px; line-height: 56px; } textarea.input-lg { height: auto; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #c09853; } .has-warning .form-control { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .has-warning .input-group-addon { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #b94a48; } .has-error .form-control { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .has-error .input-group-addon { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #468847; } .has-success .form-control { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .has-success .input-group-addon { color: #468847; background-color: #dff0d8; border-color: #468847; } .form-control-static { margin-bottom: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; } .form-inline .radio, .form-inline .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 9px; margin-top: 0; margin-bottom: 0; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-control-static { padding-top: 9px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .btn { display: inline-block; padding: 8px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #ffffff; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #ffffff; background-color: #aea79f; border-color: #aea79f; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #ffffff; background-color: #9b9389; border-color: #92897e; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #aea79f; border-color: #aea79f; } .btn-primary { color: #ffffff; background-color: #dd4814; border-color: #dd4814; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #b83c11; border-color: #a5360f; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #dd4814; border-color: #dd4814; } .btn-warning { color: #ffffff; background-color: #efb73e; border-color: #efb73e; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #eca918; border-color: #dd9d12; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #efb73e; border-color: #efb73e; } .btn-danger { color: #ffffff; background-color: #df382c; border-color: #df382c; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c4291e; border-color: #b3251b; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #df382c; border-color: #df382c; } .btn-success { color: #ffffff; background-color: #38b44a; border-color: #38b44a; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #2e953d; border-color: #298537; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #38b44a; border-color: #38b44a; } .btn-info { color: #ffffff; background-color: #772953; border-color: #772953; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #591f3e; border-color: #491933; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #772953; border-color: #772953; } .btn-link { font-weight: normal; color: #dd4814; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #97310e; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #aea79f; text-decoration: none; } .btn-lg { padding: 14px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; } .glyphicon:empty { width: 1em; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; border-right: 4px solid transparent; border-bottom: 0 dotted; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff; text-decoration: none; background-color: #dd4814; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #dd4814; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #aea79f; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #aea79f; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } } .btn-default .caret { border-top-color: #ffffff; } .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { border-top-color: #fff; } .dropup .btn-default .caret { border-bottom-color: #ffffff; } .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret { border-bottom-color: #fff; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group-xs > .btn { padding: 5px 10px; padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-lg > .btn { padding: 14px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; border-collapse: separate; table-layout: fixed; } .btn-group-justified .btn { display: table-cell; float: none; width: 1%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group.col { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 56px; padding: 14px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 56px; line-height: 56px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 8px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #333333; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 14px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn:first-child > .btn { margin-right: -1px; } .input-group-btn:last-child > .btn { margin-left: -1px; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -4px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #aea79f; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #aea79f; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #dd4814; } .nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-top-color: #97310e; border-bottom-color: #97310e; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #777777; cursor: default; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #dd4814; } .nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav .caret { border-top-color: #dd4814; border-bottom-color: #dd4814; } .nav a:hover .caret { border-top-color: #97310e; border-bottom-color: #97310e; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: auto; } .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-collapse .navbar-text:last-child { margin-right: 0; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px 15px; margin-top: 6px; margin-right: -15px; margin-bottom: 6px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar-btn { margin-top: 6px; margin-bottom: 6px; } .navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { margin-right: 15px; margin-left: 15px; } } .navbar-default { background-color: #dd4814; border-color: #bf3e11; } .navbar-default .navbar-brand { color: #ffffff; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ffffff; background-color: none; } .navbar-default .navbar-text { color: #ffffff; } .navbar-default .navbar-nav > li > a { color: #ffffff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff; background-color: #97310e; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: #ae3910; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #97310e; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #97310e; } .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #bf3e11; } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #ffffff; background-color: #ae3910; } .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: #97310e; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #ae3910; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .navbar-default .navbar-link { color: #ffffff; } .navbar-default .navbar-link:hover { color: #ffffff; } .navbar-inverse { background-color: #772953; border-color: #511c39; } .navbar-inverse .navbar-brand { color: #ffffff; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: none; } .navbar-inverse .navbar-text { color: #ffffff; } .navbar-inverse .navbar-nav > li > a { color: #ffffff; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: #3e152b; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #511c39; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #3e152b; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #3e152b; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #5c2040; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #511c39; } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #511c39; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: #3e152b; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #511c39; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .navbar-inverse .navbar-link { color: #ffffff; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #cccccc; content: "/\00a0"; } .breadcrumb > .active { color: #aea79f; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 8px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #aea79f; cursor: default; background-color: #f5f5f5; border-color: #f5f5f5; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #aea79f; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 14px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #aea79f; cursor: not-allowed; background-color: #ffffff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label[href]:hover, .label[href]:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .label-default { background-color: #aea79f; } .label-default[href]:hover, .label-default[href]:focus { background-color: #978e83; } .label-primary { background-color: #dd4814; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #ae3910; } .label-success { background-color: #38b44a; } .label-success[href]:hover, .label-success[href]:focus { background-color: #2c8d3a; } .label-info { background-color: #772953; } .label-info[href]:hover, .label-info[href]:focus { background-color: #511c39; } .label-warning { background-color: #efb73e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #e7a413; } .label-danger { background-color: #df382c; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #bc271c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #aea79f; border-radius: 10px; } .badge:empty { display: none; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .btn .badge { position: relative; top: -1px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #dd4814; background-color: #ffffff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; font-size: 21px; font-weight: 200; line-height: 2.1428571435; color: inherit; background-color: #eeeeee; } .jumbotron h1 { line-height: 1; color: inherit; } .jumbotron p { line-height: 1.4; } .container .jumbotron { border-radius: 6px; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1 { font-size: 63px; } } .thumbnail { display: inline-block; display: block; height: auto; max-width: 100%; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img { display: block; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #dd4814; } .thumbnail .caption { padding: 9px; color: #333333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #356635; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #2d6987; } .alert-warning { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } .alert-warning hr { border-top-color: #f8e5be; } .alert-warning .alert-link { color: #a47e3c; } .alert-danger { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger hr { border-top-color: #e6c1c7; } .alert-danger .alert-link { color: #953b39; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #dd4814; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #38b44a; } .progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #772953; } .progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #efb73e; } .progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #df382c; } .progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555555; } a.list-group-item .list-group-item-heading { color: #333333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #dd4814; border-color: #dd4814; } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: #fad1c3; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; } .panel > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive { margin-bottom: 0; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #dddddd; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-group .panel { margin-bottom: 0; overflow: hidden; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading > .dropdown .caret { border-color: #333333 transparent; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #dd4814; } .panel-primary > .panel-heading { color: #ffffff; background-color: #dd4814; border-color: #dd4814; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #dd4814; } .panel-primary > .panel-heading > .dropdown .caret { border-color: #ffffff transparent; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #dd4814; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading > .dropdown .caret { border-color: #468847 transparent; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-warning { border-color: #fbeed5; } .panel-warning > .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #fbeed5; } .panel-warning > .panel-heading > .dropdown .caret { border-color: #c09853 transparent; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #fbeed5; } .panel-danger { border-color: #eed3d7; } .panel-danger > .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #eed3d7; } .panel-danger > .panel-heading > .dropdown .caret { border-color: #b94a48 transparent; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #eed3d7; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading > .dropdown .caret { border-color: #3a87ad transparent; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media screen and (min-width: 768px) { .modal-dialog { width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: rgba(0, 0, 0, 0.9); border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; content: " "; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; content: " "; } .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; content: " "; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; content: " "; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.left { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #ffffff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #ffffff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; } tr.visible-xs.visible-sm { display: table-row !important; } th.visible-xs.visible-sm, td.visible-xs.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md { display: block !important; } tr.visible-xs.visible-md { display: table-row !important; } th.visible-xs.visible-md, td.visible-xs.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-xs.visible-lg { display: block !important; } tr.visible-xs.visible-lg { display: table-row !important; } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm { display: none !important; } @media (max-width: 767px) { .visible-sm.visible-xs { display: block !important; } tr.visible-sm.visible-xs { display: table-row !important; } th.visible-sm.visible-xs, td.visible-sm.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-sm.visible-md { display: block !important; } tr.visible-sm.visible-md { display: table-row !important; } th.visible-sm.visible-md, td.visible-sm.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-sm.visible-lg { display: block !important; } tr.visible-sm.visible-lg { display: table-row !important; } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } } .visible-md, tr.visible-md, th.visible-md, td.visible-md { display: none !important; } @media (max-width: 767px) { .visible-md.visible-xs { display: block !important; } tr.visible-md.visible-xs { display: table-row !important; } th.visible-md.visible-xs, td.visible-md.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; } tr.visible-md.visible-sm { display: table-row !important; } th.visible-md.visible-sm, td.visible-md.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-md.visible-lg { display: block !important; } tr.visible-md.visible-lg { display: table-row !important; } th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } } .visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg { display: none !important; } @media (max-width: 767px) { .visible-lg.visible-xs { display: block !important; } tr.visible-lg.visible-xs { display: table-row !important; } th.visible-lg.visible-xs, td.visible-lg.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; } tr.visible-lg.visible-sm { display: table-row !important; } th.visible-lg.visible-sm, td.visible-lg.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg.visible-md { display: block !important; } tr.visible-lg.visible-md { display: table-row !important; } th.visible-lg.visible-md, td.visible-lg.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } .hidden-xs { display: block !important; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print, tr.visible-print, th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none !important; } } .pagination .active > a, .pagination .active > a:hover { border-color: #ddd; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/bootstrap/css/bootstrap-theme.css ================================================ /*! * Bootstrap v3.0.2 by @fat and @mdo * Copyright 2013 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn:active, .btn.active { background-image: none; } .btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e0e0e0)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-default:hover, .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px; } .btn-default:active, .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb; } .btn-primary { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#2d6ca2)); background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%); background-image: -moz-linear-gradient(top, #428bca 0%, #2d6ca2 100%); background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%); background-repeat: repeat-x; border-color: #2b669a; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:focus { background-color: #2d6ca2; background-position: 0 -15px; } .btn-primary:active, .btn-primary.active { background-color: #2d6ca2; border-color: #2b669a; } .btn-success { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#419641)); background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -moz-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); background-repeat: repeat-x; border-color: #3e8f3e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:focus { background-color: #419641; background-position: 0 -15px; } .btn-success:active, .btn-success.active { background-color: #419641; border-color: #3e8f3e; } .btn-warning { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#eb9316)); background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -moz-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); background-repeat: repeat-x; border-color: #e38d13; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:focus { background-color: #eb9316; background-position: 0 -15px; } .btn-warning:active, .btn-warning.active { background-color: #eb9316; border-color: #e38d13; } .btn-danger { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c12e2a)); background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); background-repeat: repeat-x; border-color: #b92c28; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:focus { background-color: #c12e2a; background-position: 0 -15px; } .btn-danger:active, .btn-danger.active { background-color: #c12e2a; border-color: #b92c28; } .btn-info { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#2aabd2)); background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -moz-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); background-repeat: repeat-x; border-color: #28a4c9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:focus { background-color: #2aabd2; background-position: 0 -15px; } .btn-info:active, .btn-info.active { background-color: #2aabd2; border-color: #28a4c9; } .thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #e8e8e8; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #357ebd; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } .navbar-default { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); background-repeat: repeat-x; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); } .navbar-default .navbar-nav > .active > a { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f3f3f3)); background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); background-image: -moz-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); } .navbar-brand, .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .navbar-inverse { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222)); background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%); background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%); background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar-inverse .navbar-nav > .active > a { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#222222), to(#282828)); background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%); background-image: -moz-linear-gradient(top, #222222 0%, #282828 100%); background-image: linear-gradient(to bottom, #222222 0%, #282828 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } .alert { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .alert-success { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc)); background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); background-repeat: repeat-x; border-color: #b2dba1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); } .alert-info { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0)); background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); background-repeat: repeat-x; border-color: #9acfea; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); } .alert-warning { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0)); background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); background-repeat: repeat-x; border-color: #f5e79e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); } .alert-danger { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3)); background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); background-repeat: repeat-x; border-color: #dca7a7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); } .progress { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); } .progress-bar { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9)); background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%); background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%); background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0); } .progress-bar-success { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44)); background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); } .progress-bar-info { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5)); background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); } .progress-bar-warning { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f)); background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); } .progress-bar-danger { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c)); background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); } .list-group { border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { text-shadow: 0 -1px 0 #3071a9; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3)); background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%); background-repeat: repeat-x; border-color: #3278b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0); } .panel { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .panel-default > .panel-heading { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); } .panel-primary > .panel-heading { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } .panel-success > .panel-heading { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6)); background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); } .panel-info > .panel-heading { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3)); background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); } .panel-warning > .panel-heading { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc)); background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); } .panel-danger > .panel-heading { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc)); background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); } .well { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); background-repeat: repeat-x; border-color: #dcdcdc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/bootstrap/css/bootstrap.css ================================================ /*! * Bootstrap v3.0.2 by @fat and @mdo * Copyright 2013 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { margin: 0.67em 0; font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; } mark { color: #000; background: #ff0; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100%; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } img { vertical-align: middle; } .img-responsive { display: block; height: auto; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } .text-muted { color: #999999; } .text-primary { color: #428bca; } .text-primary:hover { color: #3071a9; } .text-warning { color: #c09853; } .text-warning:hover { color: #a47e3c; } .text-danger { color: #b94a48; } .text-danger:hover { color: #953b39; } .text-success { color: #468847; } .text-success:hover { color: #356635; } .text-info { color: #3a87ad; } .text-info:hover { color: #2d6987; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 65%; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .list-inline > li:first-child { padding-left: 0; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote p:last-child { margin-bottom: 0; } blockquote small { display: block; line-height: 1.428571429; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small { text-align: right; } blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } code, kbd, pre, samp { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666666666666%; } .col-xs-pull-10 { right: 83.33333333333334%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666666666666%; } .col-xs-pull-7 { right: 58.333333333333336%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666666666667%; } .col-xs-pull-4 { right: 33.33333333333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.666666666666664%; } .col-xs-pull-1 { right: 8.333333333333332%; } .col-xs-pull-0 { right: 0; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666666666666%; } .col-xs-push-10 { left: 83.33333333333334%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666666666666%; } .col-xs-push-7 { left: 58.333333333333336%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666666666667%; } .col-xs-push-4 { left: 33.33333333333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.666666666666664%; } .col-xs-push-1 { left: 8.333333333333332%; } .col-xs-push-0 { left: 0; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666666666666%; } .col-xs-offset-10 { margin-left: 83.33333333333334%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666666666666%; } .col-xs-offset-7 { margin-left: 58.333333333333336%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666666666667%; } .col-xs-offset-4 { margin-left: 33.33333333333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.666666666666664%; } .col-xs-offset-1 { margin-left: 8.333333333333332%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .container { width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-0 { right: 0; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-0 { left: 0; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .container { width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-0 { right: 0; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-0 { left: 0; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .container { width: 1170px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-0 { right: 0; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-0 { left: 0; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-0 { margin-left: 0; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #dddddd; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control:-moz-placeholder { color: #999999; } .form-control::-moz-placeholder { color: #999999; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; } textarea.form-control { height: auto; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } .radio label, .checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm { height: auto; } .input-lg { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 45px; line-height: 45px; } textarea.input-lg { height: auto; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #c09853; } .has-warning .form-control { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .has-warning .input-group-addon { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #b94a48; } .has-error .form-control { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .has-error .input-group-addon { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #468847; } .has-success .form-control { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .has-success .input-group-addon { color: #468847; background-color: #dff0d8; border-color: #468847; } .form-control-static { margin-bottom: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; } .form-inline .radio, .form-inline .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333333; background-color: #ebebeb; border-color: #adadad; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ed9c28; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #47a447; border-color: #398439; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #39b3d7; border-color: #269abc; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999999; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; } .glyphicon:empty { width: 1em; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; border-right: 4px solid transparent; border-bottom: 0 dotted; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #999999; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } } .btn-default .caret { border-top-color: #333333; } .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { border-top-color: #fff; } .dropup .btn-default .caret { border-bottom-color: #333333; } .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret { border-bottom-color: #fff; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group-xs > .btn { padding: 5px 10px; padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; border-collapse: separate; table-layout: fixed; } .btn-group-justified .btn { display: table-cell; float: none; width: 1%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group.col { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn:first-child > .btn { margin-right: -1px; } .input-group-btn:last-child > .btn { margin-left: -1px; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -4px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; } .nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #428bca; } .nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; } .nav a:hover .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: auto; } .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-collapse .navbar-text:last-child { margin-right: 0; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { margin-right: 15px; margin-left: 15px; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777777; } .navbar-default .navbar-nav > li > a { color: #777777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #dddddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #dddddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #cccccc; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #777777; border-bottom-color: #777777; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777777; } .navbar-default .navbar-link:hover { color: #333333; } .navbar-inverse { background-color: #222222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #999999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .navbar-nav > li > a { color: #999999; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #cccccc; content: "/\00a0"; } .breadcrumb > .active { color: #999999; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label[href]:hover, .label[href]:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .label-default { background-color: #999999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #808080; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #999999; border-radius: 10px; } .badge:empty { display: none; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .btn .badge { position: relative; top: -1px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #ffffff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; font-size: 21px; font-weight: 200; line-height: 2.1428571435; color: inherit; background-color: #eeeeee; } .jumbotron h1 { line-height: 1; color: inherit; } .jumbotron p { line-height: 1.4; } .container .jumbotron { border-radius: 6px; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1 { font-size: 63px; } } .thumbnail { display: inline-block; display: block; height: auto; max-width: 100%; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img { display: block; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { padding: 9px; color: #333333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #356635; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #2d6987; } .alert-warning { color: #c09853; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #a47e3c; } .alert-danger { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #953b39; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555555; } a.list-group-item .list-group-item-heading { color: #333333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; } .panel > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive { margin-bottom: 0; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #dddddd; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-group .panel { margin-bottom: 0; overflow: hidden; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading > .dropdown .caret { border-color: #333333 transparent; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary > .panel-heading > .dropdown .caret { border-color: #ffffff transparent; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading > .dropdown .caret { border-color: #468847 transparent; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading > .dropdown .caret { border-color: #c09853 transparent; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading > .dropdown .caret { border-color: #b94a48 transparent; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading > .dropdown .caret { border-color: #3a87ad transparent; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media screen and (min-width: 768px) { .modal-dialog { width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; content: " "; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; content: " "; } .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; content: " "; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; content: " "; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.left { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #ffffff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #ffffff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; } tr.visible-xs.visible-sm { display: table-row !important; } th.visible-xs.visible-sm, td.visible-xs.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md { display: block !important; } tr.visible-xs.visible-md { display: table-row !important; } th.visible-xs.visible-md, td.visible-xs.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-xs.visible-lg { display: block !important; } tr.visible-xs.visible-lg { display: table-row !important; } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm { display: none !important; } @media (max-width: 767px) { .visible-sm.visible-xs { display: block !important; } tr.visible-sm.visible-xs { display: table-row !important; } th.visible-sm.visible-xs, td.visible-sm.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-sm.visible-md { display: block !important; } tr.visible-sm.visible-md { display: table-row !important; } th.visible-sm.visible-md, td.visible-sm.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-sm.visible-lg { display: block !important; } tr.visible-sm.visible-lg { display: table-row !important; } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } } .visible-md, tr.visible-md, th.visible-md, td.visible-md { display: none !important; } @media (max-width: 767px) { .visible-md.visible-xs { display: block !important; } tr.visible-md.visible-xs { display: table-row !important; } th.visible-md.visible-xs, td.visible-md.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; } tr.visible-md.visible-sm { display: table-row !important; } th.visible-md.visible-sm, td.visible-md.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-md.visible-lg { display: block !important; } tr.visible-md.visible-lg { display: table-row !important; } th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } } .visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg { display: none !important; } @media (max-width: 767px) { .visible-lg.visible-xs { display: block !important; } tr.visible-lg.visible-xs { display: table-row !important; } th.visible-lg.visible-xs, td.visible-lg.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; } tr.visible-lg.visible-sm { display: table-row !important; } th.visible-lg.visible-sm, td.visible-lg.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg.visible-md { display: block !important; } tr.visible-lg.visible-md { display: table-row !important; } th.visible-lg.visible-md, td.visible-lg.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } .hidden-xs { display: block !important; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print, tr.visible-print, th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none !important; } } ================================================ FILE: Docker/additional-ressources/developer-tools/java-debugging/app/src/main/webapp/bootstrap/js/bootstrap.js ================================================ /*! * Bootstrap v3.0.2 by @fat and @mdo * Copyright 2013 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery") } /* ======================================================================== * Bootstrap: transition.js v3.0.2 * http://getbootstrap.com/javascript/#transitions * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ +function ($) { "use strict"; // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // ============================================================ function transitionEnd() { var el = document.createElement('bootstrap') var transEndEventNames = { 'WebkitTransition' : 'webkitTransitionEnd' , 'MozTransition' : 'transitionend' , 'OTransition' : 'oTransitionEnd otransitionend' , 'transition' : 'transitionend' } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } } } // http://blog.alexmaccaw.com/css-transitions $.fn.emulateTransitionEnd = function (duration) { var called = false, $el = this $(this).one($.support.transition.end, function () { called = true }) var callback = function () { if (!called) $($el).trigger($.support.transition.end) } setTimeout(callback, duration) return this } $(function () { $.support.transition = transitionEnd() }) }(jQuery); /* ======================================================================== * Bootstrap: alert.js v3.0.2 * http://getbootstrap.com/javascript/#alerts * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ +function ($) { "use strict"; // ALERT CLASS DEFINITION // ====================== var dismiss = '[data-dismiss="alert"]' var Alert = function (el) { $(el).on('click', dismiss, this.close) } Alert.prototype.close = function (e) { var $this = $(this) var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } var $parent = $(selector) if (e) e.preventDefault() if (!$parent.length) { $parent = $this.hasClass('alert') ? $this : $this.parent() } $parent.trigger(e = $.Event('close.bs.alert')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { $parent.trigger('closed.bs.alert').remove() } $.support.transition && $parent.hasClass('fade') ? $parent .one($.support.transition.end, removeElement) .emulateTransitionEnd(150) : removeElement() } // ALERT PLUGIN DEFINITION // ======================= var old = $.fn.alert $.fn.alert = function (option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.alert') if (!data) $this.data('bs.alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } $.fn.alert.Constructor = Alert // ALERT NO CONFLICT // ================= $.fn.alert.noConflict = function () { $.fn.alert = old return this } // ALERT DATA-API // ============== $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) }(jQuery); /* ======================================================================== * Bootstrap: button.js v3.0.2 * http://getbootstrap.com/javascript/#buttons * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ +function ($) { "use strict"; // BUTTON PUBLIC CLASS DEFINITION // ============================== var Button = function (element, options) { this.$element = $(element) this.options = $.extend({}, Button.DEFAULTS, options) } Button.DEFAULTS = { loadingText: 'loading...' } Button.prototype.setState = function (state) { var d = 'disabled' var $el = this.$element var val = $el.is('input') ? 'val' : 'html' var data = $el.data() state = state + 'Text' if (!data.resetText) $el.data('resetText', $el[val]()) $el[val](data[state] || this.options[state]) // push to event loop to allow forms to submit setTimeout(function () { state == 'loadingText' ? $el.addClass(d).attr(d, d) : $el.removeClass(d).removeAttr(d); }, 0) } Button.prototype.toggle = function () { var $parent = this.$element.closest('[data-toggle="buttons"]') if ($parent.length) { var $input = this.$element.find('input') .prop('checked', !this.$element.hasClass('active')) .trigger('change') if ($input.prop('type') === 'radio') $parent.find('.active').removeClass('active') } this.$element.toggleClass('active') } // BUTTON PLUGIN DEFINITION // ======================== var old = $.fn.button $.fn.button = function (option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.button') var options = typeof option == 'object' && option if (!data) $this.data('bs.button', (data = new Button(this, options))) if (option == 'toggle') data.toggle() else if (option) data.setState(option) }) } $.fn.button.Constructor = Button // BUTTON NO CONFLICT // ================== $.fn.button.noConflict = function () { $.fn.button = old return this } // BUTTON DATA-API // =============== $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) { var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') $btn.button('toggle') e.preventDefault() }) }(jQuery); /* ======================================================================== * Bootstrap: carousel.js v3.0.2 * http://getbootstrap.com/javascript/#carousel * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ +function ($) { "use strict"; // CAROUSEL CLASS DEFINITION // ========================= var Carousel = function (element, options) { this.$element = $(element) this.$indicators = this.$element.find('.carousel-indicators') this.options = options this.paused = this.sliding = this.interval = this.$active = this.$items = null this.options.pause == 'hover' && this.$element .on('mouseenter', $.proxy(this.pause, this)) .on('mouseleave', $.proxy(this.cycle, this)) } Carousel.DEFAULTS = { interval: 5000 , pause: 'hover' , wrap: true } Carousel.prototype.cycle = function (e) { e || (this.paused = false) this.interval && clearInterval(this.interval) this.options.interval && !this.paused && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) return this } Carousel.prototype.getActiveIndex = function () { this.$active = this.$element.find('.item.active') this.$items = this.$active.parent().children() return this.$items.index(this.$active) } Carousel.prototype.to = function (pos) { var that = this var activeIndex = this.getActiveIndex() if (pos > (this.$items.length - 1) || pos < 0) return if (this.sliding) return this.$element.one('slid', function () { that.to(pos) }) if (activeIndex == pos) return this.pause().cycle() return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) } Carousel.prototype.pause = function (e) { e || (this.paused = true) if (this.$element.find('.next, .prev').length && $.support.transition.end) { this.$element.trigger($.support.transition.end) this.cycle(true) } this.interval = clearInterval(this.interval) return this } Carousel.prototype.next = function () { if (this.sliding) return return this.slide('next') } Carousel.prototype.prev = function () { if (this.sliding) return return this.slide('prev') } Carousel.prototype.slide = function (type, next) { var $active = this.$element.find('.item.active') var $next = next || $active[type]() var isCycling = this.interval var direction = type == 'next' ? 'left' : 'right' var fallback = type == 'next' ? 'first' : 'last' var that = this if (!$next.length) { if (!this.options.wrap) return $next = this.$element.find('.item')[fallback]() } this.sliding = true isCycling && this.pause() var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction }) if ($next.hasClass('active')) return if (this.$indicators.length) { this.$indicators.find('.active').removeClass('active') this.$element.one('slid', function () { var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) $nextIndicator && $nextIndicator.addClass('active') }) } if ($.support.transition && this.$element.hasClass('slide')) { this.$element.trigger(e) if (e.isDefaultPrevented()) return $next.addClass(type) $next[0].offsetWidth // force reflow $active.addClass(direction) $next.addClass(direction) $active .one($.support.transition.end, function () { $next.removeClass([type, direction].join(' ')).addClass('active') $active.removeClass(['active', direction].join(' ')) that.sliding = false setTimeout(function () { that.$element.trigger('slid') }, 0) }) .emulateTransitionEnd(600) } else { this.$element.trigger(e) if (e.isDefaultPrevented()) return $active.removeClass('active') $next.addClass('active') this.sliding = false this.$element.trigger('slid') } isCycling && this.cycle() return this } // CAROUSEL PLUGIN DEFINITION // ========================== var old = $.fn.carousel $.fn.carousel = function (option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.carousel') var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() }) } $.fn.carousel.Constructor = Carousel // CAROUSEL NO CONFLICT // ==================== $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } // CAROUSEL DATA-API // ================= $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { var $this = $(this), href var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 var options = $.extend({}, $target.data(), $this.data()) var slideIndex = $this.attr('data-slide-to') if (slideIndex) options.interval = false $target.carousel(options) if (slideIndex = $this.attr('data-slide-to')) { $target.data('bs.carousel').to(slideIndex) } e.preventDefault() }) $(window).on('load', function () { $('[data-ride="carousel"]').each(function () { var $carousel = $(this) $carousel.carousel($carousel.data()) }) }) }(jQuery); /* ======================================================================== * Bootstrap: collapse.js v3.0.2 * http://getbootstrap.com/javascript/#collapse * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ +function ($) { "use strict"; // COLLAPSE PUBLIC CLASS DEFINITION // ================================ var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, Collapse.DEFAULTS, options) this.transitioning = null if (this.options.parent) this.$parent = $(this.options.parent) if (this.options.toggle) this.toggle() } Collapse.DEFAULTS = { toggle: true } Collapse.prototype.dimension = function () { var hasWidth = this.$element.hasClass('width') return hasWidth ? 'width' : 'height' } Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass('in')) return var startEvent = $.Event('show.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return var actives = this.$parent && this.$parent.find('> .panel > .in') if (actives && actives.length) { var hasData = actives.data('bs.collapse') if (hasData && hasData.transitioning) return actives.collapse('hide') hasData || actives.data('bs.collapse', null) } var dimension = this.dimension() this.$element .removeClass('collapse') .addClass('collapsing') [dimension](0) this.transitioning = 1 var complete = function () { this.$element .removeClass('collapsing') .addClass('in') [dimension]('auto') this.transitioning = 0 this.$element.trigger('shown.bs.collapse') } if (!$.support.transition) return complete.call(this) var scrollSize = $.camelCase(['scroll', dimension].join('-')) this.$element .one($.support.transition.end, $.proxy(complete, this)) .emulateTransitionEnd(350) [dimension](this.$element[0][scrollSize]) } Collapse.prototype.hide = function () { if (this.transitioning || !this.$element.hasClass('in')) return var startEvent = $.Event('hide.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return var dimension = this.dimension() this.$element [dimension](this.$element[dimension]()) [0].offsetHeight this.$element .addClass('collapsing') .removeClass('collapse') .removeClass('in') this.transitioning = 1 var complete = function () { this.transitioning = 0 this.$element .trigger('hidden.bs.collapse') .removeClass('collapsing') .addClass('collapse') } if (!$.support.transition) return complete.call(this) this.$element [dimension](0) .one($.support.transition.end, $.proxy(complete, this)) .emulateTransitionEnd(350) } Collapse.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() } // COLLAPSE PLUGIN DEFINITION // ========================== var old = $.fn.collapse $.fn.collapse = function (option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.collapse') var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.collapse.Constructor = Collapse // COLLAPSE NO CONFLICT // ==================== $.fn.collapse.noConflict = function () { $.fn.collapse = old return this } // COLLAPSE DATA-API // ================= $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) { var $this = $(this), href var target = $this.attr('data-target') || e.preventDefault() || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 var $target = $(target) var data = $target.data('bs.collapse') var option = data ? 'toggle' : $this.data() var parent = $this.attr('data-parent') var $parent = parent && $(parent) if (!data || !data.transitioning) { if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed') $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed') } $target.collapse(option) }) }(jQuery); /* ======================================================================== * Bootstrap: dropdown.js v3.0.2 * http://getbootstrap.com/javascript/#dropdowns * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ +function ($) { "use strict"; // DROPDOWN CLASS DEFINITION // ========================= var backdrop = '.dropdown-backdrop' var toggle = '[data-toggle=dropdown]' var Dropdown = function (element) { var $el = $(element).on('click.bs.dropdown', this.toggle) } Dropdown.prototype.toggle = function (e) { var $this = $(this) if ($this.is('.disabled, :disabled')) return var $parent = getParent($this) var isActive = $parent.hasClass('open') clearMenus() if (!isActive) { if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { // if mobile we we use a backdrop because click events don't delegate $('