+#debug_holder{
+
+ display:none;
+
+ clear:both;
+ padding-top:30px;
+ margin:30px 0;
+}
+
+#debug_holder pre{
+ margin:0;
+ padding:10px;
+ border:1px solid #ddd;
+ background-color:#f0f0f0;
+}
+
body{
- background:#FAFAFA url(/static/i/bg.png) repeat-x left top;
+ background:#FAFAFA url([% c.uri_for('/static/i/bg.png') %]) repeat-x left top;
padding:0;
margin:0;
font-family:Arial, Verdana, sans-serif;
}
#content_holder{
- background:transparent url(/static/i/bg_content.png) repeat-y center center;
+
}
-#content{
- min-height:200px;
- padding:0 12px 40px 10px;
- background:transparent url(/static/i/bg_bottom.png) no-repeat center bottom;
+#content {
+ min-height:200px;
+ -moz-box-shadow: 0px 0px 10px black; /* FF3.5+ */
+ -webkit-box-shadow: 0px 0px 10px black; /* Saf3.0+, Chrome */
+ box-shadow: 0px 0px 10px black; /* Opera 10.5, IE9, Chrome 10+ */
+
}
#content_inner{
- padding-bottom:30px;
- background:transparent url(/static/i/bg_top.png) no-repeat;
+ padding-bottom: 30px;
+ background-color: white;
+ min-height: 100px;
+}
+.header {
+ background-color: #666;
+}
+.copy{
+ padding:10px;
}
#logo{
margin-left:-10px;
float:left;
}
#header .search{
- margin-right:50px;
+ margin-right:10px;
float:right;
}
#git_logo{
float:right;
margin-right:15px;
}
-
+#footer_holder{
+ margin-bottom:100px;
+}
#footer p{
margin-left:15px;
}
-#debug_holder{
- clear:both;
- padding-top:30px;
- margin:30px 0;
-}
-#debug_holder pre{
- margin:0;
- padding:10px;
- border:1px solid #ddd;
- background-color:#f0f0f0;
-}
/* nav tabs */
#nav_logs{
- width:80%;
+ width:100%;
clear:both;
float:right;
- margin:-5px 50px 0 0;
+ margin:-9px 10px 0 0;
}
#nav_logs ul{
margin:0;
text-decoration:none;
}
a#log_short{
- background:#666 url(/static/i/icons/shortlog.gif) no-repeat 15px center;
+ background:#666 url([% c.uri_for('/static/i/icons/shortlog.gif') %]) no-repeat 15px center;
}
a#log_full{
- background:#666 url(/static/i/icons/fulllog.gif) no-repeat 15px center;
+ background:#666 url([% c.uri_for('/static/i/icons/fulllog.gif') %]) no-repeat 15px center;
+}
+a#tree{
+ background:#666 url([% c.uri_for('/static/i/icons/tree.gif') %]) no-repeat 15px center;
}
#nav_logs li a:hover{
text-decoration:underline;
#nav_logs li.selected a{
background-color:#333;
}
-
-
+#nav_logs #branch_selector{
+ padding:10px 15px 10px 48px;
+ font-size:1.3em;
+ font-weight:bold;
+ color:#666;
+}
color:#DC143C;
}
+/* sub actions dropdown changer in h1 */
+#actions_nav_link{
+ border:1px solid #666;
+ padding:1px 4px;
+ text-decoration:none;
+ outline:none;
+}
+#actions_nav_link span{
+ margin-right:5px;
+ padding-right:18px;
+ background:transparent url([% c.uri_for('/static/i/arrow_down_white.gif') %]) no-repeat right center;
+}
+#actions_nav_list{
+ display:none;
+ position:absolute;
+ padding:0 0 3px 0;
+ margin:0;
+ background-color:#333;
+ color:#fff;
+ font-size:1em;
+ border:1px solid #666;
+ border-top:none;
+}
+#actions_nav_list li{
+ list-style:none;
+ margin:0;
+ padding:2px 10px 2px 5px;
+}
+#actions_nav_list a{
+ color:#fff;
+ font-size:1.8em;
+}
+#actions_nav_list a:hover{
+ color:#EAF2F5;
+}
+.actions_nav_list_over{
+ display:block !important;
+}
.button{
display:block;
float:left;
outline:none;
}
a.commit{
- background:transparent url(/static/i/icons/commit.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat;
}
a.diff{
- background:transparent url(/static/i/icons/diff.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat;
+}
+a.diffcurrent{
+ background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat;
}
a.tree{
- background:transparent url(/static/i/icons/tree.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat;
}
a.shortlog{
- background:transparent url(/static/i/icons/shortlog.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat;
}
a.longlog{
- background:transparent url(/static/i/icons/longlog.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat;
}
a.blob{
- background:transparent url(/static/i/icons/blob.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat;
}
a.blame{
- background:transparent url(/static/i/icons/blame.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat;
}
a.history{
- background:transparent url(/static/i/icons/history.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat;
}
a.raw{
- background:transparent url(/static/i/icons/raw.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/raw.png') %]) no-repeat;
}
.sha1_holder{
- background:transparent url(/static/i/icons/button_sha1.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/button_sha1.png') %]) no-repeat;
}
.sha1_holder_invert{
- background:transparent url(/static/i/icons/button_sha1_invert.png) no-repeat;
+ background:transparent url([% c.uri_for('/static/i/icons/button_sha1_invert.png') %]) no-repeat;
}
.sha1_label{
padding-top:2px;
float:left;
}
-
-
+a.file{
+ padding-left:25px;
+ padding-bottom:1px;
+ background:transparent url([% c.uri_for('/static/i/icons/file.png') %]) no-repeat;
+}
+a.folder{
+ padding-left:25px;
+ padding-bottom:1px;
+ background:transparent url([% c.uri_for('/static/i/icons/folder.png') %]) no-repeat;
+}
+.msg{
+ padding:5px 10px 5px 35px;
+ background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center;
+ border:1px solid #ddd;
+ margin:30px 15px;
+}
+.match{
+ background-color:#ffff00;
+}
a.rss_logo {
float: right;
padding: 3px 0px;
}
+.button_submit{
+ text-indent:-999999px;
+ overflow:hidden;
+ width:95px;
+ height:26px;
+ border:0;
+ background:transparent url([% c.uri_for('/static/i/buttons/search.png') %]) no-repeat;
+ cursor: pointer;
+}
+
/* paging */
.pager{
width:100%;
- float:left;
margin:10px 0;
padding:0;
}
th a{
color:#fff;
}
+th a:hover{
+ color:#f0f0f0;
+}
.summary tr{
background-color:#FAFAFA;
border-bottom:1px solid #fff;
.summary td{
vertical-align:middle !important;
}
+tr{
+ background-color:#fff;
+}
+thead tr{
+ background-color:transparent !important;
+}
tr.invert{
background-color:#f0f0f0;
}
+tr.header{
+ background-color:#666;
+}
.sha1{
width:80px;
}
font-weight:bold;
}
.author{
- width:180px;
+ width:160px;
}
.author img{
margin-right:5px;
width:970px;
border-collapse:collapse;
}
+table.listing thead {
+ background-color: #666;
+}
.listing td{
vertical-align:top;
padding:9px 5px 9px 10px;
}
+
+.listing .gravatar {
+ float: left;
+ padding-right: 10px;
+}
+
+/*
+
+puts the repo description on one line which gets truncated if the repo name is too long
+BUT the final width needs to be set with javascript based on the parent element (td) width
+
+.description{
+ white-space:nowrap;
+ overflow:hidden;
+}
+.description div{
+ position:absolute;
+ white-space:nowrap;
+ overflow:hidden;
+ width:200px;
+}
+*/
+
.action-list{
width:120px;
}
padding:10px;
border:1px solid #ddd;
background-color:#f0f0f0;
+ min-height:40px;
}
.diff-head{
background-color:#666;
/* /blame */
-#blame pre, #blame tt {
+#blame pre, #blame tt, #blob pre, #blob tt {
margin: 0;
- font-size: 0.9em;
+ font-size: 12px;
}
#blame .commit-info {
+
}
-#blame .lineno {
+#blame .lineno, #blob .lineno {
text-align: right;
padding: 0 8px;
}
-#blame a {
- text-decoration: none;
+#blame a, #blob a {
+ text-decoration: none;
}
-#blame {
+#blame, #blob {
overflow-x: scroll;
}
#blame tr.alt {
#blame tbody tr:hover {
background-color: #fefeaa;
}
-#blame td {
- padding: 0 0.2em;
+#blame td, #blob td {
+ vertical-align:middle;
+ padding: 3px;
}
-#blame td.lineno {
+#blame td.lineno, #blob td.lineno {
background-color: #eee;
}
#blame td.date, #blame td.author, #blame td.commit-info {
}
-#blame tbody td.data {
+#blame tbody td.data, #blob tbody td.data {
padding-left: 5px;
background-color: #333;
color: #ddd;
}
-/* /blob */
-pre.blob {
- background-color: #333;
- color: #ddd;
- border-left: solid 3px #c33;
- padding: 5px;
- padding-left: 15px;
- margin: 20px 15px 20px;
- overflow:auto;
-}
-
/* /blobdiff etc */
+.commit-message {
+ white-space: pre-wrap;
+ width: 420px;
+}
+p.commit-message {
+ margin: 0;
+}
+
+/* Hidden spans that contain bits of data to be used by JS */
+.js-data {
+ display: none;
+}
projects / catagits/Gitalist.git / blobdiff