| /* | /* |
| * gitphpskin.css | * gitphpskin.css |
| * | * |
| * GitPHP look and feel stylesheet | * GitPHP look and feel stylesheet |
| * | * |
| * @author Christopher Han <xiphux@gmail.com> | * @author Christopher Han <xiphux@gmail.com> |
| * @copyright Copyright (c) 2006-2011 Christopher Han | * @copyright Copyright (c) 2006-2011 Christopher Han |
| * @package GitPHP | * @package GitPHP |
| */ | */ |
| /* | /* |
| * Base styles | * Base styles |
| */ | */ |
| body { | body { |
| font-family: sans-serif; | font-family: sans-serif; |
| font-size: 12px; | font-size: 12px; |
| border: solid #d9d8d1; | border: solid #d9d8d1; |
| border-width: 1px; | border-width: 1px; |
| margin: 10px; | margin: 10px; |
| background-color: #ffffff; | background-color: #ffffff; |
| color: #000000; | color: #000000; |
| } | } |
| a { | a { |
| color: #0000cc; | color: #0000cc; |
| } | } |
| a:hover, a:visited, a:active { | a:hover, a:visited, a:active { |
| color: #880000; | color: #880000; |
| } | } |
| .empty { | .empty { |
| /* various empty / no data messages */ | /* various empty / no data messages */ |
| color: gray; | color: gray; |
| } | } |
| /* | /* |
| * Page header | * Page header |
| * (topmost bar with project link, language bar, etc) | * (topmost bar with project link, language bar, etc) |
| */ | */ |
| div.page_header { | div.page_header { |
| height: 25px; | height: 25px; |
| padding: 8px; | padding: 8px; |
| font-size: 18px; | font-size: 18px; |
| font-weight: bold; | font-weight: bold; |
| background-color: #d9d8d1; | background-color: #d9d8d1; |
| } | } |
| div.page_header a:visited, a.header { | div.page_header a:visited, a.header { |
| color: #0000cc; | color: #0000cc; |
| } | } |
| div.page_header a:hover { | div.page_header a:hover { |
| color: #880000; | color: #880000; |
| } | } |
| /* | /* |
| * Navigation header links | * Navigation header links |
| */ | */ |
| div.page_nav { | div.page_nav { |
| padding: 8px; | padding: 8px; |
| } | } |
| div.page_nav a:visited { | div.page_nav a:visited { |
| color: #0000cc; | color: #0000cc; |
| } | } |
| /* | /* |
| * Path header | * Path header |
| * (tree/blob path navigation links) | * (tree/blob path navigation links) |
| */ | */ |
| div.page_path { | div.page_path { |
| padding: 8px; | padding: 8px; |
| border: solid #d9d8d1; | border: solid #d9d8d1; |
| border-width: 0px 0px 1px; | border-width: 0px 0px 1px; |
| } | } |
| /* | /* |
| * Page footer | * Page footer |
| * (footer bar with project description and atom/rss links) | * (footer bar with project description and atom/rss links) |
| */ | */ |
| div.page_footer { | div.page_footer { |
| height: 17px; | height: 17px; |
| padding: 4px 8px; | padding: 4px 8px; |
| background-color: #d9d8d1; | background-color: #d9d8d1; |
| } | } |
| /* | /* |
| * Attribution footer | * Attribution footer |
| * (bottommost footer) | * (bottommost footer) |
| */ | */ |
| div.attr_footer { | div.attr_footer { |
| text-align: center; | text-align: center; |
| padding: 4px 8px; | padding: 4px 8px; |
| color: #888888; | color: #888888; |
| font-style: italic; | font-style: italic; |
| } | } |
| div.attr_footer a { | div.attr_footer a { |
| color: #888888; | color: #888888; |
| font-style: italic; | font-style: italic; |
| text-decoration: none; | text-decoration: none; |
| } | } |
| div.attr_footer a:hover { | div.attr_footer a:hover { |
| text-decoration: underline; | text-decoration: underline; |
| } | } |
| div.page_footer_text { | div.page_footer_text { |
| float: left; | float: left; |
| color: #555555; | color: #555555; |
| font-style: italic; | font-style: italic; |
| } | } |
| /* | /* |
| * Page body | * Page body |
| */ | */ |
| div.page_body { | div.page_body { |
| padding: 8px; | padding: 8px; |
| } | } |
| /* | /* |
| * Table displays | * Table displays |
| */ | */ |
| table { | table { |
| padding: 8px 4px; | padding: 8px 4px; |
| } | } |
| th { | th { |
| padding: 2px 5px; | padding: 2px 5px; |
| font-size: 12px; | font-size: 12px; |
| text-align: left; | text-align: left; |
| } | } |
| tr.light:hover { | tr.light:hover { |
| /* odd rows */ | /* odd rows */ |
| background-color: #edece6; | background-color: #edece6; |
| } | } |
| tr.dark { | tr.dark { |
| /* even rows */ | /* even rows */ |
| background-color: #f6f6f0; | background-color: #f6f6f0; |
| } | } |
| tr.dark:hover { | tr.dark:hover { |
| background-color: #edece6; | background-color: #edece6; |
| } | } |
| td { | td { |
| padding: 2px 5px; | padding: 2px 5px; |
| font-size: 12px; | font-size: 12px; |
| vertical-align: top; | vertical-align: top; |
| } | } |
| td.link { | td.link { |
| /* navigation links on the right side of each row */ | /* navigation links on the right side of each row */ |
| padding: 2px 5px; | padding: 2px 5px; |
| font-family: sans-serif; | font-family: sans-serif; |
| font-size: 10px; | font-size: 10px; |
| } | } |
| /* | /* |
| * Messages | * Messages |
| */ | */ |
| div.message { | div.message { |
| /* used to display information/error message to user */ | /* used to display information/error message to user */ |
| padding: 12px; | padding: 12px; |
| } | } |
| div.error { | div.error { |
| /* highlights error messages */ | /* highlights error messages */ |
| color: #ff0000; | color: #ff0000; |
| } | } |
| /* | /* |
| * Badges | * Badges |
| */ | */ |
| a.rss_logo { | a.rss_logo { |
| /* the rss/atom/opml/txt buttons */ | /* the rss/atom/opml/txt buttons */ |
| padding: 3px 0px; | padding: 3px 0px; |
| width: 35px; | width: 35px; |
| line-height: 10px; | line-height: 10px; |
| border: 1px solid; | border: 1px solid; |
| border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e; | border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e; |
| color: #ffffff; | color: #ffffff; |
| background-color: #ff6600; | background-color: #ff6600; |
| font-weight: bold; | font-weight: bold; |
| font-family: sans-serif; | font-family: sans-serif; |
| font-size: 10px; | font-size: 10px; |
| text-align: center; | text-align: center; |
| text-decoration: none; | text-decoration: none; |
| } | } |
| a.rss_logo:hover { | a.rss_logo:hover { |
| background-color: #ee5500; | background-color: #ee5500; |
| } | } |
| span.refs a { | span.refs a { |
| /* for both tag and head badges */ | /* for both tag and head badges */ |
| color: #000000; | color: #000000; |
| text-decoration: none; | text-decoration: none; |
| } | } |
| span.refs a:hover { | span.refs a:hover { |
| color: #880000; | color: #880000; |
| text-decoration: underline; | text-decoration: underline; |
| } | } |
| span.tag { | span.tag { |
| /* tag badge */ | /* tag badge */ |
| padding: 0px 4px; | padding: 0px 4px; |
| font-size: 10px; | font-size: 10px; |
| font-weight: normal; | font-weight: normal; |
| background-color: #ffffaa; | background-color: #ffffaa; |
| border: 1px solid; | border: 1px solid; |
| border-color: #ffffcc #ffee00 #ffee00 #ffffcc; | border-color: #ffffcc #ffee00 #ffee00 #ffffcc; |
| } | } |
| span.head { | span.head { |
| /* head badge */ | /* head badge */ |
| padding: 0px 4px; | padding: 0px 4px; |
| font-size: 10px; | font-size: 10px; |
| font-weight: normal; | font-weight: normal; |
| background-color: #aaffaa; | background-color: #aaffaa; |
| border: 1px solid; | border: 1px solid; |
| border-color: #ccffcc #00cc33 #00cc33 #ccffcc; | border-color: #ccffcc #00cc33 #00cc33 #ccffcc; |
| } | } |
| img.logo { | img.logo { |
| /* the git logo */ | /* the git logo */ |
| border-width: 0px; | border-width: 0px; |
| } | } |
| /* | /* |
| * Title bar | * Title bar |
| * (main header with commit message) | * (main header with commit message) |
| */ | */ |
| div.title { | div.title { |
| padding: 6px 8px; | padding: 6px 8px; |
| background-color: #edece6; | background-color: #edece6; |
| } | } |
| div.title a.title { | div.title a.title { |
| font-weight: bold; | font-weight: bold; |
| text-decoration: none; | text-decoration: none; |
| color: #000000; | color: #000000; |
| } | } |
| div.title:hover { | div.title:hover { |
| background-color: #d9d8d1; | background-color: #d9d8d1; |
| } | } |
| div.title_text { | div.title_text { |
| padding: 6px 0px; | padding: 6px 0px; |
| border: solid #d9d8d1; | border: solid #d9d8d1; |
| border-width: 0px 0px 1px; | border-width: 0px 0px 1px; |
| } | } |
| /* | /* |
| * Search box | * Search box |
| */ | */ |
| div.search { | div.search { |
| font-size: 12px; | font-size: 12px; |
| font-weight: normal; | font-weight: normal; |
| } | } |
| /* | /* |
| * Language selector | * Language selector |
| */ | */ |
| div.lang_select { | div.lang_select { |
| font-size: 12px; | font-size: 12px; |
| font-weight: normal; | font-weight: normal; |
| } | } |
| /* | /* |
| * Full log view | * Full log view |
| */ | */ |
| span.age { | span.age { |
| /* Age display by each log commit */ | /* Age display by each log commit */ |
| font-style: italic; | font-style: italic; |
| } | } |
| div.log_link { | div.log_link { |
| /* Links by each log commit */ | /* Links by each log commit */ |
| font-size: 10px; | font-size: 10px; |
| font-family: sans-serif; | font-family: sans-serif; |
| font-style: normal; | font-style: normal; |
| } | } |
| /* | /* |
| * Commit view | * Commit view |
| */ | */ |
| div.list_head { | div.list_head { |
| /* Header above commit's changed files (shows # of changed files) */ | /* Header above commit's changed files (shows # of changed files) */ |
| padding: 6px 8px 4px; | padding: 6px 8px 4px; |
| border: solid #d9d8d1; | border: solid #d9d8d1; |
| border-width: 1px 0px 0px; | border-width: 1px 0px 0px; |
| font-style: italic; | font-style: italic; |
| } | } |
| a.list { | a.list { |
| /* Filename in list of changed files */ | /* Filename in list of changed files */ |
| text-decoration: none; | text-decoration: none; |
| color: #000000; | color: #000000; |
| } | } |
| a.list:hover { | a.list:hover { |
| text-decoration: underline; | text-decoration: underline; |
| color: #880000; | color: #880000; |
| } | } |
| span.newfile { | span.newfile { |
| color: #008000; | color: #008000; |
| } | } |
| span.deletedfile { | span.deletedfile { |
| color: #c00000; | color: #c00000; |
| } | } |
| span.changedfile { | span.changedfile { |
| color: #777777; | color: #777777; |
| } | } |
| span.movedfile { | span.movedfile { |
| color: #777777; | color: #777777; |
| } | } |
| span.latenight { | span.latenight { |
| /* highlights the time if it's after hours */ | /* highlights the time if it's after hours */ |
| color: #cc0000; | color: #cc0000; |
| } | } |
| /* | /* |
| * Diff display | * Diff display |
| */ | */ |
| div.pre { | div.pre { |
| /* the entire diff output block */ | /* the entire diff output block */ |
| font-family: monospace; | font-family: monospace; |
| font-size: 12px; | font-size: 12px; |
| } | } |
| div.diff_info { | div.diff_info { |
| /* the from -> to file header */ | /* the from -> to file header */ |
| font-family: monospace; | font-family: monospace; |
| color: #000099; | color: #000099; |
| background-color: #edece6; | background-color: #edece6; |
| font-style: italic; | font-style: italic; |
| } | } |
| .diffplus { | .diffplus { |
| color: #008800; | color: #008800; |
| } | } |
| .diffminus { | .diffminus { |
| color: #cc0000; | color: #cc0000; |
| } | } |
| .diffat { | .diffat { |
| color: #990099; | 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; | |
| } | |
| div.commitDiffSBS div.SBSTOC ul | |
| { | |
| margin-left: 8px; | |
| padding-left: 8px; | |
| } | |
| div.commitDiffSBS .SBSContent | |
| { | |
| float: right; | |
| width: 80%; | |
| border-left: 1px solid #edece6; | |
| } | |
| div.commitDiffSBS .SBSFooter | |
| { | |
| clear: both; | |
| } | |
| /* | |
| * Blob/blame display | * Blob/blame display |
| */ | */ |
| a.linenr { | a.linenr { |
| /* Line numbers (non-geshi only) */ | /* Line numbers (non-geshi only) */ |
| color: #999999; | color: #999999; |
| text-decoration: none; | text-decoration: none; |
| } | } |
| table.code td { | table.code td { |
| /* code table (non-geshi only) */ | /* code table (non-geshi only) */ |
| padding: 0px 0px; | padding: 0px 0px; |
| } | } |
| table.code td.num { | table.code td.num { |
| text-align: right; | text-align: right; |
| font-family: monospace; | font-family: monospace; |
| font-size: 12px; | font-size: 12px; |
| } | } |
| table.code td.codeline { | table.code td.codeline { |
| padding-left: 5px; | padding-left: 5px; |
| font-family: monospace; | font-family: monospace; |
| font-size: 12px; | font-size: 12px; |
| } | } |
| table.code tr.light:hover { | table.code tr.light:hover { |
| background-color: #ffffff; | background-color: #ffffff; |
| } | } |
| table.code tr.dark:hover { | table.code tr.dark:hover { |
| background-color: #f6f6f0; | background-color: #f6f6f0; |
| } | } |
| td#blameData { | td#blameData { |
| /* the blame info column */ | /* the blame info column */ |
| text-align: left; | text-align: left; |
| } | } |
| td#blameData div.light:hover { | td#blameData div.light:hover { |
| background-color: #edece6; | background-color: #edece6; |
| } | } |
| td#blameData div.dark { | td#blameData div.dark { |
| background-color: #f6f6f0; | background-color: #f6f6f0; |
| } | } |
| td#blameData div.dark:hover { | td#blameData div.dark:hover { |
| background-color: #edece6; | background-color: #edece6; |
| } | } |
| /* | /* |
| * Project list page | * Project list page |
| */ | */ |
| div.index_header { | div.index_header { |
| /* the customizable info header above the list of projects */ | /* the customizable info header above the list of projects */ |
| border: solid #d9d8d1; | border: solid #d9d8d1; |
| border-width: 0px 0px 1px; | border-width: 0px 0px 1px; |
| padding: 12px 8px; | padding: 12px 8px; |
| } | } |
| span.agehighlight { | span.agehighlight { |
| /* highlights recently changed project ages */ | /* highlights recently changed project ages */ |
| color: #009900; | color: #009900; |
| } | } |
| div.projectSearch { | div.projectSearch { |
| /* the project search box */ | /* the project search box */ |
| padding: 8px; | padding: 8px; |
| border: solid #d9d8d1; | border: solid #d9d8d1; |
| border-width: 0px 0px 1px; | border-width: 0px 0px 1px; |
| } | } |
| .projectName .indent { | .projectName .indent { |
| /* indents projects underneath a category */ | /* indents projects underneath a category */ |
| margin-left: 8px; | margin-left: 8px; |
| } | } |
| /* | /* |
| * Tree view | * Tree view |
| */ | */ |
| table.treeTable td.filesize { | table.treeTable td.filesize { |
| /* the file size column */ | /* the file size column */ |
| text-align: right; | text-align: right; |
| } | } |
| table.treeTable td.expander { | table.treeTable td.expander { |
| /* the javascript tree expander cell */ | /* the javascript tree expander cell */ |
| padding-right: 0px; | padding-right: 0px; |
| } | } |
| /* | /* |
| * Tag view | * Tag view |
| */ | */ |
| table.tagTable td.link { | table.tagTable td.link { |
| /* links at the right end of each tag */ | /* links at the right end of each tag */ |
| text-align: right; | text-align: right; |
| } | } |
| /* | /* |
| * Search view | * Search view |
| */ | */ |
| span.searchmatch { | span.searchmatch { |
| /* highlights string matches */ | /* highlights string matches */ |
| color: #e00000; | color: #e00000; |
| } | } |