gitweb.css

/*
 * gitphpskin.css
 *
 * GitPHP look and feel stylesheet
 *
 * @author Christopher Han <xiphux@gmail.com>
 * @copyright Copyright (c) 2006-2011 Christopher Han
 * @package GitPHP
 */


/*
 * Base styles 
 */
body {
    border: solid #d9d8d1;
    border-width: 1px;
    font: 13px Helvetica,arial,freesans,clean,sans-serif;
    line-height: 1.4;
    margin: 0;
    background-color: #fff;
    color: #000000;
}

.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
    font-family: 'Consolas','Bitstream Vera Sans Mono',monospace;
}

a {
    color: #4183C4;
    outline: none;
}

a:hover, a:visited, a:active {
    color: #4183C4;
    text-decoration: none;
}





a:hover {
    text-decoration: underline;
}

.empty {
    /* various empty / no data messages */
    color: gray;
}

input:not([type='submit']),
select{
    padding: 4px 0px;
outline: none;
color: #333;
background-color: #fff;
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
vertical-align: middle;
}

input:not([type='submit']):focus,
select:focus{
    border-color:#51a7e8;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rbga(81,167,232,0.5);
}

/*
 * Page header
 * (topmost bar with project link, language bar, etc)
 */
div.page_header {
    font-weight: bold;

    height: 50px;
    line-height: 50px;
    position: relative;
    padding: 0 27px;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: Helvetica, Arial, Freesans, Clean, sans-serif;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 );
    background: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    border-bottom: 1px solid #dfdfdf;
}



div.page_header a:visited, a.header {
    color: #0000cc;
}

div.page_header a:hover {
    color: #880000;
}



div.login {
    padding-top: 2px;
    font-size: 15px;
    font-weight: normal;
}

div.page_header a:link,
div.page_header a:visited {
    color: #4183C4;
    text-decoration: none;
    padding: 3px;
    font-weight: bold;
}

div.page_header a:hover {
    font-weight: bold;
    padding: 3px;
    text-decoration: underline;
}

div.page_header a:first-child {
    background: transparent;
}

div.page_header img.logo {
    position: relative;
    top: 7px;
    margin-right: 5px;
}

div.page_header a[href='/']{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAbCAYAAADf98keAAAFE0lEQVRYw82Za2xURRTHh+4W6CptoYBSglQDVGwtotl2WxZK16UF0Q82mIhKxGiiQUw0ovERTIkRgZBtjIbEILYJIB8gQvhEW4xI5GHSaEAbo6AY0dLFYnmYBoqw/gfP0Mnpfcy97NJ++KWUmVmYX849j7silUoJSWftPV4oAHvAGbABBE3PJmtLxM/zisUjFSNEdXlAxMqD6WAYWAk6wRmwHeR5+QzlgSN8CBoLDoKUxlYQGERB00GK8dxgCBoPvmNyFFtMIilDgiotBL1pse8lsAEsy5SgPHDYRpBRJGVI0GhwXJNzFVSxPdngT1o/mG5B48AmcAcIgX0OkhwjKUOCJNPAapAAcYv1MPiXBLWlU1CBlnM6wASQA1rBaa+SMijIiTHgSy3CWtIlSCbkA+zyP4AiEiAj6zFwzkZSwKegCWAhWA5WUMKNgVmMYhCg9VfBK8Rr4D5wK1jHHr8UVboWYi940Y8gGTmHbCKkge3daBpJLoJGgvdBt0XStWIHKLBZk6KKDD+nyasgq1Kus57tf9c0cStBDw8UJHuZrYYXukI/m8FELfnqyOi7HfwE/mBrveAYRdYvoMGLIDc5kh6wUDuT7yVx/1VXIpZX5YqqcJYuKM4u8St4kh6Vp0GXtrabep/btCrG5a7QorJSkyr5gv4+B4RkhTMVVGAgR/EVnXkdTKHEvc8lkq5J6qkrFZ/XTOKC1rEyXccev2e09STIZ+sNNoIkZUxQq58kPc6DnBRVMXluBzgBCsEosAY0g16bSBqexLkT8+4WiyIjxZzw9cdsi3aBi2ASu8QDTECMrb/nIGgmE+SrzLd5kKML+lSrbvnaY1cPLtvlr/OIojWzx4qK/ihKsAh6gl1iNRMQudmCLvkU1ES/91GPpARlgZMW536U62chaPPciSLSL6iGXfA8+ICq0WckTa3JpJt7swVtvEFBV6gnUoLm2Eh/+/9EXSq+fXCqiJdni5r+/+iH4LJBFXvKonfyIshXDsqmROpXUIoaRpmDVoGkxZlGJfBvCDoanyYeqhjOy/03DqW9HTxq01w6CbqfCTrgt5MOUCI1EfQ1ndlmuD+h5HSjzHdAzuJIjoj2J+ks8DFd5CpVpRnUUcvH706XceIdiz5Irc1ggs6Bairxd4F7vfRBQYNIkhVqKe1fYpC/rkdOFxrFk7XTxZLKkJ5/BI0H6gJyqGwCb4EXwONgAU3ovLqF6LK7mCBZFaNgBM1iPWy9D/wO/gEdXjtpt0j6iO3fbBI5qgdqri4U5eFhPAL2G3bRF2h+mk3noi77y7T8ZrvPzywWcIiklWxvo4mcU9cer1KxNBISswbOYS+DS4aS1GNSSJ32KRo3dDrpZ4nWUa8CR2lN8j2NK/V+p/mgTST9BmbSehR0OT1WevS0xYpQuYJi7sAcMlkbJy5SKT9Lf7aT9DzlrnwiT0P9HmD/TlDbH0zH+yC7x62XmsM+t8hRQ+pxDKn16J61xKwn6BatWi0Ct9AgWkxd9Hwqz7qgN9L1zuhG3ygGPVS3hNVnyMZwLTpni9yj3v9c0JJnmc1F1jNBi4eKIFNJjVZnTyN6jsSnivkDex5FLpvWZe74hEq3/DpnLU3gejd9zGJgHVRBbok7YXdONoWtscmY3h1fsS5jApw4QslZDDVBdpHU6HRGCtqL5BwNu76DjtLXMu0URd1Ekl587QTPUn4SQ1WQiiQppV3NVmkSpDMKjCfG0Nc2GXuxbyfoP7Dk8MfneGN1AAAAAElFTkSuQmCC');
    padding-left: 78px;
    background-position: left center;
    background-repeat: no-repeat;
}


/*
 * Navigation header links
 */
div.page_nav {

    color: #545454;
    padding: 5px;
    margin: 0 auto 15px auto;
}

div.page_nav a:visited {
    color: #0000cc;
}


/*
 * Path header
 * (tree/blob path navigation links)
 */
div.page_path {
    padding: 8px;
    border: solid #d9d8d1;
    border-width: 0px 0px 1px;
}


/*
 * Page footer
 * (footer bar with project description and atom/rss links)
 */
div.page_footer {
    padding: 4px 8px;

    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background: #f1f1f1;
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
}


/*
 * Attribution footer
 * (bottommost footer)
 */
div.attr_footer {
    text-align: center;
    padding: 4px 8px;
    color: #888888;
    font-style: italic;
}

div.attr_footer a {
    color: #888888;
    font-style: italic;
    text-decoration: none;
}

div.attr_footer a:hover {
    text-decoration: underline;
}


div.page_footer_text {
    float: left;
    color: #555555;
    font-style: italic;
}

div.page_footer_text a {
    color: #555555;
    font-style: italic;
    text-decoration: none;
}

div.page_footer_text a:hover {
    text-decoration: underline;
}


/*
 * Page body
 */
div.page_body {
    padding: 8px;
}


/*
 * Table displays
 */
table {
    padding: 8px 4px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 95%;
    margin: 0 auto 15px auto;
    border: 1px solid #d8d8d8;
    -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);
}

.projectList,
.shortlog,
.tree,
.commit_search,
.history {
    width: 95%;
    margin: 0 auto 15px auto;
    border: 1px solid #d8d8d8;
    -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);
}

.projectList th,
.shortlog th,
.tree th,
.commit_search th {
    color: #afafaf;
    font-weight: normal;
}

.projectList th {
    font-weight: bold;
}

.projectList tr,
.shortlog tr,
.tree tr,
.commit_search tr {
    background: #eaeaea;
    height: 2.5em;
    text-align: left;
    color: #545454;
}

.projectList .categoryName{
    color:#000;
}


tr.dark,
tr.light {
    width:auto;
    background: #F9F9F9;
    background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 );
    background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
    height: 2.5em;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    color: #545454;
}

th {
    padding: 5px;
    font-size: 12px;
    text-align: left;
}






td {
    padding: 5px;
    font-size: 12px;
    vertical-align: top;
}

td.link {
    /* navigation links on the right side of each row */
    padding: 2px 5px;
    font-family: sans-serif;
    font-size:1em;
}


/*
 * Messages
 */
div.message {
    /* used to display information/error message to user */
    padding: 12px;
}

div.error {
    /* highlights error messages */
    color: #ff0000;
}


/*
 * Badges
 */
a.rss_logo {
    /* the rss/atom/opml/txt buttons */
    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: 10px;
    text-align: center;
    text-decoration: none;
}

a.rss_logo:hover {
    background-color: #ee5500;
}

span.refs a {
    /* for both tag and head badges */
    text-decoration: none;
    color: #4e4e4e;
    font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
    line-height: 18px;
}

span.refs a:hover {
    color: #880000;
    text-decoration: underline;
}

span.tag {
    /* tag badge */
    padding: 0px 4px;
    font-size: 10px;
    font-weight: normal;
    background-color: #ffffaa;
    border: 1px solid;
    border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
}

span.head {
    /* head badge */
    font-size: 10px;
    font-weight: normal;

    color: #707070;
    display: inline-block;
    margin: 0;
    background-color: #c4ffc4;
    border: 1px solid #78ff78;
    border-radius: 3px;
    height: 18px;
    padding: 0 6px;
    text-overflow: ellipsis;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABAElEQVQ4y2NgGBKg/He5dcW/iqPl/8p3Fv0sUiXbIKAh18p+lqlV/KmwB7J3wMSLfxebAA2fA6KJc9G/8qulP0tVSn+X2iEbBGTfqPhbUQSUv06ci/5UBFX8h8CSXyW6SAbdSXuWxgmkbxFlEMg1MINQXPq3PAfomo9lf8syKTII6FUbsOiHCgGyDUp4kMAOdM1WUEQQHWvIBhX/LFYHGtAENOAhEP8r+1MWSJZBIM0gGmjYbaAh/iSlI2SDgAbsA8aiM0MDAyPJCRLZoLI3ZTyUpOzFoOwBxCeAUV1Dfl77V36v5EUJV/n3clmgocfJN+hveRo0lu6U/yn3YBiSAAAIBMXKS8e57gAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    padding-left: 18px;
}


/*
 * Title bar
 * (main header with commit message)
 */
div.title {
    padding: 5px;
    margin: 0 auto 15px auto;
    background-color: #eaf2f5;
    border: 1px solid #bedce7;

}

div.title a.title {
    display:inline-block;
    font-weight: bold;
    text-decoration: underline;
    color: #4183C4;
}

div.title:hover {
    background-color: #eaf2f5;
}

div.title_text {

    background: #eaf2f5;
    border: 1px solid #bedce7;
    padding: 5px;
    margin: 0 auto 0 auto;
}

div.title_text > table{
    border:none;
    box-shadow:none;
}

div.page_body,div.list_head{
    margin: auto;
}

div.page_nav,div.title,div.title_text,div.page_body,div.list_head{
    width:95%;
}

div.projectSearch {

    margin-bottom: 12px;
}



/*
 * Search box
 */
div.search {
    font-size: 12px;
    font-weight: normal;
    right: 2%;
}


/*
 * Language selector
 */
div.lang_select {
    font-size: 12px;
    font-weight: normal;
}


/*
 * Full log view
 */
span.age {
    /* Age display by each log commit */
    font-style: italic;
}

div.log_link {
    /* Links by each log commit */
    font-size: 10px;
    font-family: sans-serif;
    font-style: normal;
}


/*
 * Commit view
 */
div.list_head {
    /* Header above commit's changed files (shows # of changed files) */
    padding: 6px 8px 4px;
    border: solid #d9d8d1;
    border-width: 1px 0px 0px;
    font-style: italic;
}

span.commit_title {
    font-weight: bold;
}

span.merge_title {
    color: #777777;
}

span.newfile {
    color: #008000;
}

span.deletedfile {
    color: #c00000;
}

span.changedfile {
    color: #777777;
}

span.movedfile {
    color: #777777;
}

span.latenight {
    /* highlights the time if it's after hours */
    color: #cc0000;
}

span.signedOffBy {
    color: gray;
}


/*
 * Diff display
 */
div.pre {
    /* the entire diff output block */
    font-family: monospace;
    font-size: 12px;
}

div.diff_info {
    /* the from -> to file header */
    font-family: monospace;
    color: #000099;
    background-color: #edece6;
    font-style: italic;
}

.diffplus {
    color: #008800;
}

.diffminus {
    color: #cc0000;
}

.diffat {
    color: #990099;
}


/*
 * side-by-side-diff diff
 */
table.diffTable {
    font-family: monospace;
}

table.diffTable tr.diff-added {
    background-color: #C1FFC1;
}

table.diffTable tr.diff-modified {
    background-color: #DDEEFF;
}

table.diffTable tr.diff-deleted {
    background-color: #FFDDDD;
}

table.diffTable td.diff-left {
    border-right: 1px solid #d9d8d1;
}

/*
 * side-by-side commitdiff
 */
div.commitDiffSBS
{
    width: 100%;
    border-top: 2px solid #edece6;
}

div.commitDiffSBS div.SBSTOC
{
    float: left;
    width: 19%;
    word-wrap: break-word;
    background-color: #ffffff;
    border-bottom: 1px solid #edece6;
}

div.commitDiffSBS div.SBSTOC a
{
    text-decoration: none;
}

div.commitDiffSBS div.SBSTOC ul
{
    margin-left: 8px;
    padding-left: 8px;
}

div.commitDiffSBS div.SBSTOC .listcount
{
    list-style-type: none;
}

div.commitDiffSBS div.SBSTOC .activeItem
{
    background-color: #edece6;
}

div.commitDiffSBS .SBSContent
{
    float: right;
    width: 80%;
    border-left: 1px solid #edece6;
}

div.commitDiffSBS .SBSFooter
{
    clear: both;
}


/*
 * Blob/blame display
 */
a.linenr {
    /* Line numbers (non-geshi only) */
    color: #999999;
    text-decoration: none;
}

table.code td {
    /* code table (non-geshi only) */
    padding: 0px 0px;
}

table.code td.num {
    text-align: right;
    font-family: monospace;
    font-size: 12px;
}

table.code td.codeline {
    padding-left: 5px;
    font-family: monospace;
    font-size: 12px;
}

table.code tr.light:hover {
    background-color: #ffffff;
}

table.code tr.dark:hover {
    background-color: #f6f6f0;
}

td#blameData {
    /* the blame info column */
    text-align: left;
}

td#blameData div.light:hover {
    background-color: #edece6;
}

td#blameData div.dark {
    background-color: #f6f6f0;
}

td#blameData div.dark:hover {
    background-color: #edece6;
}


/*
 * Project list page
 */
div.index_header {
    /* the customizable info header above the list of projects */
    border: solid #d9d8d1;
    border-width: 0px 0px 1px;
    padding: 12px 8px;
}

span.agehighlight {
    /* highlights recently changed project ages */
    color: #009900;
}

div.projectSearch {
    /* the project search box */
    padding: 8px;
    border: solid #d9d8d1;
    border-width: 0px 0px 1px;
}

.projectName .indent {
    /* indents projects underneath a category */
    margin-left: 8px;
}

.projectRow.disabled {
    color: #888;
}


/*
 * Tree view
 */
table.treeTable td.filesize {
    /* the file size column */
    text-align: right;
}

table.treeTable td.expander {
    /* the javascript tree expander cell */
    padding-right: 0px;
}


/*
 * Tag view
 */
table.tagTable td.link {
    /* links at the right end of each tag */
    text-align: right;
}

span.pgpSig {
    color: gray;
}


/*
 * Search view
 */
span.searchmatch {
    /* highlights string matches */
    color: #e00000;
}


/*
 * Tooltips
 */
.ui-tooltip-gitphp {
    font-size: inherit !important;
    line-height: inherit !important;
    border-width: 2px !important;
    max-width: 500px !important;
}

/*
 * Debug styles
 */
.debug_toggle {
    color: #88a; border-bottom: 1px dashed blue;
}

.debug_key {
    background: #ccf; border-bottom: 1px solid #888;
}

.debug_value {
    background: #ccc; border-bottom: 1px solid #888;
}

.debug_value .debug_addl {
    font-style: italic;
}

.debug_time {
    background: #cff; border-bottom: 1px solid #888;
}

.ui-tooltip{
    border:none;
    border-radius: 4px;
}

.ui-tooltip-titlebar{
    position: relative;
padding: 10px 20px;
margin: 0;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
background-color: #6c8393;
background-image: -moz-linear-gradient(#7f95a5, #6c8393);
background-image: -webkit-linear-gradient(#7f95a5, #6c8393);
background-image: linear-gradient(#7f95a5, #6c8393);
background-repeat: repeat-x;
border: 1px solid #6e8290;
border-bottom-color: #586873;
border-radius: 4px 4px 0 0;
font-size:14px;
}



input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.ui-tooltip input[type="submit"],
.button, 
.minibutton {
position: relative;
display: inline-block;
padding: 7px 12px;
font-size: 13px;
font-weight: bold;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
white-space: nowrap;
background-color: #eeeeee;
background-image: -moz-linear-gradient(#fcfcfc, #eee);
background-image: -webkit-linear-gradient(#fcfcfc, #eee);
background-image: linear-gradient(#fcfcfc, #eee);
background-repeat: repeat-x;
border-radius: 3px;
border: 1px solid #d5d5d5;
vertical-align: middle;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
}



.ui-tooltip input[type="submit"],
.ui-tooltip input[type="submit"]:hover,
.ui-tooltip input[type="submit"]:active,
.button:hover, 
.button:active, 
.button.zeroclipboard-is-hover, 
.button.zeroclipboard-is-active, 
.minibutton:hover, 
.minibutton:active, 
.minibutton.zeroclipboard-is-hover, 
.minibutton.zeroclipboard-is-active {
text-decoration: none;
background-color: #dddddd;
background-image: -moz-linear-gradient(#eee, #ddd);
background-image: -webkit-linear-gradient(#eee, #ddd);
background-image: linear-gradient(#eee, #ddd);
background-repeat: repeat-x;
border-color: #ccc;
}


div.loginForm div.field label{
    font-size:13px;
    font-weight: bolder;
}