X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=gitweb-danixland%2Fgitweb.css;h=02eb7f0798b8aee933b7466e1ff12002d647db87;hb=a63053b2b31e12ab1a8498f5b491ba48f0733e2b;hp=3c4f9c4083435dcae30f4e3fe20cc06721a74c16;hpb=842daaebf1627084e9248ca5d440520a2fcf9b14;p=gitweb-theme-danix.git diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css index 3c4f9c4..02eb7f0 100644 --- a/gitweb-danixland/gitweb.css +++ b/gitweb-danixland/gitweb.css @@ -55,6 +55,7 @@ a { outline: none; } --link-visited: #e7b788; --border: 34,40,49,0.035; --accent: #FD7014; + --bluish-grey: #3f4c77; --dark-grey: #393E46; /* Icons */ --file-icon: url("file-dark.svg"); @@ -87,7 +88,7 @@ a { outline: none; } } -/* General +/* Main ---------------------------------------------------------------------------- */ html { @@ -175,10 +176,9 @@ td, th { margin-bottom: 20px; font-size: 20px; font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif; - background: var(--bg); /* old browsers */ - background: -moz-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); /* firefox */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--bg-alt))); /* webkit */ - background: -o-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); + background: var(--bluish-grey); /* old browsers */ + background: -webkit-linear-gradient(bottom left, var(--accent) 0%, var(--bluish-grey) 100%); /* webkit */ + background: linear-gradient(to top right, var(--accent) 0%, var(--bluish-grey) 100%); border-bottom: 1px solid rgba(var(--border)); } @@ -205,21 +205,24 @@ td, th { margin-right: 5px; } +.page_header:before { + content: 'You\'re in: '; +} + /* Page Footer ---------------------------------------------------------------------------- */ .page_footer, .site-footer { width: 100%; - background: var(--bg-alt); + background: var(--bluish-grey); /* old browsers */ + background: -webkit-linear-gradient(bottom left, var(--bluish-grey) 0%, var(--accent) 100%); /* webkit */ + background: linear-gradient(to top right, var(--bluish-grey) 0%, var(--accent) 100%); margin: 0; } .page_footer { height: 40px; - position: absolute; - left: 0; - bottom: 0; line-height: 40px; border-top: 2px solid var(--border); border-bottom: 1px solid var(--border); @@ -238,32 +241,33 @@ td, th { } .site-footer { + position: absolute; + left: 0; + bottom: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; - align-items: stretch; + align-items: center; align-content: stretch; } .site-footer .columns { - width: 30%; display: block; - flex-grow: 0; - flex-shrink: 1; + flex-grow: 1; flex-basis: auto; - align-self: auto; + align-self: stretch; order: 0; } .social-links ul li { display: inline-block; margin: 1em; - padding: 0.5em; } .social-links ul li a { height: 32px; + text-align: center; } .social-links ul li.spotify a { color: var(--spotify); @@ -278,7 +282,9 @@ td, th { color: var(--github); } -a.rss_logo { +a.rss_logo, +div.social-links ul li a span, +div.page_header a img.logo { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(100%); @@ -373,7 +379,7 @@ th .header { .projsearch { position: absolute; right: 4%; - top: 15px; + top: 40px; } .projsearch a { @@ -381,7 +387,7 @@ th .header { } .commit_search { - background: #eaeaea; + background: var(--fg); } .page_nav, @@ -720,14 +726,13 @@ div.chunk_block div.new { ---------------------------------------------------------------------------- */ td.category { - background: #E6F1F6; /* old browsers */ - background: -moz-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%); /* firefox */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8D8E7), color-stop(100%,#E6F1F3)); /* webkit */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8D8E7', endColorstr='#E6F1F3',GradientType=0 ); /* ie */ - background: -o-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%); + background: var(--bg); /* old browsers */ + background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */ + background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); font-weight: bold; - border-bottom: 1px solid #D1D1D1; - border-top: 1px solid #D1D1D1; + border-bottom: 1px solid var(--border); + border-top: 1px solid var(--border); } /* Age @@ -860,6 +865,15 @@ div.site-header { div.site-header h1 { text-transform: uppercase; font-size: 2em; + padding: 0; + margin: 0; + line-height: 2em; +} +div.site-header h1 img.site-logo { + height: 50px; + width: auto; + position: relative; + top: 15px; } div.site-header h1 span.evident { background-color: var(--accent);