From 7e5d22d0c2c1c12695964d38ffa2439e7669da81 Mon Sep 17 00:00:00 2001 From: Sandra McCann Date: Tue, 23 Apr 2019 15:04:04 -0400 Subject: [PATCH] Update Ansible docsite CSS to fix multi-page printing issue (#51472) (#55667) * Update css to fix multi-page printing issue * Add margin edit (cherry picked from commit 51ac4d34416a452bd78188051931f83610fb0950) --- .../sphinx_rtd_theme/static/css/theme.css | 61 ++++++++++--------- 1 file changed, 31 insertions(+), 30 deletions(-) diff --git a/docs/docsite/_themes/sphinx_rtd_theme/static/css/theme.css b/docs/docsite/_themes/sphinx_rtd_theme/static/css/theme.css index 15fd8915f1..655e4f40fc 100644 --- a/docs/docsite/_themes/sphinx_rtd_theme/static/css/theme.css +++ b/docs/docsite/_themes/sphinx_rtd_theme/static/css/theme.css @@ -52,6 +52,7 @@ td{vertical-align:top} .relative{position:relative} big,small{font-size:100%} @media print{html,body,section{background:none !important} +.wy-nav-content{position:relative!important} *{box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important} a,a:visited{text-decoration:underline} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} @@ -59,7 +60,8 @@ pre,blockquote{page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100% !important} -@page{margin:0.5cm} +@page{margin:20px!important} +.DocSite-nav{display:none!important} p,h2,.rst-content .toctree-wrapper p.caption,h3{orphans:3;widows:3} h2,.rst-content .toctree-wrapper p.caption,h3{page-break-after:avoid} } @@ -85,7 +87,7 @@ h2,.rst-content .toctree-wrapper p.caption,h3{page-break-after:avoid} } - + .ansibleNav ul li{ padding: 7px 0px; border-bottom: 1px solid #444; @@ -109,24 +111,24 @@ h2,.rst-content .toctree-wrapper p.caption,h3{page-break-after:avoid} background: transparent; } - + @media screen and (min-width: 768px) { - + .DocSite-globalNav{ display: block } - + #sideBanner{ display: block; } - + .DocSite-sideNav{ display: none; } - + .ansibleNav{ height: 45px; width: 100%; @@ -142,14 +144,14 @@ h2,.rst-content .toctree-wrapper p.caption,h3{page-break-after:avoid} margin-top: 13px; } - - + + .ansibleNav ul li{ padding: 0px; border-bottom: none; } - + .ansibleNav ul li a { color: #fff; text-decoration: none; @@ -266,7 +268,7 @@ DocSiteProduct-header { background-color: #5bbdbf; text-align: center; padding: 4px; - display: block; + display: block; margin-bottom: 0.809em; } @@ -312,7 +314,7 @@ DocSiteProduct-header { border: 2px solid #5bbdbf; border-top-left-radius: 4px; border-top-right-radius: 4px; - color: #fff; + color: #fff; padding-left: 2px; margin-left: 2px; @@ -367,7 +369,7 @@ DocSiteProduct-header { color: #fff; font-size: 20px; position: fixed; - margin-left: 40px; + margin-left: 40px; margin-top: -4px; } @@ -508,7 +510,7 @@ table { } - + .ansibleNav ul li{ padding: 7px 0px; border-bottom: 1px solid #444; @@ -532,25 +534,25 @@ table { background: transparent; } - + @media screen and (min-width: 768px) { - + .DocSite-globalNav{ display: block; position: fixed; } - + #sideBanner{ display: block; } - + .DocSite-sideNav{ display: none; } - + .ansibleNav{ height: 45px; width: 100%; @@ -566,14 +568,14 @@ table { margin-top: 13px; } - - + + .ansibleNav ul li{ padding: 0px; border-bottom: none; } - + .ansibleNav ul li a { color: #fff; text-decoration: none; @@ -1802,19 +1804,19 @@ footer span.commit code,footer span.commit .rst-content tt,.rst-content footer s @media screen and (max-width: 480px){.rst-content .sidebar{width:100%} } @media screen and (min-width: 768px) { - + .DocSite-globalNav{ display: block } - + #sideBanner{ display: block; } - + .DocSite-sideNav{ display: none; } - + .ansibleNav{ height: 45px; width: 100%; @@ -1828,13 +1830,13 @@ footer span.commit code,footer span.commit .rst-content tt,.rst-content footer s flex-wrap: nowrap; margin-top: 13px; } - - + + .ansibleNav ul li{ padding: 0px; border-bottom: none; } - + .ansibleNav ul li a { color: #fff; text-decoration: none; @@ -1854,4 +1856,3 @@ span[id*='MathJax-Span']{color:#404040} @font-face{font-family:"Lato";font-style:italic;font-weight:700;src:local("Lato Bold Italic"),local("Lato-BoldItalic"),url(../fonts/Lato-BoldItalic.ttf) format("truetype")} @font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;src:local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url(../fonts/RobotoSlab-Regular.ttf) format("truetype")} @font-face{font-family:"Roboto Slab";font-style:normal;font-weight:700;src:local("Roboto Slab Bold"),local("RobotoSlab-Bold"),url(../fonts/RobotoSlab-Bold.ttf) format("truetype")} -