├── Readme.md ├── gitcamp └── stylesheets │ └── application.css └── screenshot.png /Readme.md: -------------------------------------------------------------------------------- 1 | GitCamp 2 | ======= 3 | 4 | Basecamp + GitHub Redmine Theme 5 | ------------------------------- 6 | 7 | Redmine is a fantastic alternative to Basecamp. Having a familiar interface is always helpful for new users, so someone stole Basecamp's. Quite perfect really. I feel at home in GitHub's wiki styles, so I decided to smash the two together. 8 | 9 | ![GitCamp Screenshot](https://raw.githubusercontent.com/kennethreitz/redmine-gitcamp-theme/master/screenshot.png) 10 | 11 | Never been better. 12 | 13 | Installation 14 | ------------ 15 | 16 | 1. Copy `gitcamp` into Redmine's `public/themes/` 17 | 1. Enable GitCamp in your Admin Panel 18 | 1. [Fork it](http://github.com/kennethreitz/redmine-gitcamp-theme/fork) and make it even better :) 19 | 20 | Suggested Plugins 21 | ----------------- 22 | * [Redmine GitHub Plugin](http://github.com/rpanachi/redmine-github-plugin.git) 23 | * [Redmine Markdown Formatter](http://github.com/bitherder/redmine_markdown_formatter) 24 | -------------------------------------------------------------------------------- /gitcamp/stylesheets/application.css: -------------------------------------------------------------------------------- 1 | /** 2 | * GitCamp stylesheet, based on "basecamp" 3 | * author: Kenneth Reitz, http://kennethreitz.com 4 | */ 5 | 6 | @import url(../../../stylesheets/application.css); 7 | 8 | body, #wrapper { background-color:#eee; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; } 9 | 10 | a:hover { text-decoration: underline; } 11 | a:hover, a:active { color: #2A5685; } 12 | 13 | #header, #top-menu { margin: 0; } 14 | #header { background-color: #333; padding: 8px 8px 0 8px; height: 5.5em; } 15 | #header h1 { margin: 0 24px; } 16 | #header #quick-search { margin: 0 24px; } 17 | #top-menu { background-color: #000; font-size: 10px; position: relative; padding: 0; height: 21px } 18 | #top-menu ul { padding: 0 21px; } 19 | #top-menu li, #top-menu #loggedas { color: #ddd; line-height: 21px; margin-right: 4px; } 20 | #top-menu li a { color: #999; font-weight: normal; padding:4px 5px; } 21 | #top-menu li a:hover { color: #fff; text-decoration: none; } 22 | #main { background: #EEEEEE; margin: 8px 24px 0px 24px; } 23 | #content, #main.nosidebar #content { background: #fff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; width: 70%; overflow: auto; } 24 | #sidebar { width: 26%; } 25 | #footer { background-color:#EEEEEE; border: 0px; clear: left; color:#666666; font-size:9px; margin:4px 0 20px 20px; padding-bottom:15px; text-align:left; } 26 | #footer a:hover { background:#666666 none repeat scroll 0 0; color:#FFFFFF !important;} 27 | #footer a:link, #footer a:visited { color:#666666; } 28 | 29 | /* Headers */ 30 | h1, h2, h3, h4 { font-family: "Lucida Grande",arial,sans-serif; } 31 | h1 { font-size: 24px; font-weight: normal; margin:0pt 0pt 0pt 0.25em; padding:0pt 0pt 10px; text-align:left; } 32 | h2, h3, h4 { border-bottom: 0px;} 33 | #content h3:first {margin-top: 0!important;} 34 | #content h3 {margin-top: 2em;} 35 | h2 { background-color: #edf3fe; margin: -6px -10px 10px; padding: 10px 20px; font-size: 14px; color: #000; } 36 | .wiki h1 { font-family:"Trebuchet MS",Verdana,sans-serif; font-weight: bold;} 37 | .wiki h2 { background-color: #fff; } 38 | 39 | .wiki *{line-height: 1.4em;} 40 | .wiki h1,h2,h3,h4,h5,h6{border:0!important;} 41 | .wiki h1{font-size:170%!important;border-top:4px solid #aaa!important;padding-top:.5em!important;margin-top:1.5em!important;} 42 | .wiki h1:first-child{margin-top:0!important;padding-top:.25em!important;border-top:none!important;} 43 | .wiki h2{background-color: transparent; font-size:150%!important;border-top:4px solid #e0e0e0!important;padding-top:.5em!important;} 44 | .wiki h3{font-size: 1.15em; background-color: transparent; padding-top:.4em!important;font-weight:bold;} 45 | .wiki h3{margin-top:1em!important;} 46 | .wiki p{margin:1em 0!important;line-height:1.5em!important;} 47 | /*.wiki ul{margin:1em 0 1em 2em!important;} 48 | .wiki ol{margin:1em 0 1em 2em!important;}*/ 49 | .wiki ul ul, ul ol, ol ol, ol ul{margin-top:0!important;margin-bottom:0!important;} 50 | .wiki blockquote{margin:1em 0!important;border-left:5px solid #ddd!important;padding-left:.6em!important;color:#555!important;} 51 | .wiki dt{font-weight:bold!important;margin-left:1em!important;} 52 | .wiki dd{margin-left:2em!important;margin-bottom:1em!important;} 53 | .wiki table{margin:1em 0!important;} 54 | .wiki table th{border-bottom:1px solid #bbb!important;padding:.2em 1em!important;} 55 | .wiki table td{border-bottom:1px solid #ddd!important;padding:.2em 1em!important;} 56 | .wiki pre{margin:1em 0!important;font-size:90%!important;background-color:#f8f8ff!important;border:1px solid #dedede!important;padding:.5em!important;line-height:1.5em!important;color:#444!important;overflow:auto!important;} 57 | .wiki pre code{padding:0!important;font-size:100%!important;background-color:#f8f8ff!important;border:none!important;} 58 | .wiki code{font-size:90%!important;background-color:#f8f8ff!important;color:#444!important;padding:0 .2em!important;border:1px solid #dedede!important;} 59 | 60 | 61 | h3, h4 { font-weight: normal; } 62 | 63 | #sidebar h3 { border-bottom:1px solid #DCDCDC; padding:6px 8px; } 64 | 65 | /* Links */ 66 | #sidebar a:hover { background-color:#003399; color:#FFFFFF; text-decoration: none;} 67 | 68 | /* Menu */ 69 | #main-menu { margin: 0 24px; } 70 | #main-menu li a { background-color: #666; font-weight: normal; padding:4px 8px 6px; } 71 | #main-menu li a:hover { background: #999; text-decoration: none; } 72 | #main-menu li a.selected, #main-menu li a.selected:hover { background-color:#EEEEEE; color: #111; font-weight:bold; } 73 | 74 | /* Tables */ 75 | table.list { border: none; } 76 | table.list th { background-color: #fff; } 77 | table.list tbody td, table.list tbody tr td { border-bottom: solid 1px #ddd; font-size: 11px; padding:4px 10px 4px 3px; } 78 | table.list thead th { 79 | border: none; 80 | border-bottom:1px solid #999999; 81 | font-size:9px; 82 | font-weight:normal; 83 | padding:0pt 3px 3px; 84 | text-transform:uppercase; 85 | } 86 | 87 | table.list thead th a { color: #000; } 88 | table.list thead th a:hover { color: #000; } 89 | 90 | /* Issues grid styles by priorities (provided by Wynn Netherland) */ 91 | table.list tr.issue a { color: #333; } 92 | 93 | tr.odd.priority-5, table.list tbody tr.odd.priority-5:hover { color: #900; font-weight: bold; } 94 | tr.odd.priority-5 { background: #ffc4c4; } 95 | tr.even.priority-5, table.list tbody tr.even.priority-5:hover { color: #900; font-weight: bold; } 96 | tr.even.priority-5 { background: #ffd4d4; } 97 | tr.priority-5 a, tr.priority-5:hover a { color: #900; } 98 | tr.odd.priority-5 td, tr.even.priority-5 td { border-color: #ffb4b4; } 99 | 100 | tr.odd.priority-4, table.list tbody tr.odd.priority-4:hover { color: #900; } 101 | tr.odd.priority-4 { background: #ffc4c4; } 102 | tr.even.priority-4, table.list tbody tr.even.priority-4:hover { color: #900; } 103 | tr.even.priority-4 { background: #ffd4d4; } 104 | tr.priority-4 a { color: #900; } 105 | tr.odd.priority-4 td, tr.even.priority-4 td { border-color: #ffb4b4; } 106 | 107 | tr.odd.priority-3, table.list tbody tr.odd.priority-3:hover { color: #900; } 108 | tr.odd.priority-3 { background: #fee; } 109 | tr.even.priority-3, table.list tbody tr.even.priority-3:hover { color: #900; } 110 | tr.even.priority-3 { background: #fff2f2; } 111 | tr.priority-3 a { color: #900; } 112 | tr.odd.priority-3 td, tr.even.priority-3 td { border-color: #fcc; } 113 | 114 | tr.odd.priority-1, table.list tbody tr.odd.priority-1:hover { color: #559; } 115 | tr.odd.priority-1 { background: #eaf7ff; } 116 | tr.even.priority-1, table.list tbody tr.even.priority-1:hover { color: #559; } 117 | tr.even.priority-1 { background: #f2faff; } 118 | tr.priority-1 a { color: #559; } 119 | tr.odd.priority-1 td, tr.even.priority-1 td { border-color: #add7f3; } 120 | 121 | p.breadcrumb { 122 | background-color:#EEEEEE; 123 | border-bottom:1px solid white; 124 | font-size:0.9em; 125 | margin:-6px -10px 6px; 126 | padding:6px; 127 | text-indent:15px; 128 | } 129 | 130 | /* Fields */ 131 | input[type="text"], input[type="password"], textarea, select { padding: 2px; border: 1px solid #d7d7d7; } 132 | input[type="text"], input[type="password"] { padding: 3px; } 133 | input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #888866; } 134 | option { border-bottom: 1px dotted #d7d7d7; } 135 | input#issue_subject { font-size: 200%; width: 90%; } 136 | 137 | textarea.wiki-edit { font-family: Cambria, Verdana, Serif; font-size: larger; } 138 | 139 | /* Misc */ 140 | .box { background-color: #fcfcfc; } 141 | 142 | .contextual { font-size: 0.9em; font-family:verdana; } 143 | 144 | hr { background:#eee none repeat scroll 0% 0%; } 145 | 146 | #footer {display: none;} 147 | .help {display: none;} 148 | ul.projects li.root div.root {margin-bottom: 1.6em;} 149 | 150 | ul.projects li.root div.root div.description { margin-top: -0.6em;} -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kennethreitz-archive/redmine-gitcamp-theme/a6231ac34103a8a292db17a427173f8c4d4a4e0d/screenshot.png --------------------------------------------------------------------------------