default.css

   1 /**
   2  * More polished style for ViewGit
   3  *
   4  * @author John Lawrence <mail@johnlawrence.net>
   5  */
   6 body {
   7         font-family: "Helvetica", Arial, sans-serif;
   8         color: black;
   9         background-color: white;
  10         margin: 0px;
  11         font-size: 80%;
  12 }
  13
  14 a {
  15         color: #c00;
  16 }
  17
  18 a.external {
  19         text-decoration: none;
  20 }
  21
  22 a.external:before {
  23         content: ' [';
  24 }
  25
  26 a.external:after {
  27         content: '] ';
  28 }
  29
  30 a.tree_link {
  31         padding-top: 16px;
  32         height: 0px;
  33         width: 22px;
  34         overflow: hidden;
  35         display: inline-block;
  36         background: url('images/silk/chart_organisation.png') no-repeat 50% 50%;
  37 }
  38
  39 a.tar_link {
  40         padding-top: 16px;
  41         height: 0px;
  42         width: 22px;
  43         overflow: hidden;
  44         display: inline-block;
  45         background: url('images/silk/page_white_compressed.png') no-repeat 50% 50%;
  46 }
  47
  48 a.zip_link{
  49         padding-top: 16px;
  50         height: 0px;
  51         width: 22px;
  52         overflow: hidden;
  53         display: inline-block;
  54         background: url('images/silk/page_white_zip.png') no-repeat 50% 50%;
  55 }
  56
  57 a.cdiff_link {
  58         padding-top: 16px;
  59         height: 0px;
  60         width: 22px;
  61         overflow: hidden;
  62         display: inline-block;
  63         background: url('images/silk/commit_diff.png') no-repeat 50% 50%;
  64 }
  65
  66 a.patch_link {
  67         padding-top: 16px;
  68         height: 0px;
  69         width: 22px;
  70         overflow: hidden;
  71         display: inline-block;
  72         background: url('images/silk/page_white_code_red.png') no-repeat 50% 50%;
  73 }
  74
  75 h1 {
  76         font-size: 130%;
  77 }
  78
  79 h1 a {
  80         text-decoration: none;
  81 }
  82
  83 h2 {
  84         font-size: 115%;
  85 }
  86
  87 table {
  88         width: 100%;
  89         border-collapse: collapse;
  90 }
  91
  92 table tr.even {
  93         background-color: #f8f8f8;
  94         border-bottom: 1px solid #eee;
  95         border-top: 1px solid #eee;
  96 }
  97
  98 table tr.odd td, table tr.even td {
  99         padding: 3px 2px;
 100 }
 101
 102 table tbody tr:hover {
 103         background-color: #e0ffe0;
 104 }
 105
 106 table th {
 107         background-color: #cfcfcf;
 108         text-align: left;
 109         border-bottom: 1px solid #666;
 110         border-top: 1px solid #666;
 111         padding: 6px 2px;
 112 }
 113
 114 .notices {
 115         padding-left: 1em;
 116         margin: 0;
 117 }
 118
 119 .notices p {
 120         margin: 0;
 121         padding: 0;
 122 }
 123
 124 .notices .error {
 125         background-color: #f77;
 126 }
 127
 128 .notices .info {
 129         background-color: #ff7;
 130 }
 131
 132 .notices .warning {
 133         background-color: #fc7;
 134 }
 135
 136 .nav {
 137         font-size: 1.4em;
 138         padding: 20px;
 139         margin: 0;
 140         background:#333 url('images/viewgit.png') no-repeat 98% 50%;
 141         border-bottom: 1px solid #000;
 142         color: #eee;
 143 }
 144
 145 .nav a {
 146         text-decoration: none;
 147         color: #4d4;
 148         font-size: 1.2em;
 149         font-weight: bold;
 150 }
 151
 152 div#page_body {
 153         margin: 10px 20px;
 154 }
 155
 156 .pagenav {
 157         margin-top: 0.3em;
 158         padding-top: 0.5em;
 159         padding-bottom: 0.5em;
 160         border-top: 1px solid #333;
 161         border-bottom: 1px solid #333;
 162 }
 163
 164 .pagenav a {
 165         text-decoration: none;
 166 }
 167
 168 .pagenav a:hover {
 169         text-decoration: underline;
 170 }
 171
 172 .pagenav .cur {
 173         font-weight: bold;
 174 }
 175
 176 .search {
 177         display: inline;
 178 }
 179
 180 .ad {
 181         margin-top: 20px;
 182         text-align: center;
 183         font-size: 80%;
 184 }
 185
 186 span.label {
 187         font-size: 80%;
 188         padding-left: 0.5em;
 189         padding-right: 0.5em;
 190         margin-left: 0.5em;
 191         font-weight: bold;
 192 }
 193
 194 span.head {
 195         background-color: #afa;
 196         border-right: 1px solid #090;
 197         border-bottom: 1px solid #090;
 198 }
 199
 200 span.remote {
 201         background-color: #faf;
 202         border-right: 1px solid #909;
 203         border-bottom: 1px solid #909;
 204 }
 205
 206 span.tag {
 207         background-color: #ffa;
 208         border-right: 1px solid #990;
 209         border-bottom: 1px solid #990;
 210 }
 211
 212 /* summary template */
 213
 214 table.shortlog th.date {
 215         width: 15%;
 216         white-space: pre;
 217 }
 218
 219 table.shortlog th.author {
 220         width: 15%;
 221 }
 222
 223 table.heads th.date {
 224         width: 15%;
 225 }
 226
 227 /* commitdiff template */
 228
 229 .commitmessage {
 230         border:1px solid #999;
 231         background:#ffe;
 232         padding: 0 0.5em;
 233         margin: 0.5em;
 234         font-size: 1.2em;
 235 }
 236
 237 div.diff {
 238         font-size: 1.2em;
 239 }
 240
 241 .diff .add {
 242         color: green;
 243 }
 244
 245 .diff .del {
 246         color: red;
 247 }
 248
 249 .diff .pos {
 250         color: purple;
 251 }
 252
 253 .diff .etc {
 254         color: #999;
 255 }
 256
 257 /* tree template */
 258 table.tree th.perm {
 259         width: 10%;
 260 }
 261
 262 table.tree th.dl {
 263         width: 10%;
 264 }
 265
 266 table.tree .dir a.item_name{
 267         padding-left: 20px;
 268         background: url('images/silk/folder.png') no-repeat 0 50%;
 269 }
 270
 271 table.tree .blob a.item_name{
 272         padding-left: 20px;
 273         background: url('images/silk/page_white_text.png') no-repeat 0 50%;
 274 }
 275
 276 /* viewblob template */
 277 .file {
 278         border:1px solid #999;
 279         background:#ddd;
 280         padding: 0 0.5em;
 281         margin: 0.5em;
 282         font-size: 1.2em;
 283 }
 284