X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=gitweb-danixland%2Fgitweb.css;h=fe18617ab4411ea30b227acd6bdecdd301e48f6b;hb=69d3f4ec5e6b7b3ecb7280469e490b94a5ce3409;hp=c78690367e72468c6345d33c61478027b3c1d7fe;hpb=b0a5133c719c0200043ad5c5429b16d1a37e059f;p=gitweb-theme-danix.git diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css index c786903..fe18617 100644 --- a/gitweb-danixland/gitweb.css +++ b/gitweb-danixland/gitweb.css @@ -55,7 +55,9 @@ a { outline: none; } --link-visited: #e7b788; --border: 34,40,49,0.035; --accent: #FD7014; + --bluish-grey: #3f4c77; --dark-grey: #393E46; + --light-grey: #ababcf; /* Icons */ --file-icon: url("file-dark.svg"); --dir-icon: url("folder-dark.svg"); @@ -175,10 +177,8 @@ 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(--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%); + background: var(--bluish-grey); /* old browsers */ + background: linear-gradient(112deg, var(--bluish-grey) 10%, var(--light-grey) 75%); border-bottom: 1px solid rgba(var(--border)); } @@ -215,22 +215,20 @@ td, th { .page_footer, .site-footer { width: 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%); + background: var(--bluish-grey); /* old browsers */ + background: linear-gradient(112deg, var(--bluish-grey) 65%, var(--light-grey) 100%); margin: 0; } .page_footer { height: 40px; line-height: 40px; - border-top: 2px solid var(--border); - border-bottom: 1px solid var(--border); + border-top: 2px solid rgba(var(--border)); + border-bottom: 1px solid rgba(var(--border)); } .page_footer_text { - color: var(--fg); + color: var(--bg); text-align: right; padding-right: 2em; display: inline; @@ -264,13 +262,6 @@ td, th { .social-links ul li { display: inline-block; margin: 1em; - padding: 0.5em; - width: 2em; - height: 2em; - border: 1px solid var(--fg); - -webkit-border-radius: 1em; - -moz-border-radius: 1em; - border-radius: 1em; } .social-links ul li a { @@ -311,8 +302,6 @@ div.page_header a img.logo { .index_include { width: 95%; margin: 0 auto 15px; - background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent; - border: 1px solid var(--border); padding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -329,7 +318,7 @@ div.page_header a img.logo { .history { width: 95%; margin: 0 auto 15px auto; - border: 1px solid var(--border); + border: 1px solid rgba(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); @@ -339,7 +328,8 @@ div.page_header a img.logo { .shortlog th, .tree th, .commit_search th { - color: #afafaf; + background-color: var(--bluish-grey); + color: var(--light-grey); font-weight: normal; } @@ -351,10 +341,10 @@ div.page_header a img.logo { .shortlog tr, .tree tr, .commit_search tr { - background: #eaeaea; + background: var(--light-grey); height: 2.5em; text-align: left; - color: #545454; + color: var(--fg); } .project_list tr.dark, .project_list tr.light, @@ -363,11 +353,8 @@ 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(--dark-grey); height: 2.5em; border-bottom: 1px solid #e1e1e1; } @@ -403,9 +390,9 @@ th .header { .page_path, .search { width: 94%; - background: #eaeaea; - color: #545454; - border: 1px solid #d8d8d8; + background: var(--fg); + color: var(--bg); + border: 1px solid rgba(var(--border)); padding: 5px; margin: 0 auto 15px auto; } @@ -415,14 +402,16 @@ th .header { } .title { + font-size: 2em; + font-style: 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; @@ -476,7 +465,8 @@ th .header { margin-bottom: 0; } -.readme pre { +.readme pre, +.readme code { font-family: 'Red Hat Mono', monospace; margin: 1em 0; white-space: pre; @@ -493,8 +483,8 @@ th .header { .projects_list, .tags { width: 95%; - background: #f0f0f0; - color: #545454; + background: var(--bluish-grey); + color: var(--light-grey); border: 1px solid #d8d8d8; padding: 5px; margin: 0 auto 15px auto; @@ -593,7 +583,7 @@ span.refs span { display: inline-block; margin: 0; background-color: var(--bg); - border: 1px solid var(--border); + border: 1px solid rgba(var(--border)); border-radius: 3px; height: 18px; padding: 0 6px; @@ -734,15 +724,16 @@ div.chunk_block div.new { ---------------------------------------------------------------------------- */ td.category { - 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%); + background: var(--accent); /* old browsers */ + color: var(--dark-grey); + padding-left: 3em; font-weight: bold; - border-bottom: 1px solid var(--border); - border-top: 1px solid var(--border); + border-bottom: 1px solid rgba(var(--border)); + border-top: 1px solid rgba(var(--border)); +} +td.category:before { + content: "Cat.: "; } - /* Age ---------------------------------------------------------------------------- */