Tabs CSS fixes and 12-factor reposition

This commit is contained in:
John Mulhausen 2017-02-09 12:17:44 -08:00
parent 468b4a26ae
commit 114429c6f8
2 changed files with 27 additions and 8 deletions

View File

@ -9,12 +9,13 @@
.tabs {
border-bottom: 0;
padding: 10px 0px 0px 0px;
padding: 0px;
}
.tabs>li {
float: left;
list-style: none;
padding: 10px 0px 0px 0px;
}
.tabs>li>a {
@ -27,7 +28,7 @@
opacity: .8;
}
.tabs>li.active>a, .tabs>li>a:hover {
.tabs>li.active>a {
color: #fff;
border-bottom: 4px solid #fff;
opacity: 1;
@ -37,6 +38,24 @@
transition: all 0.2s ease;
font-weight: 500;
}
.tabs>li>a:hover {
border-bottom: 4px solid #fff;
opacity: 1;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.tabs>li:hover {
color: #fff;
background-color: gray;
opacity: 1;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.logo {

View File

@ -11,16 +11,15 @@ The following samples were developed by Docker and the Docker community.
## Tutorial labs
Tutorial labs demonstrate how to develop and ship containerized applications, by
walking through a sample that exhibits canonical practices. These labs are
from the [Docker Labs repository]({{ labsbase }}).
Learn how to develop and ship containerized applications, by walking through a
sample that exhibits canonical practices. These labs are from the [Docker Labs
repository]({{ labsbase }}).
| Sample | Description |
| ------ | ----------- |
| [Docker for Beginners]({{ labsbase }}/beginner/){: target="_blank"} | A good "Docker 101" course. |
| [Building a 12-factor application with Docker]({{ labsbase}}/12factor){: target="_blank"} | Use Docker to create an app that conforms to Heroku's "12 factors for cloud-native applications." |
| [Docker Swarm mode]({{ labsbase}}/swarm-mode){: target="_blank"} | Use Docker for natively managing a cluster of Docker Engines called a swarm. |
| [Service deployment in the cloud]({{ labsbase}}/swarm-mode/cloud-quick-start){: target="_blank"} | This script creates a swarm cluster and deploy a simple service on a cloud provider. |
| [Service deployment in the cloud]({{ labsbase}}/swarm-mode/cloud-quick-start){: target="_blank"} | This script creates a swarm cluster and deploys a simple service on a cloud provider. |
| [Configuring developer tools and programming languages]({{ labsbase }}/developer-tools/README.md){: target="_blank"} | How to set-up and use common developer tools and programming languages with Docker. |
| [Live Debugging Java with Docker]({{ labsbase }}/developer-tools/java-debugging){: target="_blank"} | Java developers can use Docker to build a development environment where they can run, test, and live debug code running within a container. |
| [Docker for Java Developers]({{ labsbase }}/developer-tools/java/){: target="_blank"} | Offers Java developers an intro-level and self-paced hands-on workshop with Docker. |
@ -28,10 +27,11 @@ from the [Docker Labs repository]({{ labsbase }}).
| [Dockerizing a Node.js application]({{ labsbase }}/developer-tools/nodejs/porting/){: target="_blank"} | This tutorial starts with a simple Node.js application and details the steps needed to Dockerize it and ensure its scalability. |
| [Docker for ASP.NET and Windows containers]({{ labsbase }}/windows/readme.md){: target="_blank"} | Docker supports Windows containers, too! Learn how to run ASP.NET, SQL Server, and more in these tutorials. |
| [Docker Security]({{ labsbase }}/security/README.md){: target="_blank"} | How to take advantage of a Docker security features. |
| [Building a 12-factor application with Docker]({{ labsbase}}/12factor){: target="_blank"} | Use Docker to create an app that conforms to Heroku's "12 factors for cloud-native applications." |
## Sample applications
Sample applications demonstrate how to run popular software using Docker.
Run popular software using Docker.
| Sample | Description |
| ------ | ----------- |