X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=gitweb-danixland%2Fgitweb.css;h=71a2a0a414dc0453ee30142b62b83f066c74807c;hb=a2145e51d4dc43e34f9ee66a313017f581db7ac2;hp=c083b956f260ee555aad19b74ee9ac9216558d33;hpb=b4423bad93b85898506f0213bb34887f3d4a5e64;p=gitweb-theme-danix.git diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css index c083b95..71a2a0a 100644 --- a/gitweb-danixland/gitweb.css +++ b/gitweb-danixland/gitweb.css @@ -55,8 +55,10 @@ a { outline: none; } --link-visited: #e7b788; --border: 34,40,49,0.035; --accent: #FD7014; - --bluish-grey: #3f4c77; + --shadow: 0,0,0,0.2; + --bluish-grey: #282d3d; --dark-grey: #393E46; + --light-grey: #ababcf; /* Icons */ --file-icon: url("file-dark.svg"); --dir-icon: url("folder-dark.svg"); @@ -76,7 +78,10 @@ a { outline: none; } --bg: #393E46; --bg-alt: #222831; --fg: #D8D9CF; + --link: #753f09; + --link-visited: #83674d; --border: 216,217,207,0.2; + --shadow: 255,255,255,0.2; --file-icon: url("file.svg"); --dir-icon: url("folder.svg"); --ref-icon: url("commit.svg"); @@ -168,6 +173,7 @@ td, th { /* Page Header ---------------------------------------------------------------------------- */ +/* breadcrumbs */ .page_header { height: 50px; line-height: 50px; @@ -176,8 +182,6 @@ td, th { margin-bottom: 20px; font-size: 20px; font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif; - background: var(--bluish-grey); /* old browsers */ - background: linear-gradient(112deg, var(--bluish-grey) 10%, var(--accent) 75%); border-bottom: 1px solid rgba(var(--border)); } @@ -213,21 +217,18 @@ td, th { .page_footer, .site-footer { + background-color: var(--bluish-grey); + color: var(--light-grey); width: 100%; - background: var(--bluish-grey); /* old browsers */ - background: linear-gradient(112deg, var(--bluish-grey) 65%, var(--accent) 100%); margin: 0; } .page_footer { height: 40px; line-height: 40px; - border-top: 2px solid var(--border); - border-bottom: 1px solid var(--border); } .page_footer_text { - color: var(--bg); text-align: right; padding-right: 2em; display: inline; @@ -317,32 +318,33 @@ div.page_header a img.logo { .history { width: 95%; margin: 0 auto 15px auto; - border: 1px solid var(--border); - -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); - -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); - box-shadow: 0 0 3px rgba(0,0,0,0.2); + border: 1px solid rgba(var(--border)); + -moz-box-shadow: 0 0 3px rgba(var(--shadow)); + -webkit-box-shadow: 0 0 3px rgba(var(--shadow)); + box-shadow: 0 0 3px rgba(var(--shadow)); } .project_list th, .shortlog th, .tree th, .commit_search th { - color: var(--bluish-grey); - font-weight: normal; +/* background-color: var(--bluish-grey); + color: var(--light-grey); + font-weight: normal;*/ } .project_list th { - font-weight: bold; +/* font-weight: bold;*/ } .project_list tr, .shortlog tr, .tree tr, .commit_search tr { - background: var(--bg-alt); +/* background: var(--light-grey); height: 2.5em; text-align: left; - color: var(--fg); + color: var(--fg);*/ } .project_list tr.dark, .project_list tr.light, @@ -351,20 +353,17 @@ div.page_header a img.logo { .commit_search tr.dark, .commit_search tr.light, .history tr.dark, .history tr.light, .heads tr.dark, .heads tr.light { - background: #F9F9F9; /* old browsers */ - background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */ - background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); +/* background-color: var(--bg-alt); + color: var(--fg); height: 2.5em; - border-bottom: 1px solid #e1e1e1; + border-bottom: 1px solid rgba(var(--border));*/ } th .header { - background: transparent; +/* background: transparent; border: 0; padding: 0; - font-weight: bold; + font-weight: bold;*/ } .tree { @@ -391,26 +390,29 @@ th .header { .page_path, .search { width: 94%; - background: #eaeaea; - color: #545454; - border: 1px solid #d8d8d8; + color: var(--fg); padding: 5px; margin: 0 auto 15px auto; } +.page_nav { + text-align: center; +} .history { background: #eaeaea; } .title { + font-size: 2em; + text-transform: capitalize; margin: 0 auto 15px auto; padding: 5px; width: 95%; } .readme { - background: #eaf2f5; - border: 1px solid #bedce7; + background: var(--bg-alt); + border: 1px solid rgba(var(--border)); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; @@ -464,7 +466,8 @@ th .header { margin-bottom: 0; } -.readme pre { +.readme pre, +.readme code { font-family: 'Red Hat Mono', monospace; margin: 1em 0; white-space: pre; @@ -481,27 +484,24 @@ th .header { .projects_list, .tags { width: 95%; - background: #f0f0f0; - color: #545454; - border: 1px solid #d8d8d8; + background: var(--bluish-grey); + color: var(--light-grey); padding: 5px; margin: 0 auto 15px auto; } .heads { width: 95%; - color: #545454; - border: 1px solid #d8d8d8; + color: var(--fg); padding: 5px; margin: 0 auto 15px auto; } .header { - width: 94%; + text-transform: capitalize; margin: 0 auto 15px auto; - background: #eaf2f5; - border: 1px solid #bedce7; padding: 5px; + width: 95%; } .header .age { @@ -513,17 +513,14 @@ th .header { .title_text { width: 94%; - background: #eaf2f5; - border: 1px solid #bedce7; + background: var(--bg-alt); padding: 5px; margin: 0 auto 0 auto; } .log_body { width: 94%; - background: #eaf2f5; - border: 1px solid #bedce7; - border-top: 0; + background: var(--bg-alt); padding: 5px; margin: 0 auto 15px auto; } @@ -531,16 +528,14 @@ th .header { .page_body { line-height: 1.4em; width: 94%; - background: #f8f8f8; - border: 1px solid #d8d8d8; + background: var(--bg-alt); padding: 5px; margin: 15px auto 15px auto; } .diff_tree { width: 95%; - background: #f0f0f0; - border: 1px solid #d8d8d8; + background: var(--bg-alt); padding: 5px; margin: 0 auto 15px auto; } @@ -561,10 +556,11 @@ th .header { .author_date .avatar { position: relative; top: 3px; + width: 32; + height: 32; } .object_header .avatar { - border: 1px solid #D8D8D8; float: right; } @@ -581,8 +577,6 @@ span.refs span { display: inline-block; margin: 0; background-color: var(--bg); - border: 1px solid var(--border); - border-radius: 3px; height: 18px; padding: 0 6px; text-overflow: ellipsis; @@ -593,8 +587,6 @@ span.refs span.ref { display: inline-block; margin: 0; background-color: var(--bg-alt); - border: 1px solid var(--link); - border-radius: 3px; height: 18px; padding: 0 6px; text-overflow: ellipsis; @@ -638,7 +630,7 @@ span.refs span.head { span.refs a { color: #4e4e4e; - font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace; + font: 11px "Red Hat Mono", "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace; line-height: 18px; } @@ -665,21 +657,25 @@ div.diff.from_file { } .chunk_header { - background: #eaf2f5; + background: var(--bg-alt); color: #999; } .rem { background: #ffdddd; + color: var(--dark-grey); } .rem .marked { background: #ffaaaa; + color: var(--dark-grey); } .add { background: #ddffdd; + color: var(--dark-grey); } .add .marked { background: #7dff7d; + color: var(--dark-grey); } .extended_header { @@ -694,7 +690,7 @@ div.chunk_block div.old { float: left; width: 50%; overflow: hidden; - border-right: 5px solid #EAF2F5; + border-right: 5px solid var(--bg-alt); } div.chunk_block.rem, @@ -715,7 +711,7 @@ div.chunk_block div.new .rem { div.chunk_block div.new { margin-left: 50%; width: 50%; - border-left: 5px solid #EAF2F5; + border-left: 5px solid var(--bg-alt); } /* Category @@ -724,13 +720,13 @@ div.chunk_block div.new { td.category { background: var(--accent); /* old browsers */ color: var(--dark-grey); - padding-left: 2em; + padding-left: 3em; font-weight: bold; - border-bottom: 1px solid var(--border); - border-top: 1px solid var(--border); + border-bottom: 3px solid rgba(var(--border)); + border-left: 3px solid rgba(var(--border)); } td.category:before { - content: "Cat.:"; + content: "Category: "; } /* Age ---------------------------------------------------------------------------- */ @@ -807,7 +803,7 @@ td.pre, div.pre, div.diff { top: 0; left: 0; border: 1px solid #d8d8d8; padding: 2px; - background-color: #f0f0f0; + background-color: var(--bg-alt); font-style: normal; color: #545454; cursor: auto; @@ -866,6 +862,11 @@ div.site-header h1 { margin: 0; line-height: 2em; } +div.site-header h1 a, +div.site-header h1 a:hover { + text-decoration: none; + color: var(--fg); +} div.site-header h1 img.site-logo { height: 50px; width: auto;