From e9255d497a2e49cd151261b1882d24eb23b045a2 Mon Sep 17 00:00:00 2001 From: Justin W. Flory Date: Mar 01 2018 11:11:22 +0000 Subject: Rebase docs-fp-o styling to latest upstream changes --- diff --git a/_images/404.html b/_images/404.html index f5963e8..f72f371 100644 --- a/_images/404.html +++ b/_images/404.html @@ -9,10 +9,12 @@ Fedora Documentation Website - + + + diff --git a/_images/docs_logo.png b/_images/docs_logo.png new file mode 100644 index 0000000..90421ec Binary files /dev/null and b/_images/docs_logo.png differ diff --git a/_images/docs_logo.svg b/_images/docs_logo.svg new file mode 100644 index 0000000..476b13a --- /dev/null +++ b/_images/docs_logo.svg @@ -0,0 +1,158 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + DOCS + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_stylesheets/asciibinder.css b/_stylesheets/asciibinder.css index e1abf83..ef00798 100644 --- a/_stylesheets/asciibinder.css +++ b/_stylesheets/asciibinder.css @@ -70,30 +70,65 @@ License: https://creativecommons.org/licenses/by/2.0/ .main h2, .main .h2 { border-top: 0px; padding-top: 10px; + font-size: 28px; } -.page-header { - height: 100% !important; -} .page-header .img-responsive { display: inline; } -.page-header h2 { - font-size: 28px; - display: inline; - margin-left: 20px; - vertical-align: bottom; + +.docs-content h1, +.docs-content h2, +.docs-content h3, +.docs-content h4, +.docs-content h5, +.docs-content h6 + { + font-weight: bold; + color: #444; +} + +.docs-content h1{ + font-size: 1.5rem } +.docs-content h2{ + font-size: 1.3rem +} +.docs-content h3{ + font-size: 1.1rem +} +.docs-content h4, +.docs-content h5, +.docs-content h6{ + font-size: 1rem; +} + +.docs-content .page-header h1 { + line-height: 1.5rem; + padding-bottom: 0.2em; + margin-bottom: 0.7em; + border-bottom: 1px solid #ccc; + +} + -.navbar-brand { - padding: initial; - height: initial; +nav .breadcrumb{ + background: none; + font-size:0.8em; + padding-left:10px; + padding-bottom:0px; } .nav > li > a.hover{ background-color: none; } +.breadcrumb-item + .breadcrumb-item::before{ + content: '\f054'; + font-family: FontAwesome; + font-size: 0.8em; +} + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { position: relative; } @@ -150,10 +185,20 @@ h6 > a.anchor:hover { } } +.masthead, .footer{ + position: relative; + z-index: 1; +} + /* * Sidebar */ + .docs-sidebar{ + background: #eee; + box-shadow: -3000px 0 0 3000px #eee; + } + .nav-header { font-size: 16px; } @@ -215,65 +260,6 @@ h6 > a.anchor:hover { } } -/* - * Off Canvas - * -------------------------------------------------- - */ - -body, html { - overflow-x: hidden; /* Prevent scroll on narrow devices */ -} - -.toggle-nav { - margin-right: 20px; -} - -@media screen and (max-width: 767px) { - .row-offcanvas { - position: relative; - -webkit-transition: all .25s ease-out; - -o-transition: all .25s ease-out; - transition: all .25s ease-out; - } - - .row-offcanvas-right { - right: 0; - } - - .row-offcanvas-left { - left: 0; - } - - .row-offcanvas-right - .sidebar-offcanvas { - right: -75%; /* 8 columns */ - } - - .row-offcanvas-left - .sidebar-offcanvas { - left: -75%; /* 8 columns */ - } - - .row-offcanvas-right.active { - right: 75%; /* 8 columns */ - } - - .row-offcanvas-left.active { - left: 75%; /* 8 columns */ - } - - .sidebar-offcanvas { - overflow: hidden; - position: absolute; - top: 0; - width: 75%; /* 8 columns */ - } -} - - p { - margin: 0 0 1.6em; - } - /* Remnants of Asciidoctor default stylesheet - remove styles as needed */ #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } @@ -372,13 +358,14 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-si .exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6 { line-height: 1; margin-bottom: 0.625em; } .exampleblock > .content h1.subheader, .exampleblock > .content h2.subheader, .exampleblock > .content h3.subheader, .exampleblock > .content .subheader#toctitle, .sidebarblock.exampleblock > .content > .subheader.title, .exampleblock > .content h4.subheader, .exampleblock > .content h5.subheader, .exampleblock > .content h6.subheader { line-height: 1.4; } .exampleblock.result > .content { -webkit-box-shadow: 0 1px 8px #e3e3dd; box-shadow: 0 1px 8px #e3e3dd; } -.sidebarblock { border-style: solid; border-width: 1px; border-color: #e3e3dd; margin-top: -1.0em; margin-bottom: 1.6em; padding: .5em; background: #F1F3F5; -webkit-border-radius: 4px; border-radius: 4px; overflow-x: auto; } +.sidebarblock { border-style: solid; border-width: 1px; border-color: #e3e3dd; margin-top: -1.0em; margin-bottom: 1.6em; margin-left: 1em; padding: .5em; background: #F1F3F5; -webkit-border-radius: 4px; border-radius: 4px; overflow-x: auto; float: right; width: 40%; } .sidebarblock > :first-child { margin-top: 0; } .sidebarblock > :last-child { margin-bottom: 0; } .sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6, .sidebarblock p { color: #333333; } .sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6 { line-height: 1; margin-bottom: 0.625em; } .sidebarblock h1.subheader, .sidebarblock h2.subheader, .sidebarblock h3.subheader, .sidebarblock .subheader#toctitle, .sidebarblock > .content > .subheader.title, .sidebarblock h4.subheader, .sidebarblock h5.subheader, .sidebarblock h6.subheader { line-height: 1.4; } -.sidebarblock > .content > .title { color: #7a2518; margin-top: 0; line-height: 1.6; } +.sidebarblock > .content > .title { color: inherit; font-size: 28px; font-weight: 500; margin-top: 0; line-height: 1.6; } +.width50 { width: 50% ! important} .exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0; } .literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] { border: 0px; background-color: #F0F3F5; -webkit-border-radius: 5px; border-radius: 5px; padding: 1.5em 2.5em; word-wrap: break-word; } .literalblock pre.nowrap, .literalblock pre[class].nowrap, .listingblock pre.nowrap, .listingblock pre[class].nowrap { overflow-x: auto; white-space: pre; word-wrap: normal; } @@ -571,3 +558,18 @@ b.conum * { color: inherit !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } + +.corner-ribbon{ + width: 16em; + background: #3c6eb4 ; + position: absolute; + top: 3em; + right: -4em; + text-align: center; + line-height: 5ex; + color: #dedede; + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + z-index: 999; +} +.corner-ribbon a { color: #FFFFFF; } diff --git a/_templates/_nav.html.erb b/_templates/_nav.html.erb index 95a7e5c..4710efb 100644 --- a/_templates/_nav.html.erb +++ b/_templates/_nav.html.erb @@ -1,11 +1,9 @@