docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

grid adjustment 

- grid
- content and wrapper adjustments for mobile
This commit is contained in:
Josh south 2017-02-28 10:11:46 -08:00
parent 61dbb6946f
commit 497f28edcf
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/style.css
View File

@ -19,6 +19,7 @@ body {
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
color: #445D6E; color: #445D6E;
overflow-x: hidden;
} }
@ -152,7 +153,7 @@ p.p2 {
} }
.HolyGrail-content { .HolyGrail-content {
padding: 60px 20px 50px 20px; padding: 60px 69px 50px 20px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -162,7 +163,7 @@ p.p2 {
} }
.HolyGrail-content { .HolyGrail-content {
flex: 1; flex: 1;
padding: 60px 15px 80px 15px; padding: 60px 0 80px 15px;
} }
.HolyGrail-nav, .HolyGrail-toc { .HolyGrail-nav, .HolyGrail-toc {
flex: 0 0 20em; flex: 0 0 20em;
@ -175,11 +176,12 @@ p.p2 {
*/ */
.header { .header {
animation: gradientswitch 50s infinite; animation: gradientswitch 45s infinite;
-webkit-animation: gradientswitch 50 sinfinite; -webkit-animation: gradientswitch 45 sinfinite;
height: 500px; height: 500px;
position: relative; position: relative;
z-index: 1; z-index: 1;
overflow: hidden;
} }
@keyframes gradientswitch @keyframes gradientswitch
@ -530,7 +532,7 @@ img {
.nav-secondary-tabs.affix { .nav-secondary-tabs.affix {
background: #0C5176; background: #0C5176;
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28); box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
height: 55px; max-height: 55px;
top: 0; top: 0;
position: fixed; position: fixed;
z-index: 100; z-index: 100;
@ -684,7 +686,8 @@ section.section {
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.content { .content {
padding: 55px 30px 20px 32px; padding: 55px 35px 20px 20px;
width: 320px;
} }
} }
.wrapper { .wrapper {
@ -1157,7 +1160,7 @@ input:checked+.slider:before {
-o-transition: all 0.2s ease; -o-transition: all 0.2s ease;
transition: all 0.2s ease; transition: all 0.2s ease;
padding: 0px 0 0 35px; padding: 0px 0 0 35px;
width: 245px; width: 235px;
} }
.nav-secondary-tabs .search-form input[type=search]:focus { .nav-secondary-tabs .search-form input[type=search]:focus {