X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=gitweb-danixland%2Fgitweb.css;h=f848301a480a232c32c962f51c798c36b4667fa2;hb=7948012491a6464754bd811854791c682881307e;hp=88dd9623bda1405d8a56d9d97cdea3909422bb2b;hpb=9406f5269846e5eb4560181fe1d14cbb740df6d6;p=gitweb-theme-danix.git diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css index 88dd962..f848301 100644 --- a/gitweb-danixland/gitweb.css +++ b/gitweb-danixland/gitweb.css @@ -201,61 +201,75 @@ td, th { /* Page Footer ---------------------------------------------------------------------------- */ +.page_footer, +.site-footer { + width: 100%; + background: var(--bg-alt); + margin: 0; +} + .page_footer { + height: 40px; position: absolute; left: 0; bottom: 0; - width: 100%; - height: 80px; - line-height: 80px; - margin-top: 15px; - background: var(--bg); + line-height: 40px; border-top: 2px solid var(--border); border-bottom: 1px solid var(--border); } .page_footer_text { color: var(--fg); + text-align: right; + padding-right: 2em; display: inline; - float: left; - margin-left: 25px; - width: 80%; + float: right; + width: calc(100% - 2em); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } -a.rss_logo { - float: right; - padding: 3px 1px; - width: 35px; - line-height: 10px; - border: 1px solid; - border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e; - color: #ffffff; - background-color: #ff6600; - font-weight: bold; - font-family: 'Montserrat', sans-serif; - font-size: 80%; - text-align: center; - text-decoration: none; - margin-top: 30px; - margin-left: 5px; +.site-footer { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-around; + align-items: stretch; + align-content: stretch; } -a.rss_logo:hover { - background-color: #ee5500; +.site-footer .columns { + width: 30%; + display: block; + flex-grow: 0; + flex-shrink: 1; + flex-basis: auto; + align-self: auto; + order: 0; } -.rss_logo { - margin-right: 25px; - background: yellow; +.social-links ul li { + display: inline-block; + margin: 1em; + padding: 0.5em; + background-color: var(--fg); + color: var(--bg); } -.rss_logo:last-child { - margin-right: 5px; +a.rss_logo { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(100%); + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; } + /* Index include ---------------------------------------------------------------------------- */