mirror of https://github.com/docker/docs.git
update classnames
This commit is contained in:
Josh south
parent
742d554045
commit
87cda7bc00
|
|
@ -61,7 +61,7 @@ else %}{% assign edit_url = "" %}{% endif %} {% break %} {% endif %} {% endfor %
|
|||
<meta name="robots" content="noindex" />{% endif %}
|
||||
</head>
|
||||
|
||||
<body ng-app="Docker" ng-controller="DockerController" class="HolyGrail">
|
||||
<body ng-app="Docker" ng-controller="DockerController" class="colums">
|
||||
<header>
|
||||
{% if page.landing == true %}{% include global-header.html %}{% endif %} {% if page.landing != true %}{% include header.html %}{% endif %}
|
||||
</header>
|
||||
|
|
@ -69,8 +69,8 @@ else %}{% assign edit_url = "" %}{% endif %} {% break %} {% endif %} {% endfor %
|
|||
<div class="{% if page.landing == true %}wrapper{%else%}wrapper right-open{% endif %}">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="HolyGrail-body">
|
||||
<main class="HolyGrail-content {% if page.landing == true %}main-content{%else%}content{% endif %}">
|
||||
<div class="col-body">
|
||||
<main class="col-content {% if page.landing == true %}main-content{%else%}content{% endif %}">
|
||||
<section class="section">
|
||||
{% if page.title %}
|
||||
<h1>{{ page.title }}</h1>{% endif %} {% if page.advisory %}
|
||||
|
|
@ -104,12 +104,12 @@ else %}{% assign edit_url = "" %}{% endif %} {% break %} {% endif %} {% endfor %
|
|||
{% endif %}
|
||||
</section>
|
||||
</main>
|
||||
<nav class="HolyGrail-nav">
|
||||
<nav class="col-nav">
|
||||
<div class="sidebar{% if page.landing == true %}-home{%else%}{% endif %}">
|
||||
{% include side-menu.html %}
|
||||
</div>
|
||||
</nav>
|
||||
<div class="HolyGrail-toc">
|
||||
<div class="col-toc">
|
||||
<div id="{% if page.landing == true %}sidebar-wrapper-home{%else%}sidebar-wrapper{% endif %}" class="{% if page.landing == true %} affix-top{%else%}sidebar-wrapper toc-nav{% endif %}" {% if page.landing == true %} data-spy="affix" data-offset-top="490">{%else%}{% endif %}
|
||||
<div class="toc-nav">
|
||||
<div class="feedback-links">
|
||||
|
|
|
|||
188
css/style.css
188
css/style.css
|
|
@ -89,7 +89,7 @@ p {
|
|||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
margin: 10px 0 20px 0;
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -99,19 +99,6 @@ p {
|
|||
*
|
||||
*/
|
||||
|
||||
p.p2 {
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.reading-time {
|
||||
font-style: italic;
|
||||
font-size: 80%;
|
||||
display: block;
|
||||
padding: 0;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.dropdown-header {
|
||||
font-size: 13.5px;
|
||||
line-height: 16px;
|
||||
|
|
@ -123,34 +110,34 @@ p.p2 {
|
|||
}
|
||||
/*
|
||||
*
|
||||
* layout
|
||||
* layout - 3 Column Flex
|
||||
*
|
||||
*/
|
||||
|
||||
.HolyGrail,
|
||||
.HolyGrail-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.columns,
|
||||
.col-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.HolyGrail-nav {
|
||||
order: -1;
|
||||
.col-nav {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.HolyGrail-content {
|
||||
.col-content {
|
||||
padding: 60px 69px 50px 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.HolyGrail-body {
|
||||
.col-body {
|
||||
flex-direction: row;
|
||||
flex: 1;
|
||||
}
|
||||
.HolyGrail-content {
|
||||
.col-content {
|
||||
flex: 1;
|
||||
padding: 60px 20px 50px 20px;
|
||||
}
|
||||
.HolyGrail-nav, .HolyGrail-toc {
|
||||
.col-nav, .col-toc {
|
||||
flex: 0 0 20em;
|
||||
}
|
||||
}
|
||||
|
|
@ -224,9 +211,7 @@ p.p2 {
|
|||
color: #fff;
|
||||
margin-bottom: 15px;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.hero-text ul {
|
||||
|
|
@ -239,27 +224,6 @@ p.p2 {
|
|||
padding: 0 10px 0 0;
|
||||
}
|
||||
|
||||
|
||||
/* Portrait and Landscape */
|
||||
|
||||
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
|
||||
.hero-text {
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
}
|
||||
.hero-text-centered {
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
text-align: center;
|
||||
max-width: 80%;
|
||||
}
|
||||
.hero-text li {
|
||||
float: left;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Search *********************************************************************
|
||||
*
|
||||
|
|
@ -445,32 +409,32 @@ img {
|
|||
padding: 5px 0 0 20px;
|
||||
}
|
||||
|
||||
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
|
||||
.nav-primary {
|
||||
background: #000;
|
||||
padding: 5px 12px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
}
|
||||
.primary {
|
||||
padding: 20px 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
.user-nav {
|
||||
padding: 5px 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
|
||||
/** todo remove this **/
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
// @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
|
||||
// .nav-primary {
|
||||
// background: #000;
|
||||
// padding: 5px 12px;
|
||||
// position: absolute;
|
||||
// width: 100%;
|
||||
// z-index: 9999;
|
||||
// }
|
||||
// .primary {
|
||||
// padding: 20px 0 0;
|
||||
// text-align: center;
|
||||
// }
|
||||
// .user-nav {
|
||||
// padding: 5px 0 0;
|
||||
// text-align: center;
|
||||
// }
|
||||
// .navbar-default .navbar-nav .open .dropdown-menu>li>a {
|
||||
// /** todo remove this **/
|
||||
// color: #fff;
|
||||
// text-align: center;
|
||||
// }
|
||||
// .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
|
||||
// background: transparent;
|
||||
// border: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
/*
|
||||
*
|
||||
|
|
@ -512,12 +476,13 @@ img {
|
|||
width: 100%;
|
||||
z-index: 10;
|
||||
transition: all 0.1s ease;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nav-secondary-tabs.affix {
|
||||
background: #0C5176;
|
||||
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
|
||||
max-height: 55px;
|
||||
// max-height: 55px;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
|
|
@ -641,7 +606,7 @@ img {
|
|||
|
||||
.main-content {
|
||||
padding: 15px 15px 25px 21px;
|
||||
max-width: 940px;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
@ -652,7 +617,7 @@ img {
|
|||
|
||||
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
|
||||
.content {
|
||||
padding: 55px 35px 20px 20px;
|
||||
padding: 10px 35px 20px 20px;
|
||||
max-width: 390px;
|
||||
}
|
||||
}
|
||||
|
|
@ -898,7 +863,7 @@ input:checked+.slider:before {
|
|||
|
||||
.tabs li a {
|
||||
color: #fff;
|
||||
padding: 19px 20px 13px;
|
||||
padding: 17px 20px 13px;
|
||||
float: left;
|
||||
opacity: 0.7;
|
||||
font-weight: 600;
|
||||
|
|
@ -1113,7 +1078,7 @@ input:checked+.slider:before {
|
|||
}
|
||||
|
||||
.nav-secondary-tabs .search-form {
|
||||
margin: 5px 10px 0 0;
|
||||
margin: 5px 10px 5px 0;
|
||||
}
|
||||
|
||||
.nav-secondary-tabs.affix .search-form {
|
||||
|
|
@ -1301,7 +1266,7 @@ i.fa.fa-indent, i.fa.fa-outdent {
|
|||
|
||||
.component, .component-full {
|
||||
background: #FBFBFC;
|
||||
/*border: 1px solid rgba(204, 204, 204, 0.46);*/
|
||||
border: 1px solid rgba(204, 204, 204, 0.21);
|
||||
}
|
||||
|
||||
.component-full-icon {
|
||||
|
|
@ -1351,6 +1316,13 @@ a.anchorLink {
|
|||
*
|
||||
*/
|
||||
|
||||
.reading-time {
|
||||
font-style: italic;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
color: rgba(13, 86, 125, 0.55);
|
||||
}
|
||||
|
||||
table {
|
||||
border: 1px solid rgba(204, 204, 204, 0.29);
|
||||
margin: 0 0 15px 0;
|
||||
|
|
@ -1404,6 +1376,7 @@ code {
|
|||
padding: 0px 20px 20px 16px;
|
||||
min-width: 360px;
|
||||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* autocompleteResults **********************************************************
|
||||
|
|
@ -1431,13 +1404,6 @@ ul.autocompleteList {
|
|||
padding: 5px 0 7px 0;
|
||||
}
|
||||
|
||||
span.reading-time {
|
||||
font-style: italic;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
div#autocompleteResults span {
|
||||
background: #b8e2f9!important;
|
||||
color: #518cad;
|
||||
|
|
@ -1546,7 +1512,7 @@ footer {
|
|||
background: #fff;
|
||||
/*box-shadow: 0 0 12px 7px rgba(255, 255, 255, 0.68), 0 4px 8px 3px rgb(255, 255, 255);*/
|
||||
position: relative;
|
||||
z-index: 99999;
|
||||
// z-index: 99999;
|
||||
}
|
||||
|
||||
.top_footer {
|
||||
|
|
@ -1682,6 +1648,26 @@ footer {
|
|||
h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.hero-text {
|
||||
height: 21em;
|
||||
}
|
||||
.hero-text .button {
|
||||
margin: 0;
|
||||
}
|
||||
// .hero-text {
|
||||
// position: absolute;
|
||||
// top: 75px;
|
||||
// }
|
||||
.hero-text-centered {
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
text-align: center;
|
||||
max-width: 80%;
|
||||
}
|
||||
.hero-text li {
|
||||
float: left;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
.nav-secondary {
|
||||
background: #192837;
|
||||
box-shadow: 0;
|
||||
|
|
@ -1698,8 +1684,8 @@ footer {
|
|||
color: #ffffff;
|
||||
}
|
||||
.nav-secondary .search-form {
|
||||
width: 92%;
|
||||
margin: 10px 10px 0 -11px;
|
||||
width: 100%;
|
||||
margin: 10px 10px 0 0px;
|
||||
}
|
||||
.nav-secondary .search-form input[type=search]:focus {
|
||||
background: rgb(29, 60, 76) url("/images/search.png") no-repeat;
|
||||
|
|
@ -1707,15 +1693,17 @@ footer {
|
|||
box-shadow: none;
|
||||
color: #fff;
|
||||
}
|
||||
.nav-secondary-tabs {
|
||||
height: 105px;
|
||||
}
|
||||
.nav-secondary-tabs.affix {
|
||||
background: #0C5176;
|
||||
background: #192837;
|
||||
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
|
||||
top: 0;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
height: 55px;
|
||||
height: 95px;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background: #15212e;
|
||||
padding-top: 140px;
|
||||
|
|
@ -1724,16 +1712,16 @@ footer {
|
|||
margin: 0 -15px;
|
||||
}
|
||||
.tabs {
|
||||
padding: 00;
|
||||
height: 50px;
|
||||
padding: 0 0 0 12px;
|
||||
width: auto;
|
||||
}
|
||||
.tabs li a {
|
||||
color: #fff;
|
||||
padding: 15px 3px 10px 8px;
|
||||
padding: 15px 6px 10px 6px;
|
||||
float: left;
|
||||
opacity: 0.7;
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.main-content {
|
||||
padding: 0px 5px 25px 20px;
|
||||
|
|
@ -1880,3 +1868,9 @@ footer {
|
|||
background-color: transparent;
|
||||
border-color: #337ab7;
|
||||
}
|
||||
|
||||
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
background-color: #0c5176;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,12 +48,12 @@ channels, see the [FAQs](/docker-for-mac/faqs.md#stable-and-beta-channels).
|
|||
<td width="50%">
|
||||
<a class="button primary-btn" href="https://download.docker.com/mac/stable/Docker.dmg">Get Docker for Mac (stable)</a><br><br>
|
||||
|
||||
<a class="button outline-btn" href="https://download.docker.com/mac/stable/Docker.dmg.sha256sum">Download checksum: Docker.dmg SHA256</a>
|
||||
<a class="text-link" href="https://download.docker.com/mac/stable/Docker.dmg.sha256sum">Download checksum: Docker.dmg SHA256</a>
|
||||
</td>
|
||||
<td width="50%">
|
||||
<a class="button primary-btn" href="https://download.docker.com/mac/beta/Docker.dmg">Get Docker for Mac (beta)</a><br><br>
|
||||
|
||||
<a class="button outline-btn" href="https://download.docker.com/mac/beta/Docker.dmg.sha256sum">Download checksum: Docker.dmg SHA256</a>
|
||||
<a class="text-link" href="https://download.docker.com/mac/beta/Docker.dmg.sha256sum">Download checksum: Docker.dmg SHA256</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
|
|||
Loading…
Reference in New Issue