+#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;
a img{
border:0;
}
-div{
- aborder:1px solid red;
-}
/* structure */
.sub_holder{
width:970px;
margin:0 auto;
- aborder:1px solid red;
text-align:left;
}
-#header{
+#header_holder{
margin-top:20px;
- aheight:300px;
}
+#header{
+ height:60px;
+}
+
#content_holder{
- background:transparent url(/static/i/bg_content.png) repeat-y center center;
- aborder:1px solid olive;
+
}
-#content{
- padding:0 12px 40px 10px;
- aborder:1px solid red;
- 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{
- aborder:1px solid blue;
- 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:left;
+ margin-left:15px;
+}
+#feeds{
+ float:right;
+ margin-right:15px;
+}
+#footer_holder{
+ margin-bottom:100px;
+}
+#footer p{
+ margin-left:15px;
+}
/* nav tabs */
#nav_logs{
+ width:100%;
clear:both;
float:right;
- margin:-18px 50px 0 50px;
+ margin:-9px 10px 0 0;
+}
+#nav_logs ul{
+ margin:0;
+ padding:0;
}
#nav_logs li{
display:block;
- float:left;
+ float:right;
list-style:none;
margin:0;
padding: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;
+}
h1 a:hover{
color:#EAF2F5;
}
+h2{
+ font-size:1.85em;
+ font-weight:normal;
+ color:#666;
+ margin:30px 15px 20px;
+}
+h2 span{
+ color:#ccc;
+}
+h3{
+ margin:0;
+ color:#fff;
+ padding:9px 5px 9px 10px;
+ font-size:1em;
+}
+h3 a{
+ color:#ffffff;
+}
+h4 a{
+ color:#ffffff;
+}
+h4 a:hover{
+ color:#EAF2F5;
+}
p,
td,
a{
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;
vertical-align:middle;
margin-right:8px;
- text-indent:-999999999999px;
+ text-indent:-999999px;
width:21px;
height:21px;
+ outline:none;
}
-.commit{
- background:transparent url(/static/i/icons/commit.png) no-repeat;
+a.commit{
+ background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat;
}
-.diff{
- background:transparent url(/static/i/icons/diff.png) no-repeat;
+a.diff{
+ background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat;
}
-.tree{
- background:transparent url(/static/i/icons/tree.png) no-repeat;
+a.diffcurrent{
+ background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat;
+}
+a.tree{
+ background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat;
+}
+a.shortlog{
+ background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat;
+}
+a.longlog{
+ background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat;
+}
+a.blob{
+ background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat;
+}
+a.blame{
+ background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat;
+}
+a.history{
+ background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat;
+}
+a.raw{
+ 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;
+ width: 35px;
+ line-height: 10px;
+ border: 1px solid;
+ border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
+ color: #ffffff;
+ background-color: #ff6600;
+ font-weight: bold;
+ font-family: sans-serif;
+ font-size: 70%;
+ font-style: normal;
+ text-align: center;
+ text-decoration: none;
+ margin: 3px;
+}
+
+a.rss_logo:hover {
+ background-color: #ee5500;
+}
+
+
+.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;
}
text-align:left;
color:#fff;
}
+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;
}
+.file-mode{
+ width:80px;
+}
.time-since{
width:95px;
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:90px;
-}
\ No newline at end of file
+ width:120px;
+}
+
+.diff-tree{
+ background-color:#f0f0f0;
+}
+.diff-tree th{
+ background-color:#666;
+}
+.diff-tree tr{
+ border-bottom:1px solid #fff;
+}
+.diff-tree td{
+ padding:6px 5px 4px 10px;
+}
+.differences{
+ margin-top:0;
+ padding:0px 15px;
+}
+.differences pre{
+ line-height:140%;
+ font-size:12px;
+ overflow:auto;
+ margin:0;
+ padding:10px;
+ border:1px solid #ddd;
+ background-color:#f0f0f0;
+ min-height:40px;
+}
+.diff-head{
+ background-color:#666;
+ color:#fff;
+ margin:10px 0 0 0 !important;
+ border:1px solid #ddd;
+ border-bottom:none;
+ font-family: monospace;
+ padding:10px;
+ font-size:13px;
+}
+.diff-index {
+ margin:0 0 30px 0;
+ border:1px solid #ddd;
+ border-top:none;
+ background-color:#ccc;
+ padding:5px 10px;
+}
+
+
+/* /blame */
+#blame pre, #blame tt {
+ margin: 0;
+ font-size: 12px;
+}
+#blame .commit-info {
+
+}
+#blame .lineno {
+ text-align: right;
+ padding: 0 8px;
+}
+#blame a {
+ text-decoration: none;
+}
+#blame {
+ overflow-x: scroll;
+}
+#blame tr.alt {
+ background-color: #f7f7f7;
+}
+#blame tbody tr:hover {
+ background-color: #fefeaa;
+}
+#blame td {
+ vertical-align:middle;
+ padding: 3px;
+}
+#blame td.lineno {
+ background-color: #eee;
+}
+#blame td.date, #blame td.author, #blame td.commit-info {
+}
+#blame 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;
+ font-size:12px;
+}
+div.blob {
+ text-align: center;
+ margin: 30px;
+}
+
+/* /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