From 7eb9828ec6a31ad372c6a1dac7fa042bcdbd6818 Mon Sep 17 00:00:00 2001
From: Yuhi Ishikura <yuhi.ishikura@gmail.com>
Date: Sun, 02 Jun 2013 17:53:20 -0400
Subject: [PATCH] Improve index page strategy in PagesServlet.
---
src/main/resources/gitblit.css | 357 +++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 319 insertions(+), 38 deletions(-)
diff --git a/src/main/resources/gitblit.css b/src/main/resources/gitblit.css
index 811b08a..351d43f 100644
--- a/src/main/resources/gitblit.css
+++ b/src/main/resources/gitblit.css
@@ -16,11 +16,25 @@
ul, ol {
margin-bottom: 10px !important;
}
+
+a {
+ color: #2F58A0;
+}
+
+a:hover {
+ color: #002060;
+}
+
a:focus {
outline: none;
}
-[class^="icon-"], [class*=" icon-"] a i {
+a.btn i {
+ /* override for a links that look like bootstrap buttons */
+ vertical-align: text-bottom;
+}
+
+[class^="icon-"], [class*=" icon-"] i {
/* override for a links that look like bootstrap buttons */
vertical-align: text-bottom;
}
@@ -73,16 +87,9 @@
}
.navbar-inner {
- background-color:#000050;
- background-repeat:repeat-x;
- background-image:-khtml-gradient(linear, left top, left bottom, from(#000060), to(#000040));
- background-image:-moz-linear-gradient(top, #000060, #000040);
- background-image:-ms-linear-gradient(top, #000060, #000040);
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #000060), color-stop(100%, #000040));
- background-image:-webkit-linear-gradient(top, #000060, #000040);
- background-image:-o-linear-gradient(top, #000060, #000040);
- background-image:linear-gradient(top, #000060, #000040);
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000060', endColorstr='#000040', GradientType=0);
+ background-color: #002060;
+ background-repeat: none;
+ background-image: none;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
@@ -117,9 +124,120 @@
color: #ffffff !important;
}
+.nav-pills > .active > a, .nav-pills > .active > a:hover {
+ color: #fff;
+ background-color: #002060;
+}
+
+div.push {
+ border-bottom: 1px solid #ddd;
+ margin-bottom: 5px;
+ padding-bottom: 5px;
+}
+
+div.push .icon {
+ font-size: 42px;
+ line-height: 42px;
+}
+
+div.push i {
+ font-size: 42px;
+ color: #bbb;
+ vertical-align: middle;
+}
+
+.repositorynavbar {
+ background-color: #fbfbfb;
+ border-bottom: 1px solid #ccc;
+ margin-top: -8px;
+ margin-bottom: 10px;
+}
+
+.repositorynavbar .title {
+ line-height: 32px;
+}
+
+.repositorynavbar .repository {
+ font-weight: bold;
+}
+
+.title .repository a, .repositorynavbar .project a, .repositorynavbar .repository a {
+ font-family: Helvetica,arial,freesans,clean,sans-serif;
+ font-size: 22px;
+ color: #002060;
+}
+
+.repositorynavbar .repositorynavbar-inner {
+}
+
+.repositorynavbar ul {
+ list-style: none outside;
+ display: block;
+ position: relative;
+ border-top: 1px solid #ccc;
+}
+
+.repositorynavbar ul li {
+ display: block;
+ float: left;
+ padding: 10px;
+}
+
+.repositorynavbar ul li:focus, .repositorynavbar .active {
+ color: black;
+ background-repeat:no-repeat;
+ background-image: url(arrow_project.png);
+ background-position: center bottom;
+ font-weight: bold;
+ outline: 0;
+}
+
+.repositorynavbar ul a {
+ color: #002060;
+}
+
+.repositorynavbar ul li:hover {
+ background-color: #eee;
+}
+
+.repositorynavbar ul li a:hover {
+ background-color: inherit;
+ text-decoration: underline;
+}
+
+.btn-appmenu {
+ border-radius: 4px !important;
+ background-color: #002060;
+ background-image:-khtml-gradient(linear, left top, left bottom, from(#4060A0), to(#002060));
+ background-image:-moz-linear-gradient(center top, #4060A0, #002060);
+ background-image:-ms-linear-gradient(top, #4060A0, #002060);
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #4060A0), color-stop(100%, #002060));
+ background-image:-webkit-linear-gradient(top, #4060A0, #002060);
+ background-image:-o-linear-gradient(top, #4060A0, #002060);
+ background-image:linear-gradient(top, #4060A0, #002060);
+
+ background-repeat: repeat-x;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+.btn-appmenu:hover, .btn-appmenu:active, .btn-appmenu.active, .btn-appmenu.disabled, .btn-appmenu[disabled] {
+ background-color: #002060;
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+
+.btn-appmenu .caret {
+ border-bottom-color: #FFFFFF;
+ border-top-color: #FFFFFF;
+ opacity: 0.75;
+}
+
.breadcrumb {
- margin-top: 5px !important;
- margin-bottom: 5px !important;
+ margin-top: 10px !important;
+ margin-bottom: 10px !important;
}
.pageTitle {
@@ -177,6 +295,124 @@
padding-left: 5px;
text-decoration: underline;
vertical-align: middle;
+}
+
+div.repositoryUrlContainer {
+ padding: 2px;
+ background-color: #F5F5F5;
+ background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
+ background-repeat: repeat-x;
+ border-color: #E6E6E6 #E6E6E6 #B3B3B3;
+ border-image: none;
+ border-radius: 4px;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+ color: #333333;
+ vertical-align: middle;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+}
+
+div.repositoryUrlContainer:hover {
+ background-color: #E6E6E6;
+ background-position: 0 -15px;
+ color: #333333;
+ text-decoration: none;
+ transition: background-position 0.1s linear 0s;
+}
+
+div.repositoryUrlContainer:hover .caret {
+ opacity: 1;
+}
+
+div.repositoryUrlContainer:hover a:hover {
+ text-decoration: none;
+}
+
+span.repositoryUrlLeftCap, span.repositoryUrlRightCap {
+ text-align: center;
+ color: black;
+ padding: 3px;
+ font-size: 11px;
+}
+
+span.repositoryUrlRightCap {
+ font-weight: bold;
+ font-family:menlo,consolas,monospace;
+}
+
+div.repositoryUrl {
+ display: inline-block;
+ font-size: 1em;
+ padding: 1px 4px 2px 4px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ margin: 1px;
+}
+
+div.repositoryIndicator {
+ display:inline;
+ padding-top:0px;
+ margin-bottom:0px;
+}
+
+div.repositoryIndicator span.alert {
+ padding: 2px 7px 2px 7px;
+ vertical-align: middle;
+ font-size:0.85em;
+ font-weight:normal;
+}
+
+ul.urlMenu {
+ min-width: 350px;
+}
+
+ul.urlMenu li.url {
+ background-color: white;
+ padding: 0px 5px;
+ line-height: 24px;
+}
+
+ul.applicationMenu {
+ background-color: whiteSmoke;
+ min-width: 400px;
+}
+
+ul.applicationMenu li.action {
+ background-color: white;
+ padding: 0px 5px;
+ line-height: 24px;
+}
+
+span.applicationTitle, span.applicationTitle a {
+ display: inline;
+ font-weight: bold;
+ font-size:1.1em;
+ color: black !important;
+ padding: 0px;
+}
+
+div.applicationHeaderMenuItem {
+ padding-left: 10px;
+ color: black;
+}
+
+div.applicationLegalMenuItem {
+ padding-left: 10px;
+ color: #999;
+ font-size: 0.85em;
+}
+
+a.applicationMenuItem, span.commandMenuItem {
+ padding: 3px 10px;
+ color: black;
+ display: inline;
+ padding: 0px;
+}
+
+span.commandMenuItem {
+ font-size: 0.85em;
+ font-family: menlo,consolas,monospace;
}
div.odd {
@@ -399,12 +635,23 @@
font-size: 11px;
}
-span.repositorySwatch {
- border-radius: 3px;
- padding: 1px 4px 2px 4px;
+span.activitySwatch {
+ border-radius: 3px;
+ padding: 1px 4px 2px 4px;
color: #ffffff;
vertical-align: center;
}
+
+span.activitySwatch a {
+ color: inherit;
+}
+
+span.repositorySwatch {
+ padding: 1px 1px 2px 1px;
+ color: #ffffff;
+ vertical-align: center;
+}
+
span.repositorySwatch a {
color: inherit;
}
@@ -424,6 +671,10 @@
border: 1px solid #ddd;
border-radius: 5px;
padding: 2px;
+}
+
+img.navbarGravatar {
+ border: 1px solid #fff;
}
div.searchResult {
@@ -481,19 +732,7 @@
}
div.header, div.commitHeader, table.repositories th {
- background-color:#e0e0e0;
- background-repeat:repeat-x;
- background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
- background-image:-moz-linear-gradient(top, #ffffff, #e0e0e0);
- background-image:-ms-linear-gradient(top, #ffffff, #e0e0e0);
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
- background-image:-webkit-linear-gradient(top, #ffffff, #e0e0e0);
- background-image:-o-linear-gradient(top, #ffffff, #e0e0e0);
- background-image:linear-gradient(top, #ffffff, #e0e0e0);
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
- -webkit-box-shadow:inset 0 1px 0 #ffffff;
- -moz-box-shadow:inset 0 1px 0 #ffffff;
- box-shadow:inset 0 1px 0 #ffffff;
+ background-color: #fbfbfb;
}
div.header {
@@ -502,6 +741,16 @@
border-bottom: 0;
border-radius: 3px 3px 0 0;
font-weight: bold;
+ font-family: Helvetica,arial,freesans,clean,sans-serif;
+}
+
+div.diffHeader {
+ /* CSS trick to workaround #link topOfWindow offset problem */
+ border-top: 65px solid transparent;
+ margin-top: -65px;
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
}
div.commitHeader {
@@ -524,7 +773,19 @@
}
div.page_nav2 {
- padding: 2px 5px 7px 5px;
+ padding: 5px 10px;
+ margin: -10px 0px 10px;
+ border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ border-radius: 0px 0px 3px 3px;
+ background-color: #ECF1F4;
+ color: #666;
+ text-align: left;
+}
+
+div.page_nav2 a {
+ color: #002060;
}
div.admin_nav {
@@ -645,6 +906,10 @@
font-family: inherit;
}
+div.diff table {
+ border: 1px solid #ddd;
+}
+
span.diff.add {
color: #008800;
font-family: inherit;
@@ -737,7 +1002,7 @@
div.diff table td {
border-left: 1px solid #bbb;
- background-color: #f5f5f5;
+ background-color: #fbfbfb;
}
td.changeType {
@@ -786,15 +1051,26 @@
text-align: right;
}
-table.plain {
+table.plain, table.summary {
width: 0 !important;
border: 0;
}
-table.plain th, table.plain td {
+table.plain th, table.plain td, table.summary th, table.summary td {
white-space: nowrap;
padding: 1px 3px;
border: 0;
+}
+
+table.summary {
+ margin: 0px;
+}
+
+table.summary th {
+ color: #999;
+ padding-right: 10px;
+ text-align: right;
+ font-weight: normal;
}
table.pretty {
@@ -960,13 +1236,13 @@
}
tr.dark {
- background-color: #f5f5f5;
+ background-color: #f6f6f6;
}
/* currently both use the same, but it can change */
tr.light:hover,
tr.dark:hover {
- background-color: #000070;
+ background-color: #002060;
color: white;
}
@@ -1023,7 +1299,7 @@
font-size: 2em;
}
-.tagRef, .headRef, .localBranch, .remoteBranch, .otherRef {
+.tagRef, .headRef, .localBranch, .remoteBranch, .otherRef, .pullRef {
padding: 0px 3px;
margin-right:2px;
font-family: sans-serif;
@@ -1033,13 +1309,13 @@
color: black;
}
-.tagRef a, .headRef a, .localBranch a, .remoteBranch a, .otherRef a {
+.tagRef a, .headRef a, .localBranch a, .remoteBranch a, .otherRef a, .pullRef a {
font-size: 9px;
text-decoration: none;
color: black !important;
}
-.tagRef a:hover, .headRef a:hover, .localBranch a:hover, .remoteBranch a:hover, .otherRef a:hover {
+.tagRef a:hover, .headRef a:hover, .localBranch a:hover, .remoteBranch a:hover, .otherRef a:hover, .pullRef a:hover {
color: black !important;
text-decoration: underline;
}
@@ -1049,6 +1325,11 @@
border-color: #80aaaa;
}
+.pullRef {
+ background-color: rgb(255, 221, 136);
+ border-color: rgb(136, 136, 136);
+}
+
.remoteBranch {
background-color: #cAc2f5;
border-color: #6c6cbf;
--
Gitblit v1.9.1